@tamagui/text 1.45.4 → 1.45.5

package/dist/cjs/SizableText.js

@@ -23,17 +23,24 @@ __export(SizableText_exports, {
 module.exports = __toCommonJS(SizableText_exports);
 var import_get_font_sized = require("@tamagui/get-font-sized");
 var import_web = require("@tamagui/web");
+const variants = {
+  unstyled: {
+    false: {
+      size: "$true"
+    }
+  },
+  size: import_get_font_sized.getFontSized
+};
+variants["fontFamily"] = {
+  "...": (_, extras) => {
+    const size = extras.props["size"] || "$true";
+    return (0, import_get_font_sized.getFontSized)(size, extras);
+  }
+};
 const SizableText = (0, import_web.styled)(import_web.Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true"
-      }
-    },
-    size: import_get_font_sized.getFontSized
-  },
+  variants,
   defaultVariants: {
     unstyled: false
   }

package/dist/cjs/SizableText.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA6B;AAC7B,iBAAuC;AAEhC,MAAM,kBAAc,mBAAO,iBAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA6B;AAC7B,iBAAuC;AAEvC,MAAM,WAAW;AAAA,EACf,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM;AACR;AAKA,SAAS,YAAY,IAAI;AAAA,EACvB,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,MAAM,KAAK;AACrC,eAAO,oCAAa,MAAM,MAAM;AAAA,EAClC;AACF;AAEO,MAAM,kBAAc,mBAAO,iBAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;",
   "names": []
 }

package/dist/esm/SizableText.js

@@ -1,16 +1,23 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
+const variants = {
+  unstyled: {
+    false: {
+      size: "$true"
+    }
+  },
+  size: getFontSized
+};
+variants["fontFamily"] = {
+  "...": (_, extras) => {
+    const size = extras.props["size"] || "$true";
+    return getFontSized(size, extras);
+  }
+};
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true"
-      }
-    },
-    size: getFontSized
-  },
+  variants,
   defaultVariants: {
     unstyled: false
   }

package/dist/esm/SizableText.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEhC,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEvC,MAAM,WAAW;AAAA,EACf,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM;AACR;AAKA,SAAS,YAAY,IAAI;AAAA,EACvB,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,MAAM,KAAK;AACrC,WAAO,aAAa,MAAM,MAAM;AAAA,EAClC;AACF;AAEO,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/SizableText.js

@@ -1,16 +1,23 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
+const variants = {
+  unstyled: {
+    false: {
+      size: "$true"
+    }
+  },
+  size: getFontSized
+};
+variants["fontFamily"] = {
+  "...": (_, extras) => {
+    const size = extras.props["size"] || "$true";
+    return getFontSized(size, extras);
+  }
+};
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true"
-      }
-    },
-    size: getFontSized
-  },
+  variants,
   defaultVariants: {
     unstyled: false
   }

package/dist/jsx/SizableText.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEhC,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEvC,MAAM,WAAW;AAAA,EACf,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM;AACR;AAKA,SAAS,YAAY,IAAI;AAAA,EACvB,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,MAAM,KAAK;AACrC,WAAO,aAAa,MAAM,MAAM;AAAA,EAClC;AACF;AAEO,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/SizableText.mjs

@@ -1,16 +1,23 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
+const variants = {
+  unstyled: {
+    false: {
+      size: "$true"
+    }
+  },
+  size: getFontSized
+};
+variants["fontFamily"] = {
+  "...": (_, extras) => {
+    const size = extras.props["size"] || "$true";
+    return getFontSized(size, extras);
+  }
+};
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true"
-      }
-    },
-    size: getFontSized
-  },
+  variants,
   defaultVariants: {
     unstyled: false
   }

package/dist/jsx/SizableText.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEhC,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAmB,MAAM,cAAc;AAEvC,MAAM,WAAW;AAAA,EACf,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,MAAM;AACR;AAKA,SAAS,YAAY,IAAI;AAAA,EACvB,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,MAAM,KAAK;AACrC,WAAO,aAAa,MAAM,MAAM;AAAA,EAClC;AACF;AAEO,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/text",
-  "version": "1.45.4",
+  "version": "1.45.5",
   "sideEffects": [
     "*.css"
   ],
@@ -31,15 +31,15 @@
     }
   },
   "dependencies": {
-    "@tamagui/get-font-sized": "1.45.4",
-    "@tamagui/helpers-tamagui": "1.45.4",
-    "@tamagui/web": "1.45.4"
+    "@tamagui/get-font-sized": "1.45.5",
+    "@tamagui/helpers-tamagui": "1.45.5",
+    "@tamagui/web": "1.45.5"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.45.4",
+    "@tamagui/build": "1.45.5",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/src/SizableText.tsx

@@ -1,19 +1,31 @@
 import { getFontSized } from '@tamagui/get-font-sized'
 import { GetProps, Text, styled } from '@tamagui/web'
 
+const variants = {
+  unstyled: {
+    false: {
+      size: '$true',
+    },
+  },
+
+  size: getFontSized,
+} as const
+
+// avoid types this is weird stuff
+// this is a bit odd but we need it because otherwise if a parent sets
+// a new fontFamily it wont go through size variant unless size also set
+variants['fontFamily'] = {
+  '...': (_, extras) => {
+    const size = extras.props['size'] || '$true'
+    return getFontSized(size, extras)
+  },
+}
+
 export const SizableText = styled(Text, {
   name: 'SizableText',
   fontFamily: '$body',
 
-  variants: {
-    unstyled: {
-      false: {
-        size: '$true',
-      },
-    },
-
-    size: getFontSized,
-  } as const,
+  variants,
 
   defaultVariants: {
     unstyled: false,

package/types/SizableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SizableText.d.ts","sourceRoot":"","sources":["../src/SizableText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAA;AAErD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;EAiBtB,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA"}
+{"version":3,"file":"SizableText.d.ts","sourceRoot":"","sources":["../src/SizableText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAA;AAsBrD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;EAStB,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA"}