@tamagui/card 1.0.1-beta.42 → 1.0.1-beta.45

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.
Files changed (8) hide show
  1. package/dist/cjs/Card.js +0 -2
  2. package/dist/cjs/Card.js.map +2 -2
  3. package/dist/esm/Card.js +0 -2
  4. package/dist/esm/Card.js.map +2 -2
  5. package/dist/jsx/Card.js +0 -2
  6. package/package.json +5 -5
  7. package/types/Card.d.ts +221 -135
  8. package/types/Card.d.ts.map +1 -1
package/dist/cjs/Card.js CHANGED
@@ -64,7 +64,6 @@ const [createCardContext, createCardScope] = (0, import_create_context.createCon
64
64
  const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
65
65
  const CardFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
66
66
  name: "Card",
67
- flexDirection: "column",
68
67
  backgroundColor: "$background",
69
68
  position: "relative",
70
69
  overflow: "hidden",
@@ -84,7 +83,6 @@ const CardFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
84
83
  const CardHeader = (0, import_core.styled)(import_stacks.ThemeableStack, {
85
84
  name: "CardHeader",
86
85
  zIndex: 10,
87
- flexDirection: "column",
88
86
  backgroundColor: "transparent",
89
87
  marginBottom: "auto",
90
88
  variants: {
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// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nconst CardFrame = styled(ThemeableStack, {\n name: 'Card',\n flexDirection: 'column',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.size[val] ?? val,\n }\n },\n },\n },\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nconst CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n zIndex: 10,\n flexDirection: 'column',\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.size[val] ?? val,\n }\n },\n },\n },\n})\n\nconst CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nconst 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 themeable(\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\nexport { createCardScope, useCardContext, CardHeader, CardFooter, CardBackground }\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO;AACP,4BAAgD;AAChD,oBAA+B;AAC/B,mBAAgD;AAIhD,qBAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,8CAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAEpF,MAAM,YAAY,wBAAO,8BAAgB;AAAA,EACvC,MAAM;AAAA,EACN,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,KAAK,QAAQ;AAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,aAAa,wBAAO,8BAAgB;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAED,MAAM,aAAa,wBAAO,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAED,MAAM,iBAAiB,wBAAO,8BAAgB;AAAA,EAC5C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,sCAClB,2BACE,6BACE,CAAC,IAA2C,QAAQ;AAAnD,eAAE,QAAM,aAAa,aAArB,IAAkC,kBAAlC,IAAkC,CAAhC,QAAM,eAAa;AACpB,SACE,mDAAC;AAAA,IAAa,OAAO;AAAA,IAAa;AAAA,KAChC,mDAAC;AAAA,IAAU;AAAA,KAAc,QACtB,qBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,kCAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,+BAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,CACH,CACF;AAEJ,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
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// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nconst 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.size[val] ?? val,\n }\n },\n },\n },\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nconst 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.size[val] ?? val,\n }\n },\n },\n },\n})\n\nconst CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nconst 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 themeable(\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\nexport { createCardScope, useCardContext, CardHeader, CardFooter, CardBackground }\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO;AACP,4BAAgD;AAChD,oBAA+B;AAC/B,mBAAgD;AAIhD,qBAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,8CAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAEpF,MAAM,YAAY,wBAAO,8BAAgB;AAAA,EACvC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,KAAK,QAAQ;AAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,aAAa,wBAAO,8BAAgB;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAED,MAAM,aAAa,wBAAO,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAED,MAAM,iBAAiB,wBAAO,8BAAgB;AAAA,EAC5C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,sCAClB,2BACE,6BACE,CAAC,IAA2C,QAAQ;AAAnD,eAAE,QAAM,aAAa,aAArB,IAAkC,kBAAlC,IAAkC,CAAhC,QAAM,eAAa;AACpB,SACE,mDAAC;AAAA,IAAa,OAAO;AAAA,IAAa;AAAA,KAChC,mDAAC;AAAA,IAAU;AAAA,KAAc,QACtB,qBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,kCAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,+BAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,CACH,CACF;AAEJ,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
6
6
  "names": []
7
7
  }
package/dist/esm/Card.js CHANGED
@@ -13,7 +13,6 @@ const [createCardContext, createCardScope] = createContextScope(CARD_NAME);
13
13
  const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
14
14
  const CardFrame = styled(ThemeableStack, {
15
15
  name: "Card",
16
- flexDirection: "column",
17
16
  backgroundColor: "$background",
18
17
  position: "relative",
19
18
  overflow: "hidden",
@@ -34,7 +33,6 @@ const CardFrame = styled(ThemeableStack, {
34
33
  const CardHeader = styled(ThemeableStack, {
35
34
  name: "CardHeader",
36
35
  zIndex: 10,
37
- flexDirection: "column",
38
36
  backgroundColor: "transparent",
39
37
  marginBottom: "auto",
40
38
  variants: {
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// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nconst CardFrame = styled(ThemeableStack, {\n name: 'Card',\n flexDirection: 'column',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.size[val] ?? val,\n }\n },\n },\n },\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nconst CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n zIndex: 10,\n flexDirection: 'column',\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.size[val] ?? val,\n }\n },\n },\n },\n})\n\nconst CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nconst 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 themeable(\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\nexport { createCardScope, useCardContext, CardHeader, CardFooter, CardBackground }\n"],
5
- "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAIA,MAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,mBAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAEpF,MAAM,YAAY,OAAO,gBAAgB;AAAA,EACvC,MAAM;AAAA,EACN,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAlCtC;AAmCQ,eAAO;AAAA,UACL,cAAc,aAAO,KAAK,SAAZ,YAAoB;AAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,aAAa,OAAO,gBAAgB;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAxDtC;AAyDQ,eAAO;AAAA,UACL,SAAS,aAAO,KAAK,SAAZ,YAAoB;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAED,MAAM,aAAa,OAAO,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAED,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,qBAClB,UACE,WACE,CAAC,EAAE,MAAM,aAAa,aAAa,SAAS,QAAQ;AAClD,SACE,oCAAC;AAAA,IAAa,OAAO;AAAA,IAAa;AAAA,KAChC,oCAAC;AAAA,IAAU;AAAA,OAAc;AAAA,KACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,aAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,CACH,CACF;AAEJ,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
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// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst CARD_NAME = 'CARD'\n\ntype CardContextValue = {\n size?: SizeTokens\n}\n\nconst [createCardContext, createCardScope] = createContextScope(CARD_NAME)\nconst [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nconst 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.size[val] ?? val,\n }\n },\n },\n },\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nconst 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.size[val] ?? val,\n }\n },\n },\n },\n})\n\nconst CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nconst 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 themeable(\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\nexport { createCardScope, useCardContext, CardHeader, CardFooter, CardBackground }\n"],
5
+ "mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AAIA,MAAM;AAEN,MAAM,YAAY;AAMlB,MAAM,CAAC,mBAAmB,mBAAmB,mBAAmB,SAAS;AACzE,MAAM,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;AAEpF,MAAM,YAAY,OAAO,gBAAgB;AAAA,EACvC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAjCtC;AAkCQ,eAAO;AAAA,UACL,cAAc,aAAO,KAAK,SAAZ,YAAoB;AAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,aAAa,OAAO,gBAAgB;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,aAAa;AAtDtC;AAuDQ,eAAO;AAAA,UACL,SAAS,aAAO,KAAK,SAAZ,YAAoB;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAED,MAAM,aAAa,OAAO,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAED,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO,qBAClB,UACE,WACE,CAAC,EAAE,MAAM,aAAa,aAAa,SAAS,QAAQ;AAClD,SACE,oCAAC;AAAA,IAAa,OAAO;AAAA,IAAa;AAAA,KAChC,oCAAC;AAAA,IAAU;AAAA,IAAW,GAAG;AAAA,KACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,QAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,aAAO,aAAa,OAAO;AAAA,QACzB;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC,CACH,CACF;AAEJ,CACF,CACF,GACA;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AACd,CACF;",
6
6
  "names": []
7
7
  }
package/dist/jsx/Card.js CHANGED
@@ -13,7 +13,6 @@ const [createCardContext, createCardScope] = createContextScope(CARD_NAME);
13
13
  const [CardProvider, useCardContext] = createCardContext(CARD_NAME);
14
14
  const CardFrame = styled(ThemeableStack, {
15
15
  name: "Card",
16
- flexDirection: "column",
17
16
  backgroundColor: "$background",
18
17
  position: "relative",
19
18
  overflow: "hidden",
@@ -34,7 +33,6 @@ const CardFrame = styled(ThemeableStack, {
34
33
  const CardHeader = styled(ThemeableStack, {
35
34
  name: "CardHeader",
36
35
  zIndex: 10,
37
- flexDirection: "column",
38
36
  backgroundColor: "transparent",
39
37
  marginBottom: "auto",
40
38
  variants: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/card",
3
- "version": "1.0.1-beta.42",
3
+ "version": "1.0.1-beta.45",
4
4
  "sideEffects": true,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -18,9 +18,9 @@
18
18
  "clean:build": "tamagui-build clean:build"
19
19
  },
20
20
  "dependencies": {
21
- "@tamagui/core": "^1.0.1-beta.42",
22
- "@tamagui/create-context": "^1.0.1-beta.42",
23
- "@tamagui/stacks": "^1.0.1-beta.42"
21
+ "@tamagui/core": "^1.0.1-beta.45",
22
+ "@tamagui/create-context": "^1.0.1-beta.45",
23
+ "@tamagui/stacks": "^1.0.1-beta.45"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": "*",
@@ -28,7 +28,7 @@
28
28
  "react-native": "*"
29
29
  },
30
30
  "devDependencies": {
31
- "@tamagui/build": "^1.0.1-beta.42",
31
+ "@tamagui/build": "^1.0.1-beta.45",
32
32
  "@types/react-native": "^0.67.3",
33
33
  "react": "*",
34
34
  "react-dom": "*",
package/types/Card.d.ts CHANGED
@@ -7,15 +7,17 @@ declare type CardContextValue = {
7
7
  declare const createCardScope: import("@tamagui/create-context").CreateScope;
8
8
  declare const useCardContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<CardContextValue | undefined>) => CardContextValue;
9
9
  declare const CardFrame: import("@tamagui/core").TamaguiComponent<Omit<import("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<{
10
- fullscreen?: boolean | undefined;
11
- elevation?: SizeTokens | undefined;
10
+ readonly fullscreen?: boolean | undefined;
11
+ readonly elevation?: SizeTokens | undefined;
12
12
  } & {
13
13
  fontFamily?: unknown;
14
+ backgrounded?: boolean | undefined;
15
+ radiused?: boolean | undefined;
14
16
  hoverable?: boolean | undefined;
15
17
  pressable?: boolean | undefined;
16
18
  focusable?: boolean | undefined;
17
19
  circular?: boolean | undefined;
18
- pad?: boolean | undefined;
20
+ padded?: boolean | undefined;
19
21
  elevate?: boolean | undefined;
20
22
  bordered?: number | boolean | undefined;
21
23
  transparent?: boolean | undefined;
@@ -23,15 +25,17 @@ declare const CardFrame: import("@tamagui/core").TamaguiComponent<Omit<import("r
23
25
  }, "size"> & {
24
26
  size?: SizeTokens | undefined;
25
27
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
26
- fullscreen?: boolean | undefined;
27
- elevation?: SizeTokens | undefined;
28
+ readonly fullscreen?: boolean | undefined;
29
+ readonly elevation?: SizeTokens | undefined;
28
30
  } & {
29
31
  fontFamily?: unknown;
32
+ backgrounded?: boolean | undefined;
33
+ radiused?: boolean | undefined;
30
34
  hoverable?: boolean | undefined;
31
35
  pressable?: boolean | undefined;
32
36
  focusable?: boolean | undefined;
33
37
  circular?: boolean | undefined;
34
- pad?: boolean | undefined;
38
+ padded?: boolean | undefined;
35
39
  elevate?: boolean | undefined;
36
40
  bordered?: number | boolean | undefined;
37
41
  transparent?: boolean | undefined;
@@ -39,15 +43,17 @@ declare const CardFrame: import("@tamagui/core").TamaguiComponent<Omit<import("r
39
43
  }, "size"> & {
40
44
  size?: SizeTokens | undefined;
41
45
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
42
- fullscreen?: boolean | undefined;
43
- elevation?: SizeTokens | undefined;
46
+ readonly fullscreen?: boolean | undefined;
47
+ readonly elevation?: SizeTokens | undefined;
44
48
  } & {
45
49
  fontFamily?: unknown;
50
+ backgrounded?: boolean | undefined;
51
+ radiused?: boolean | undefined;
46
52
  hoverable?: boolean | undefined;
47
53
  pressable?: boolean | undefined;
48
54
  focusable?: boolean | undefined;
49
55
  circular?: boolean | undefined;
50
- pad?: boolean | undefined;
56
+ padded?: boolean | undefined;
51
57
  elevate?: boolean | undefined;
52
58
  bordered?: number | boolean | undefined;
53
59
  transparent?: boolean | undefined;
@@ -55,15 +61,17 @@ declare const CardFrame: import("@tamagui/core").TamaguiComponent<Omit<import("r
55
61
  }, "size"> & {
56
62
  size?: SizeTokens | undefined;
57
63
  }>>, any, import("@tamagui/core").StackPropsBase, {
58
- fullscreen?: boolean | undefined;
59
- elevation?: SizeTokens | undefined;
64
+ readonly fullscreen?: boolean | undefined;
65
+ readonly elevation?: SizeTokens | undefined;
60
66
  } & {
61
67
  fontFamily?: unknown;
68
+ backgrounded?: boolean | undefined;
69
+ radiused?: boolean | undefined;
62
70
  hoverable?: boolean | undefined;
63
71
  pressable?: boolean | undefined;
64
72
  focusable?: boolean | undefined;
65
73
  circular?: boolean | undefined;
66
- pad?: boolean | undefined;
74
+ padded?: boolean | undefined;
67
75
  elevate?: boolean | undefined;
68
76
  bordered?: number | boolean | undefined;
69
77
  transparent?: boolean | undefined;
@@ -72,15 +80,17 @@ declare const CardFrame: import("@tamagui/core").TamaguiComponent<Omit<import("r
72
80
  size?: SizeTokens | undefined;
73
81
  }>;
74
82
  declare const CardHeader: import("@tamagui/core").TamaguiComponent<Omit<import("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<{
75
- fullscreen?: boolean | undefined;
76
- elevation?: SizeTokens | undefined;
83
+ readonly fullscreen?: boolean | undefined;
84
+ readonly elevation?: SizeTokens | undefined;
77
85
  } & {
78
86
  fontFamily?: unknown;
87
+ backgrounded?: boolean | undefined;
88
+ radiused?: boolean | undefined;
79
89
  hoverable?: boolean | undefined;
80
90
  pressable?: boolean | undefined;
81
91
  focusable?: boolean | undefined;
82
92
  circular?: boolean | undefined;
83
- pad?: boolean | undefined;
93
+ padded?: boolean | undefined;
84
94
  elevate?: boolean | undefined;
85
95
  bordered?: number | boolean | undefined;
86
96
  transparent?: boolean | undefined;
@@ -88,15 +98,17 @@ declare const CardHeader: import("@tamagui/core").TamaguiComponent<Omit<import("
88
98
  }, "size"> & {
89
99
  size?: SizeTokens | undefined;
90
100
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
91
- fullscreen?: boolean | undefined;
92
- elevation?: SizeTokens | undefined;
101
+ readonly fullscreen?: boolean | undefined;
102
+ readonly elevation?: SizeTokens | undefined;
93
103
  } & {
94
104
  fontFamily?: unknown;
105
+ backgrounded?: boolean | undefined;
106
+ radiused?: boolean | undefined;
95
107
  hoverable?: boolean | undefined;
96
108
  pressable?: boolean | undefined;
97
109
  focusable?: boolean | undefined;
98
110
  circular?: boolean | undefined;
99
- pad?: boolean | undefined;
111
+ padded?: boolean | undefined;
100
112
  elevate?: boolean | undefined;
101
113
  bordered?: number | boolean | undefined;
102
114
  transparent?: boolean | undefined;
@@ -104,15 +116,17 @@ declare const CardHeader: import("@tamagui/core").TamaguiComponent<Omit<import("
104
116
  }, "size"> & {
105
117
  size?: SizeTokens | undefined;
106
118
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
107
- fullscreen?: boolean | undefined;
108
- elevation?: SizeTokens | undefined;
119
+ readonly fullscreen?: boolean | undefined;
120
+ readonly elevation?: SizeTokens | undefined;
109
121
  } & {
110
122
  fontFamily?: unknown;
123
+ backgrounded?: boolean | undefined;
124
+ radiused?: boolean | undefined;
111
125
  hoverable?: boolean | undefined;
112
126
  pressable?: boolean | undefined;
113
127
  focusable?: boolean | undefined;
114
128
  circular?: boolean | undefined;
115
- pad?: boolean | undefined;
129
+ padded?: boolean | undefined;
116
130
  elevate?: boolean | undefined;
117
131
  bordered?: number | boolean | undefined;
118
132
  transparent?: boolean | undefined;
@@ -120,15 +134,17 @@ declare const CardHeader: import("@tamagui/core").TamaguiComponent<Omit<import("
120
134
  }, "size"> & {
121
135
  size?: SizeTokens | undefined;
122
136
  }>>, any, import("@tamagui/core").StackPropsBase, {
123
- fullscreen?: boolean | undefined;
124
- elevation?: SizeTokens | undefined;
137
+ readonly fullscreen?: boolean | undefined;
138
+ readonly elevation?: SizeTokens | undefined;
125
139
  } & {
126
140
  fontFamily?: unknown;
141
+ backgrounded?: boolean | undefined;
142
+ radiused?: boolean | undefined;
127
143
  hoverable?: boolean | undefined;
128
144
  pressable?: boolean | undefined;
129
145
  focusable?: boolean | undefined;
130
146
  circular?: boolean | undefined;
131
- pad?: boolean | undefined;
147
+ padded?: boolean | undefined;
132
148
  elevate?: boolean | undefined;
133
149
  bordered?: number | boolean | undefined;
134
150
  transparent?: boolean | undefined;
@@ -137,15 +153,17 @@ declare const CardHeader: import("@tamagui/core").TamaguiComponent<Omit<import("
137
153
  size?: SizeTokens | undefined;
138
154
  }>;
139
155
  declare const CardFooter: import("@tamagui/core").TamaguiComponent<(Omit<import("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<{
140
- fullscreen?: boolean | undefined;
141
- elevation?: SizeTokens | undefined;
156
+ readonly fullscreen?: boolean | undefined;
157
+ readonly elevation?: SizeTokens | undefined;
142
158
  } & {
143
159
  fontFamily?: unknown;
160
+ backgrounded?: boolean | undefined;
161
+ radiused?: boolean | undefined;
144
162
  hoverable?: boolean | undefined;
145
163
  pressable?: boolean | undefined;
146
164
  focusable?: boolean | undefined;
147
165
  circular?: boolean | undefined;
148
- pad?: boolean | undefined;
166
+ padded?: boolean | undefined;
149
167
  elevate?: boolean | undefined;
150
168
  bordered?: number | boolean | undefined;
151
169
  transparent?: boolean | undefined;
@@ -153,15 +171,17 @@ declare const CardFooter: import("@tamagui/core").TamaguiComponent<(Omit<import(
153
171
  }, "size"> & {
154
172
  size?: SizeTokens | undefined;
155
173
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
156
- fullscreen?: boolean | undefined;
157
- elevation?: SizeTokens | undefined;
174
+ readonly fullscreen?: boolean | undefined;
175
+ readonly elevation?: SizeTokens | undefined;
158
176
  } & {
159
177
  fontFamily?: unknown;
178
+ backgrounded?: boolean | undefined;
179
+ radiused?: boolean | undefined;
160
180
  hoverable?: boolean | undefined;
161
181
  pressable?: boolean | undefined;
162
182
  focusable?: boolean | undefined;
163
183
  circular?: boolean | undefined;
164
- pad?: boolean | undefined;
184
+ padded?: boolean | undefined;
165
185
  elevate?: boolean | undefined;
166
186
  bordered?: number | boolean | undefined;
167
187
  transparent?: boolean | undefined;
@@ -169,15 +189,17 @@ declare const CardFooter: import("@tamagui/core").TamaguiComponent<(Omit<import(
169
189
  }, "size"> & {
170
190
  size?: SizeTokens | undefined;
171
191
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
172
- fullscreen?: boolean | undefined;
173
- elevation?: SizeTokens | undefined;
192
+ readonly fullscreen?: boolean | undefined;
193
+ readonly elevation?: SizeTokens | undefined;
174
194
  } & {
175
195
  fontFamily?: unknown;
196
+ backgrounded?: boolean | undefined;
197
+ radiused?: boolean | undefined;
176
198
  hoverable?: boolean | undefined;
177
199
  pressable?: boolean | undefined;
178
200
  focusable?: boolean | undefined;
179
201
  circular?: boolean | undefined;
180
- pad?: boolean | undefined;
202
+ padded?: boolean | undefined;
181
203
  elevate?: boolean | undefined;
182
204
  bordered?: number | boolean | undefined;
183
205
  transparent?: boolean | undefined;
@@ -185,15 +207,17 @@ declare const CardFooter: import("@tamagui/core").TamaguiComponent<(Omit<import(
185
207
  }, "size"> & {
186
208
  size?: SizeTokens | undefined;
187
209
  }>>) | (Omit<import("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<{
188
- fullscreen?: boolean | undefined;
189
- elevation?: SizeTokens | undefined;
210
+ readonly fullscreen?: boolean | undefined;
211
+ readonly elevation?: SizeTokens | undefined;
190
212
  } & {
191
213
  fontFamily?: unknown;
214
+ backgrounded?: boolean | undefined;
215
+ radiused?: boolean | undefined;
192
216
  hoverable?: boolean | undefined;
193
217
  pressable?: boolean | undefined;
194
218
  focusable?: boolean | undefined;
195
219
  circular?: boolean | undefined;
196
- pad?: boolean | undefined;
220
+ padded?: boolean | undefined;
197
221
  elevate?: boolean | undefined;
198
222
  bordered?: number | boolean | undefined;
199
223
  transparent?: boolean | undefined;
@@ -203,15 +227,17 @@ declare const CardFooter: import("@tamagui/core").TamaguiComponent<(Omit<import(
203
227
  }, string | number> & {
204
228
  [x: string]: undefined;
205
229
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
206
- fullscreen?: boolean | undefined;
207
- elevation?: SizeTokens | undefined;
230
+ readonly fullscreen?: boolean | undefined;
231
+ readonly elevation?: SizeTokens | undefined;
208
232
  } & {
209
233
  fontFamily?: unknown;
234
+ backgrounded?: boolean | undefined;
235
+ radiused?: boolean | undefined;
210
236
  hoverable?: boolean | undefined;
211
237
  pressable?: boolean | undefined;
212
238
  focusable?: boolean | undefined;
213
239
  circular?: boolean | undefined;
214
- pad?: boolean | undefined;
240
+ padded?: boolean | undefined;
215
241
  elevate?: boolean | undefined;
216
242
  bordered?: number | boolean | undefined;
217
243
  transparent?: boolean | undefined;
@@ -221,15 +247,17 @@ declare const CardFooter: import("@tamagui/core").TamaguiComponent<(Omit<import(
221
247
  }, string | number> & {
222
248
  [x: string]: undefined;
223
249
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
224
- fullscreen?: boolean | undefined;
225
- elevation?: SizeTokens | undefined;
250
+ readonly fullscreen?: boolean | undefined;
251
+ readonly elevation?: SizeTokens | undefined;
226
252
  } & {
227
253
  fontFamily?: unknown;
254
+ backgrounded?: boolean | undefined;
255
+ radiused?: boolean | undefined;
228
256
  hoverable?: boolean | undefined;
229
257
  pressable?: boolean | undefined;
230
258
  focusable?: boolean | undefined;
231
259
  circular?: boolean | undefined;
232
- pad?: boolean | undefined;
260
+ padded?: boolean | undefined;
233
261
  elevate?: boolean | undefined;
234
262
  bordered?: number | boolean | undefined;
235
263
  transparent?: boolean | undefined;
@@ -239,15 +267,17 @@ declare const CardFooter: import("@tamagui/core").TamaguiComponent<(Omit<import(
239
267
  }, string | number> & {
240
268
  [x: string]: undefined;
241
269
  }>>), any, import("@tamagui/core").StackPropsBase, {
242
- fullscreen?: boolean | undefined;
243
- elevation?: SizeTokens | undefined;
270
+ readonly fullscreen?: boolean | undefined;
271
+ readonly elevation?: SizeTokens | undefined;
244
272
  } & {
245
273
  fontFamily?: unknown;
274
+ backgrounded?: boolean | undefined;
275
+ radiused?: boolean | undefined;
246
276
  hoverable?: boolean | undefined;
247
277
  pressable?: boolean | undefined;
248
278
  focusable?: boolean | undefined;
249
279
  circular?: boolean | undefined;
250
- pad?: boolean | undefined;
280
+ padded?: boolean | undefined;
251
281
  elevate?: boolean | undefined;
252
282
  bordered?: number | boolean | undefined;
253
283
  transparent?: boolean | undefined;
@@ -258,57 +288,65 @@ declare const CardFooter: import("@tamagui/core").TamaguiComponent<(Omit<import(
258
288
  [x: string]: undefined;
259
289
  })>;
260
290
  declare const CardBackground: import("@tamagui/core").TamaguiComponent<(Omit<import("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<{
261
- fullscreen?: boolean | undefined;
262
- elevation?: SizeTokens | undefined;
263
- }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
291
+ readonly fullscreen?: boolean | undefined;
292
+ readonly elevation?: SizeTokens | undefined;
293
+ }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
264
294
  fontFamily?: unknown;
295
+ backgrounded?: boolean | undefined;
296
+ radiused?: boolean | undefined;
265
297
  hoverable?: boolean | undefined;
266
298
  pressable?: boolean | undefined;
267
299
  focusable?: boolean | undefined;
268
300
  circular?: boolean | undefined;
269
- pad?: boolean | undefined;
301
+ padded?: boolean | undefined;
270
302
  elevate?: boolean | undefined;
271
303
  bordered?: number | boolean | undefined;
272
304
  transparent?: boolean | undefined;
273
305
  chromeless?: boolean | undefined;
274
306
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
275
- fullscreen?: boolean | undefined;
276
- elevation?: SizeTokens | undefined;
277
- }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
307
+ readonly fullscreen?: boolean | undefined;
308
+ readonly elevation?: SizeTokens | undefined;
309
+ }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
278
310
  fontFamily?: unknown;
311
+ backgrounded?: boolean | undefined;
312
+ radiused?: boolean | undefined;
279
313
  hoverable?: boolean | undefined;
280
314
  pressable?: boolean | undefined;
281
315
  focusable?: boolean | undefined;
282
316
  circular?: boolean | undefined;
283
- pad?: boolean | undefined;
317
+ padded?: boolean | undefined;
284
318
  elevate?: boolean | undefined;
285
319
  bordered?: number | boolean | undefined;
286
320
  transparent?: boolean | undefined;
287
321
  chromeless?: boolean | undefined;
288
322
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
289
- fullscreen?: boolean | undefined;
290
- elevation?: SizeTokens | undefined;
291
- }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
323
+ readonly fullscreen?: boolean | undefined;
324
+ readonly elevation?: SizeTokens | undefined;
325
+ }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
292
326
  fontFamily?: unknown;
327
+ backgrounded?: boolean | undefined;
328
+ radiused?: boolean | undefined;
293
329
  hoverable?: boolean | undefined;
294
330
  pressable?: boolean | undefined;
295
331
  focusable?: boolean | undefined;
296
332
  circular?: boolean | undefined;
297
- pad?: boolean | undefined;
333
+ padded?: boolean | undefined;
298
334
  elevate?: boolean | undefined;
299
335
  bordered?: number | boolean | undefined;
300
336
  transparent?: boolean | undefined;
301
337
  chromeless?: boolean | undefined;
302
338
  }>>) | (Omit<import("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<{
303
- fullscreen?: boolean | undefined;
304
- elevation?: SizeTokens | undefined;
339
+ readonly fullscreen?: boolean | undefined;
340
+ readonly elevation?: SizeTokens | undefined;
305
341
  } & {
306
342
  fontFamily?: unknown;
343
+ backgrounded?: boolean | undefined;
344
+ radiused?: boolean | undefined;
307
345
  hoverable?: boolean | undefined;
308
346
  pressable?: boolean | undefined;
309
347
  focusable?: boolean | undefined;
310
348
  circular?: boolean | undefined;
311
- pad?: boolean | undefined;
349
+ padded?: boolean | undefined;
312
350
  elevate?: boolean | undefined;
313
351
  bordered?: number | boolean | undefined;
314
352
  transparent?: boolean | undefined;
@@ -316,15 +354,17 @@ declare const CardBackground: import("@tamagui/core").TamaguiComponent<(Omit<imp
316
354
  }, string | number> & {
317
355
  [x: string]: undefined;
318
356
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
319
- fullscreen?: boolean | undefined;
320
- elevation?: SizeTokens | undefined;
357
+ readonly fullscreen?: boolean | undefined;
358
+ readonly elevation?: SizeTokens | undefined;
321
359
  } & {
322
360
  fontFamily?: unknown;
361
+ backgrounded?: boolean | undefined;
362
+ radiused?: boolean | undefined;
323
363
  hoverable?: boolean | undefined;
324
364
  pressable?: boolean | undefined;
325
365
  focusable?: boolean | undefined;
326
366
  circular?: boolean | undefined;
327
- pad?: boolean | undefined;
367
+ padded?: boolean | undefined;
328
368
  elevate?: boolean | undefined;
329
369
  bordered?: number | boolean | undefined;
330
370
  transparent?: boolean | undefined;
@@ -332,15 +372,17 @@ declare const CardBackground: import("@tamagui/core").TamaguiComponent<(Omit<imp
332
372
  }, string | number> & {
333
373
  [x: string]: undefined;
334
374
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
335
- fullscreen?: boolean | undefined;
336
- elevation?: SizeTokens | undefined;
375
+ readonly fullscreen?: boolean | undefined;
376
+ readonly elevation?: SizeTokens | undefined;
337
377
  } & {
338
378
  fontFamily?: unknown;
379
+ backgrounded?: boolean | undefined;
380
+ radiused?: boolean | undefined;
339
381
  hoverable?: boolean | undefined;
340
382
  pressable?: boolean | undefined;
341
383
  focusable?: boolean | undefined;
342
384
  circular?: boolean | undefined;
343
- pad?: boolean | undefined;
385
+ padded?: boolean | undefined;
344
386
  elevate?: boolean | undefined;
345
387
  bordered?: number | boolean | undefined;
346
388
  transparent?: boolean | undefined;
@@ -348,15 +390,17 @@ declare const CardBackground: import("@tamagui/core").TamaguiComponent<(Omit<imp
348
390
  }, string | number> & {
349
391
  [x: string]: undefined;
350
392
  }>>), any, import("@tamagui/core").StackPropsBase, {
351
- fullscreen?: boolean | undefined;
352
- elevation?: SizeTokens | undefined;
393
+ readonly fullscreen?: boolean | undefined;
394
+ readonly elevation?: SizeTokens | undefined;
353
395
  } & {
354
396
  fontFamily?: unknown;
397
+ backgrounded?: boolean | undefined;
398
+ radiused?: boolean | undefined;
355
399
  hoverable?: boolean | undefined;
356
400
  pressable?: boolean | undefined;
357
401
  focusable?: boolean | undefined;
358
402
  circular?: boolean | undefined;
359
- pad?: boolean | undefined;
403
+ padded?: boolean | undefined;
360
404
  elevate?: boolean | undefined;
361
405
  bordered?: number | boolean | undefined;
362
406
  transparent?: boolean | undefined;
@@ -368,15 +412,17 @@ export declare type CardHeaderProps = GetProps<typeof CardHeader>;
368
412
  export declare type CardFooterProps = GetProps<typeof CardFooter>;
369
413
  export declare type CardProps = GetProps<typeof CardFrame>;
370
414
  export declare const Card: ((props: Omit<Omit<import("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<{
371
- fullscreen?: boolean | undefined;
372
- elevation?: SizeTokens | undefined;
415
+ readonly fullscreen?: boolean | undefined;
416
+ readonly elevation?: SizeTokens | undefined;
373
417
  } & {
374
418
  fontFamily?: unknown;
419
+ backgrounded?: boolean | undefined;
420
+ radiused?: boolean | undefined;
375
421
  hoverable?: boolean | undefined;
376
422
  pressable?: boolean | undefined;
377
423
  focusable?: boolean | undefined;
378
424
  circular?: boolean | undefined;
379
- pad?: boolean | undefined;
425
+ padded?: boolean | undefined;
380
426
  elevate?: boolean | undefined;
381
427
  bordered?: number | boolean | undefined;
382
428
  transparent?: boolean | undefined;
@@ -384,15 +430,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
384
430
  }, "size"> & {
385
431
  size?: SizeTokens | undefined;
386
432
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
387
- fullscreen?: boolean | undefined;
388
- elevation?: SizeTokens | undefined;
433
+ readonly fullscreen?: boolean | undefined;
434
+ readonly elevation?: SizeTokens | undefined;
389
435
  } & {
390
436
  fontFamily?: unknown;
437
+ backgrounded?: boolean | undefined;
438
+ radiused?: boolean | undefined;
391
439
  hoverable?: boolean | undefined;
392
440
  pressable?: boolean | undefined;
393
441
  focusable?: boolean | undefined;
394
442
  circular?: boolean | undefined;
395
- pad?: boolean | undefined;
443
+ padded?: boolean | undefined;
396
444
  elevate?: boolean | undefined;
397
445
  bordered?: number | boolean | undefined;
398
446
  transparent?: boolean | undefined;
@@ -400,15 +448,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
400
448
  }, "size"> & {
401
449
  size?: SizeTokens | undefined;
402
450
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
403
- fullscreen?: boolean | undefined;
404
- elevation?: SizeTokens | undefined;
451
+ readonly fullscreen?: boolean | undefined;
452
+ readonly elevation?: SizeTokens | undefined;
405
453
  } & {
406
454
  fontFamily?: unknown;
455
+ backgrounded?: boolean | undefined;
456
+ radiused?: boolean | undefined;
407
457
  hoverable?: boolean | undefined;
408
458
  pressable?: boolean | undefined;
409
459
  focusable?: boolean | undefined;
410
460
  circular?: boolean | undefined;
411
- pad?: boolean | undefined;
461
+ padded?: boolean | undefined;
412
462
  elevate?: boolean | undefined;
413
463
  bordered?: number | boolean | undefined;
414
464
  transparent?: boolean | undefined;
@@ -422,15 +472,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
422
472
  themeInverse?: boolean | undefined;
423
473
  }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
424
474
  Header: import("@tamagui/core").TamaguiComponent<Omit<import("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<{
425
- fullscreen?: boolean | undefined;
426
- elevation?: SizeTokens | undefined;
475
+ readonly fullscreen?: boolean | undefined;
476
+ readonly elevation?: SizeTokens | undefined;
427
477
  } & {
428
478
  fontFamily?: unknown;
479
+ backgrounded?: boolean | undefined;
480
+ radiused?: boolean | undefined;
429
481
  hoverable?: boolean | undefined;
430
482
  pressable?: boolean | undefined;
431
483
  focusable?: boolean | undefined;
432
484
  circular?: boolean | undefined;
433
- pad?: boolean | undefined;
485
+ padded?: boolean | undefined;
434
486
  elevate?: boolean | undefined;
435
487
  bordered?: number | boolean | undefined;
436
488
  transparent?: boolean | undefined;
@@ -438,15 +490,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
438
490
  }, "size"> & {
439
491
  size?: SizeTokens | undefined;
440
492
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
441
- fullscreen?: boolean | undefined;
442
- elevation?: SizeTokens | undefined;
493
+ readonly fullscreen?: boolean | undefined;
494
+ readonly elevation?: SizeTokens | undefined;
443
495
  } & {
444
496
  fontFamily?: unknown;
497
+ backgrounded?: boolean | undefined;
498
+ radiused?: boolean | undefined;
445
499
  hoverable?: boolean | undefined;
446
500
  pressable?: boolean | undefined;
447
501
  focusable?: boolean | undefined;
448
502
  circular?: boolean | undefined;
449
- pad?: boolean | undefined;
503
+ padded?: boolean | undefined;
450
504
  elevate?: boolean | undefined;
451
505
  bordered?: number | boolean | undefined;
452
506
  transparent?: boolean | undefined;
@@ -454,15 +508,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
454
508
  }, "size"> & {
455
509
  size?: SizeTokens | undefined;
456
510
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
457
- fullscreen?: boolean | undefined;
458
- elevation?: SizeTokens | undefined;
511
+ readonly fullscreen?: boolean | undefined;
512
+ readonly elevation?: SizeTokens | undefined;
459
513
  } & {
460
514
  fontFamily?: unknown;
515
+ backgrounded?: boolean | undefined;
516
+ radiused?: boolean | undefined;
461
517
  hoverable?: boolean | undefined;
462
518
  pressable?: boolean | undefined;
463
519
  focusable?: boolean | undefined;
464
520
  circular?: boolean | undefined;
465
- pad?: boolean | undefined;
521
+ padded?: boolean | undefined;
466
522
  elevate?: boolean | undefined;
467
523
  bordered?: number | boolean | undefined;
468
524
  transparent?: boolean | undefined;
@@ -470,15 +526,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
470
526
  }, "size"> & {
471
527
  size?: SizeTokens | undefined;
472
528
  }>>, any, import("@tamagui/core").StackPropsBase, {
473
- fullscreen?: boolean | undefined;
474
- elevation?: SizeTokens | undefined;
529
+ readonly fullscreen?: boolean | undefined;
530
+ readonly elevation?: SizeTokens | undefined;
475
531
  } & {
476
532
  fontFamily?: unknown;
533
+ backgrounded?: boolean | undefined;
534
+ radiused?: boolean | undefined;
477
535
  hoverable?: boolean | undefined;
478
536
  pressable?: boolean | undefined;
479
537
  focusable?: boolean | undefined;
480
538
  circular?: boolean | undefined;
481
- pad?: boolean | undefined;
539
+ padded?: boolean | undefined;
482
540
  elevate?: boolean | undefined;
483
541
  bordered?: number | boolean | undefined;
484
542
  transparent?: boolean | undefined;
@@ -487,15 +545,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
487
545
  size?: SizeTokens | undefined;
488
546
  }>;
489
547
  Footer: import("@tamagui/core").TamaguiComponent<(Omit<import("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<{
490
- fullscreen?: boolean | undefined;
491
- elevation?: SizeTokens | undefined;
548
+ readonly fullscreen?: boolean | undefined;
549
+ readonly elevation?: SizeTokens | undefined;
492
550
  } & {
493
551
  fontFamily?: unknown;
552
+ backgrounded?: boolean | undefined;
553
+ radiused?: boolean | undefined;
494
554
  hoverable?: boolean | undefined;
495
555
  pressable?: boolean | undefined;
496
556
  focusable?: boolean | undefined;
497
557
  circular?: boolean | undefined;
498
- pad?: boolean | undefined;
558
+ padded?: boolean | undefined;
499
559
  elevate?: boolean | undefined;
500
560
  bordered?: number | boolean | undefined;
501
561
  transparent?: boolean | undefined;
@@ -503,15 +563,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
503
563
  }, "size"> & {
504
564
  size?: SizeTokens | undefined;
505
565
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
506
- fullscreen?: boolean | undefined;
507
- elevation?: SizeTokens | undefined;
566
+ readonly fullscreen?: boolean | undefined;
567
+ readonly elevation?: SizeTokens | undefined;
508
568
  } & {
509
569
  fontFamily?: unknown;
570
+ backgrounded?: boolean | undefined;
571
+ radiused?: boolean | undefined;
510
572
  hoverable?: boolean | undefined;
511
573
  pressable?: boolean | undefined;
512
574
  focusable?: boolean | undefined;
513
575
  circular?: boolean | undefined;
514
- pad?: boolean | undefined;
576
+ padded?: boolean | undefined;
515
577
  elevate?: boolean | undefined;
516
578
  bordered?: number | boolean | undefined;
517
579
  transparent?: boolean | undefined;
@@ -519,15 +581,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
519
581
  }, "size"> & {
520
582
  size?: SizeTokens | undefined;
521
583
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
522
- fullscreen?: boolean | undefined;
523
- elevation?: SizeTokens | undefined;
584
+ readonly fullscreen?: boolean | undefined;
585
+ readonly elevation?: SizeTokens | undefined;
524
586
  } & {
525
587
  fontFamily?: unknown;
588
+ backgrounded?: boolean | undefined;
589
+ radiused?: boolean | undefined;
526
590
  hoverable?: boolean | undefined;
527
591
  pressable?: boolean | undefined;
528
592
  focusable?: boolean | undefined;
529
593
  circular?: boolean | undefined;
530
- pad?: boolean | undefined;
594
+ padded?: boolean | undefined;
531
595
  elevate?: boolean | undefined;
532
596
  bordered?: number | boolean | undefined;
533
597
  transparent?: boolean | undefined;
@@ -535,15 +599,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
535
599
  }, "size"> & {
536
600
  size?: SizeTokens | undefined;
537
601
  }>>) | (Omit<import("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<{
538
- fullscreen?: boolean | undefined;
539
- elevation?: SizeTokens | undefined;
602
+ readonly fullscreen?: boolean | undefined;
603
+ readonly elevation?: SizeTokens | undefined;
540
604
  } & {
541
605
  fontFamily?: unknown;
606
+ backgrounded?: boolean | undefined;
607
+ radiused?: boolean | undefined;
542
608
  hoverable?: boolean | undefined;
543
609
  pressable?: boolean | undefined;
544
610
  focusable?: boolean | undefined;
545
611
  circular?: boolean | undefined;
546
- pad?: boolean | undefined;
612
+ padded?: boolean | undefined;
547
613
  elevate?: boolean | undefined;
548
614
  bordered?: number | boolean | undefined;
549
615
  transparent?: boolean | undefined;
@@ -553,15 +619,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
553
619
  }, string | number> & {
554
620
  [x: string]: undefined;
555
621
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
556
- fullscreen?: boolean | undefined;
557
- elevation?: SizeTokens | undefined;
622
+ readonly fullscreen?: boolean | undefined;
623
+ readonly elevation?: SizeTokens | undefined;
558
624
  } & {
559
625
  fontFamily?: unknown;
626
+ backgrounded?: boolean | undefined;
627
+ radiused?: boolean | undefined;
560
628
  hoverable?: boolean | undefined;
561
629
  pressable?: boolean | undefined;
562
630
  focusable?: boolean | undefined;
563
631
  circular?: boolean | undefined;
564
- pad?: boolean | undefined;
632
+ padded?: boolean | undefined;
565
633
  elevate?: boolean | undefined;
566
634
  bordered?: number | boolean | undefined;
567
635
  transparent?: boolean | undefined;
@@ -571,15 +639,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
571
639
  }, string | number> & {
572
640
  [x: string]: undefined;
573
641
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
574
- fullscreen?: boolean | undefined;
575
- elevation?: SizeTokens | undefined;
642
+ readonly fullscreen?: boolean | undefined;
643
+ readonly elevation?: SizeTokens | undefined;
576
644
  } & {
577
645
  fontFamily?: unknown;
646
+ backgrounded?: boolean | undefined;
647
+ radiused?: boolean | undefined;
578
648
  hoverable?: boolean | undefined;
579
649
  pressable?: boolean | undefined;
580
650
  focusable?: boolean | undefined;
581
651
  circular?: boolean | undefined;
582
- pad?: boolean | undefined;
652
+ padded?: boolean | undefined;
583
653
  elevate?: boolean | undefined;
584
654
  bordered?: number | boolean | undefined;
585
655
  transparent?: boolean | undefined;
@@ -589,15 +659,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
589
659
  }, string | number> & {
590
660
  [x: string]: undefined;
591
661
  }>>), any, import("@tamagui/core").StackPropsBase, {
592
- fullscreen?: boolean | undefined;
593
- elevation?: SizeTokens | undefined;
662
+ readonly fullscreen?: boolean | undefined;
663
+ readonly elevation?: SizeTokens | undefined;
594
664
  } & {
595
665
  fontFamily?: unknown;
666
+ backgrounded?: boolean | undefined;
667
+ radiused?: boolean | undefined;
596
668
  hoverable?: boolean | undefined;
597
669
  pressable?: boolean | undefined;
598
670
  focusable?: boolean | undefined;
599
671
  circular?: boolean | undefined;
600
- pad?: boolean | undefined;
672
+ padded?: boolean | undefined;
601
673
  elevate?: boolean | undefined;
602
674
  bordered?: number | boolean | undefined;
603
675
  transparent?: boolean | undefined;
@@ -608,57 +680,65 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
608
680
  [x: string]: undefined;
609
681
  })>;
610
682
  Background: import("@tamagui/core").TamaguiComponent<(Omit<import("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<{
611
- fullscreen?: boolean | undefined;
612
- elevation?: SizeTokens | undefined;
613
- }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
683
+ readonly fullscreen?: boolean | undefined;
684
+ readonly elevation?: SizeTokens | undefined;
685
+ }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
614
686
  fontFamily?: unknown;
687
+ backgrounded?: boolean | undefined;
688
+ radiused?: boolean | undefined;
615
689
  hoverable?: boolean | undefined;
616
690
  pressable?: boolean | undefined;
617
691
  focusable?: boolean | undefined;
618
692
  circular?: boolean | undefined;
619
- pad?: boolean | undefined;
693
+ padded?: boolean | undefined;
620
694
  elevate?: boolean | undefined;
621
695
  bordered?: number | boolean | undefined;
622
696
  transparent?: boolean | undefined;
623
697
  chromeless?: boolean | undefined;
624
698
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
625
- fullscreen?: boolean | undefined;
626
- elevation?: SizeTokens | undefined;
627
- }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
699
+ readonly fullscreen?: boolean | undefined;
700
+ readonly elevation?: SizeTokens | undefined;
701
+ }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
628
702
  fontFamily?: unknown;
703
+ backgrounded?: boolean | undefined;
704
+ radiused?: boolean | undefined;
629
705
  hoverable?: boolean | undefined;
630
706
  pressable?: boolean | undefined;
631
707
  focusable?: boolean | undefined;
632
708
  circular?: boolean | undefined;
633
- pad?: boolean | undefined;
709
+ padded?: boolean | undefined;
634
710
  elevate?: boolean | undefined;
635
711
  bordered?: number | boolean | undefined;
636
712
  transparent?: boolean | undefined;
637
713
  chromeless?: boolean | undefined;
638
714
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
639
- fullscreen?: boolean | undefined;
640
- elevation?: SizeTokens | undefined;
641
- }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
715
+ readonly fullscreen?: boolean | undefined;
716
+ readonly elevation?: SizeTokens | undefined;
717
+ }, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
642
718
  fontFamily?: unknown;
719
+ backgrounded?: boolean | undefined;
720
+ radiused?: boolean | undefined;
643
721
  hoverable?: boolean | undefined;
644
722
  pressable?: boolean | undefined;
645
723
  focusable?: boolean | undefined;
646
724
  circular?: boolean | undefined;
647
- pad?: boolean | undefined;
725
+ padded?: boolean | undefined;
648
726
  elevate?: boolean | undefined;
649
727
  bordered?: number | boolean | undefined;
650
728
  transparent?: boolean | undefined;
651
729
  chromeless?: boolean | undefined;
652
730
  }>>) | (Omit<import("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<{
653
- fullscreen?: boolean | undefined;
654
- elevation?: SizeTokens | undefined;
731
+ readonly fullscreen?: boolean | undefined;
732
+ readonly elevation?: SizeTokens | undefined;
655
733
  } & {
656
734
  fontFamily?: unknown;
735
+ backgrounded?: boolean | undefined;
736
+ radiused?: boolean | undefined;
657
737
  hoverable?: boolean | undefined;
658
738
  pressable?: boolean | undefined;
659
739
  focusable?: boolean | undefined;
660
740
  circular?: boolean | undefined;
661
- pad?: boolean | undefined;
741
+ padded?: boolean | undefined;
662
742
  elevate?: boolean | undefined;
663
743
  bordered?: number | boolean | undefined;
664
744
  transparent?: boolean | undefined;
@@ -666,15 +746,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
666
746
  }, string | number> & {
667
747
  [x: string]: undefined;
668
748
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("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<{
669
- fullscreen?: boolean | undefined;
670
- elevation?: SizeTokens | undefined;
749
+ readonly fullscreen?: boolean | undefined;
750
+ readonly elevation?: SizeTokens | undefined;
671
751
  } & {
672
752
  fontFamily?: unknown;
753
+ backgrounded?: boolean | undefined;
754
+ radiused?: boolean | undefined;
673
755
  hoverable?: boolean | undefined;
674
756
  pressable?: boolean | undefined;
675
757
  focusable?: boolean | undefined;
676
758
  circular?: boolean | undefined;
677
- pad?: boolean | undefined;
759
+ padded?: boolean | undefined;
678
760
  elevate?: boolean | undefined;
679
761
  bordered?: number | boolean | undefined;
680
762
  transparent?: boolean | undefined;
@@ -682,15 +764,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
682
764
  }, string | number> & {
683
765
  [x: string]: undefined;
684
766
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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<{
685
- fullscreen?: boolean | undefined;
686
- elevation?: SizeTokens | undefined;
767
+ readonly fullscreen?: boolean | undefined;
768
+ readonly elevation?: SizeTokens | undefined;
687
769
  } & {
688
770
  fontFamily?: unknown;
771
+ backgrounded?: boolean | undefined;
772
+ radiused?: boolean | undefined;
689
773
  hoverable?: boolean | undefined;
690
774
  pressable?: boolean | undefined;
691
775
  focusable?: boolean | undefined;
692
776
  circular?: boolean | undefined;
693
- pad?: boolean | undefined;
777
+ padded?: boolean | undefined;
694
778
  elevate?: boolean | undefined;
695
779
  bordered?: number | boolean | undefined;
696
780
  transparent?: boolean | undefined;
@@ -698,15 +782,17 @@ export declare const Card: ((props: Omit<Omit<import("react-native").ViewProps,
698
782
  }, string | number> & {
699
783
  [x: string]: undefined;
700
784
  }>>), any, import("@tamagui/core").StackPropsBase, {
701
- fullscreen?: boolean | undefined;
702
- elevation?: SizeTokens | undefined;
785
+ readonly fullscreen?: boolean | undefined;
786
+ readonly elevation?: SizeTokens | undefined;
703
787
  } & {
704
788
  fontFamily?: unknown;
789
+ backgrounded?: boolean | undefined;
790
+ radiused?: boolean | undefined;
705
791
  hoverable?: boolean | undefined;
706
792
  pressable?: boolean | undefined;
707
793
  focusable?: boolean | undefined;
708
794
  circular?: boolean | undefined;
709
- pad?: boolean | undefined;
795
+ padded?: boolean | undefined;
710
796
  elevate?: boolean | undefined;
711
797
  bordered?: number | boolean | undefined;
712
798
  transparent?: boolean | undefined;
package/types/Card.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,UAAU,EAKX,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAOnC,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAA0B,eAAe,+CAAiC,CAAA;AAC1E,QAAA,MAAqB,cAAc,0HAAkD,CAAA;AAErF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBb,CAAA;AAEF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBd,CAAA;AAEF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAMd,CAAA;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOlB,CAAA;AAEF,oBAAY,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,oBAAY,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAEzD,oBAAY,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BhB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,UAAU,EAKX,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAOnC,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAA0B,eAAe,+CAAiC,CAAA;AAC1E,QAAA,MAAqB,cAAc,0HAAkD,CAAA;AAErF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBb,CAAA;AAEF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAed,CAAA;AAEF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAMd,CAAA;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOlB,CAAA;AAEF,oBAAY,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,oBAAY,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAEzD,oBAAY,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BhB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}