@tamagui/image 1.0.1-beta.133 → 1.0.1-beta.136

package/dist/cjs/Image.js

@@ -38,7 +38,7 @@ const StyledImage = (0, import_core.styled)(import_react_native.Image, {
 });
 const Image = StyledImage.extractable((inProps) => {
   const props = (0, import_core.getExpandedShorthands)(inProps);
-  const { src, width = 100, height = 100, ...rest } = props;
+  const { src, width, height, ...rest } = props;
   const source = typeof src === "string" ? { uri: src, ...import_core.isWeb && { width, height } } : src;
   const defaultSource = Array.isArray(source) ? source[0] : source;
   if (!defaultSource) {

package/dist/cjs/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number\n  height: number\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width = 100, height = 100, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2E;AAC3E,mBAAkB;AAClB,0BAAiC;AAEjC,qBAAM;AAEN,MAAM,cAAc,wBAClB,2BACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,uCAAsB,OAAO;AAC3C,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,QAAQ,SAAS;AACpD,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,GAAI,qBAAS,EAAE,OAAO,OAAO,EAAG,IAAI;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,mDAAC;AAAA,IACE,GAAI,CAAC,qBAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE;AAAA,IAC1C;AAAA,IACA;AAAA,IACC,GAAI;AAAA,GACP;AAEJ,CAAC;",
+  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width, height, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2E;AAC3E,mBAAkB;AAClB,0BAAiC;AAEjC,qBAAM;AAEN,MAAM,cAAc,wBAClB,2BACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,uCAAsB,OAAO;AAC3C,QAAM,EAAE,KAAK,OAAO,WAAW,SAAS;AACxC,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,GAAI,qBAAS,EAAE,OAAO,OAAO,EAAG,IAAI;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,mDAAC;AAAA,IACE,GAAI,CAAC,qBAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE;AAAA,IAC1C;AAAA,IACA;AAAA,IACC,GAAI;AAAA,GACP;AAEJ,CAAC;",
   "names": []
 }

package/dist/esm/Image.js

@@ -12,7 +12,7 @@ const StyledImage = styled(RNImage, {
 });
 const Image = StyledImage.extractable((inProps) => {
   const props = getExpandedShorthands(inProps);
-  const { src, width = 100, height = 100, ...rest } = props;
+  const { src, width, height, ...rest } = props;
   const source = typeof src === "string" ? { uri: src, ...isWeb && { width, height } } : src;
   const defaultSource = Array.isArray(source) ? source[0] : source;
   if (!defaultSource) {

package/dist/esm/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number\n  height: number\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width = 100, height = 100, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
-  "mappings": "AAAA;AACA;AACA;AAEA,MAAM;AAEN,MAAM,cAAc,OAClB,SACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,QAAQ,SAAS;AACpD,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,OAAO,EAAG,IAAI;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,oCAAC;AAAA,IACE,GAAI,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE;AAAA,IAC1C;AAAA,IACA;AAAA,IACC,GAAI;AAAA,GACP;AAEJ,CAAC;",
+  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width, height, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
+  "mappings": "AAAA;AACA;AACA;AAEA,MAAM;AAEN,MAAM,cAAc,OAClB,SACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAM,EAAE,KAAK,OAAO,WAAW,SAAS;AACxC,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,OAAO,EAAG,IAAI;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,oCAAC;AAAA,IACE,GAAI,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE;AAAA,IAC1C;AAAA,IACA;AAAA,IACC,GAAI;AAAA,GACP;AAEJ,CAAC;",
   "names": []
 }

package/dist/jsx/Image.js

@@ -12,7 +12,7 @@ const StyledImage = styled(RNImage, {
 });
 const Image = StyledImage.extractable((inProps) => {
   const props = getExpandedShorthands(inProps);
-  const { src, width = 100, height = 100, ...rest } = props;
+  const { src, width, height, ...rest } = props;
   const source = typeof src === "string" ? { uri: src, ...isWeb && { width, height } } : src;
   const defaultSource = Array.isArray(source) ? source[0] : source;
   if (!defaultSource) {

package/dist/jsx/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Image.tsx"],
-  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number\n  height: number\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width = 100, height = 100, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
-  "mappings": "AAAA;AACA;AACA;AAEA,MAAM;AAEN,MAAM,cAAc,OAClB,SACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAM,EAAE,KAAK,QAAQ,KAAK,SAAS,QAAQ,SAAS;AACpD,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,OAAO,EAAG,IAAI;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,CAAC,gBACM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE,GAC1C,eAAe,eACf,QAAQ,YACH,MACP;AAEJ,CAAC;",
+  "sourcesContent": ["import { GetProps, StackProps, getExpandedShorthands, isWeb, styled } from '@tamagui/core'\nimport React from 'react'\nimport { Image as RNImage } from 'react-native'\n\nReact['createElement']\n\nconst StyledImage = styled(\n  RNImage,\n  {\n    name: 'Image',\n    position: 'relative',\n    source: { uri: '' },\n    zIndex: 1,\n  },\n  {\n    inlineProps: new Set(['src', 'width', 'height']),\n  }\n)\n\ntype StyledImageProps = GetProps<typeof StyledImage>\n\ntype BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {\n  width: number | string\n  height: number | string\n  src: string | StyledImageProps['source']\n}\n\nexport type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>\n\nexport const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {\n  const props = getExpandedShorthands(inProps)\n  const { src, width, height, ...rest } = props\n  const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src\n  const defaultSource = Array.isArray(source) ? source[0] : source\n\n  if (!defaultSource) {\n    // placeholder with customizability\n    return null\n  }\n\n  // must set defaultSource to allow SSR, default it to the same as src\n  return (\n    <StyledImage\n      {...(!isWeb && { style: { width, height } })}\n      defaultSource={defaultSource}\n      source={source}\n      {...(rest as any)}\n    />\n  )\n})\n"],
+  "mappings": "AAAA;AACA;AACA;AAEA,MAAM;AAEN,MAAM,cAAc,OAClB,SACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ,EAAE,KAAK,GAAG;AAAA,EAClB,QAAQ;AACV,GACA;AAAA,EACE,aAAa,oBAAI,IAAI,CAAC,OAAO,SAAS,QAAQ,CAAC;AACjD,CACF;AAYO,MAAM,QAA8B,YAAY,YAAY,CAAC,YAAY;AAC9E,QAAM,QAAQ,sBAAsB,OAAO;AAC3C,QAAM,EAAE,KAAK,OAAO,WAAW,SAAS;AACxC,QAAM,SAAS,OAAO,QAAQ,WAAW,EAAE,KAAK,KAAK,GAAI,SAAS,EAAE,OAAO,OAAO,EAAG,IAAI;AACzF,QAAM,gBAAgB,MAAM,QAAQ,MAAM,IAAI,OAAO,KAAK;AAE1D,MAAI,CAAC,eAAe;AAElB,WAAO;AAAA,EACT;AAGA,SACE,CAAC,gBACM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE,GAC1C,eAAe,eACf,QAAQ,YACH,MACP;AAEJ,CAAC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/image",
-  "version": "1.0.1-beta.133",
+  "version": "1.0.1-beta.136",
   "sideEffects": [
     "*.css"
   ],
@@ -21,14 +21,14 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.1-beta.133"
+    "@tamagui/core": "^1.0.1-beta.136"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.133",
+    "@tamagui/build": "^1.0.1-beta.136",
     "react": "*",
     "react-native": "*"
   },

package/src/Image.tsx

@@ -20,8 +20,8 @@ const StyledImage = styled(
 type StyledImageProps = GetProps<typeof StyledImage>
 
 type BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {
-  width: number
-  height: number
+  width: number | string
+  height: number | string
   src: string | StyledImageProps['source']
 }
 
@@ -29,7 +29,7 @@ export type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>
 
 export const Image: React.FC<ImageProps> = StyledImage.extractable((inProps) => {
   const props = getExpandedShorthands(inProps)
-  const { src, width = 100, height = 100, ...rest } = props
+  const { src, width, height, ...rest } = props
   const source = typeof src === 'string' ? { uri: src, ...(isWeb && { width, height }) } : src
   const defaultSource = Array.isArray(source) ? source[0] : source
 

package/types/Image.d.ts

@@ -11,8 +11,8 @@ declare const StyledImage: import("@tamagui/core").TamaguiComponent<(import("rea
 }>;
 declare type StyledImageProps = GetProps<typeof StyledImage>;
 declare type BaseProps = Omit<StyledImageProps, 'source' | 'width' | 'height' | 'style' | 'onLayout'> & {
-    width: number;
-    height: number;
+    width: number | string;
+    height: number | string;
     src: string | StyledImageProps['source'];
 };
 export declare type ImageProps = BaseProps & Omit<StackProps, keyof BaseProps>;