@tamagui/text 1.93.2 → 1.94.0

package/dist/cjs/SizableText.js

@@ -18,27 +18,26 @@ __export(SizableText_exports, {
 });
 module.exports = __toCommonJS(SizableText_exports);
 var import_get_font_sized = require("@tamagui/get-font-sized"), import_web = require("@tamagui/web");
-const variants = {
-  unstyled: {
-    false: {
-      size: "$true",
-      color: "$color"
-    }
-  },
-  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,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        color: "$color"
+      }
+    },
+    size: import_get_font_sized.getFontSized
+  },
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+SizableText.staticConfig.variants.fontFamily = {
+  "...": (_, extras) => {
+    const size = extras.props.size || "$true";
+    return (0, import_get_font_sized.getFontSized)(size, extras);
+  }
+};
 //# sourceMappingURL=SizableText.js.map

package/dist/cjs/SizableText.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA6B,oCAE7B,aAA6B;AAE7B,MAAM,WAAW;AAAA,EACf,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAM;AACR;AAKA,SAAS,aAAgB;AAAA,EACvB,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,QAAW;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,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA6B,oCAE7B,aAA6B;AAEtB,MAAM,kBAAc,mBAAO,iBAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC;AAID,YAAY,aAAa,SAAU,aAAa;AAAA,EAC9C,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,QAAW;AACrC,eAAO,oCAAa,MAAM,MAAM;AAAA,EAClC;AACF;",
   "names": []
 }

package/dist/cjs/SizableText.native.js

@@ -18,29 +18,28 @@ __export(SizableText_exports, {
   SizableText: () => SizableText
 });
 module.exports = __toCommonJS(SizableText_exports);
-var import_get_font_sized = require("@tamagui/get-font-sized"), import_web = require("@tamagui/web"), variants = {
-  unstyled: {
-    false: {
-      size: "$true",
-      color: "$color"
-    }
-  },
-  size: import_get_font_sized.getFontSized
-};
-variants.fontFamily = {
-  "...": function(_, extras) {
-    var size = extras.props.size || "$true";
-    return (0, import_get_font_sized.getFontSized)(size, extras);
-  }
-};
-var SizableText = (0, import_web.styled)(import_web.Text, {
+var import_get_font_sized = require("@tamagui/get-font-sized"), import_web = require("@tamagui/web"), SizableText = (0, import_web.styled)(import_web.Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        color: "$color"
+      }
+    },
+    size: import_get_font_sized.getFontSized
+  },
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+SizableText.staticConfig.variants.fontFamily = {
+  "...": function(_, extras) {
+    var size = extras.props.size || "$true";
+    return (0, import_get_font_sized.getFontSized)(size, extras);
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SizableText

package/dist/cjs/SizableText.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/text/src/SizableText.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;4BAA6B,oCAE7B,aAA6B,yBAEvBA,WAAW;EACfC,UAAU;IACRC,OAAO;MACLC,MAAM;MACNC,OAAO;IACT;EACF;EAEAD,MAAME;AACR;AAKAL,SAAS,aAAgB;EACvB,OAAO,SAACM,GAAGC,QAAAA;AACT,QAAMJ,OAAOI,OAAOC,MAAM,QAAW;AACrC,eAAOH,oCAAaF,MAAMI,MAAAA;EAC5B;AACF;AAEO,IAAME,kBAAcC,mBAAOC,iBAAM;EACtCC,MAAM;EACNC,YAAY;EAEZb;EAEAc,iBAAiB;IACfb,UAAUc,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;",
-  "names": ["variants", "unstyled", "false", "size", "color", "getFontSized", "_", "extras", "props", "SizableText", "styled", "Text", "name", "fontFamily", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;4BAA6B,oCAE7B,aAA6B,yBAEhBA,kBAAcC,mBAAOC,iBAAM;EACtCC,MAAM;EACNC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,MAAM;QACNC,OAAO;MACT;IACF;IAEAD,MAAME;EACR;EAEAC,iBAAiB;IACfL,UAAUM,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;AAIAd,YAAYe,aAAaV,SAAUD,aAAa;EAC9C,OAAO,SAACY,GAAGC,QAAAA;AACT,QAAMT,OAAOS,OAAOC,MAAM,QAAW;AACrC,eAAOR,oCAAaF,MAAMS,MAAAA;EAC5B;AACF;",
+  "names": ["SizableText", "styled", "Text", "name", "fontFamily", "variants", "unstyled", "false", "size", "color", "getFontSized", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "staticConfig", "_", "extras", "props"]
 }

package/dist/esm/SizableText.js

@@ -1,28 +1,27 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
-const variants = {
-  unstyled: {
-    false: {
-      size: "$true",
-      color: "$color"
-    }
-  },
-  size: getFontSized
-};
-variants.fontFamily = {
-  "...": (_, extras) => {
-    const size = extras.props.size || "$true";
-    return getFontSized(size, extras);
-  }
-};
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        color: "$color"
+      }
+    },
+    size: getFontSized
+  },
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+SizableText.staticConfig.variants.fontFamily = {
+  "...": (_, extras) => {
+    const size = extras.props.size || "$true";
+    return getFontSized(size, extras);
+  }
+};
 export {
   SizableText
 };

package/dist/esm/SizableText.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAE7B,SAAS,MAAM,cAAc;AAE7B,MAAM,WAAW;AAAA,EACf,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAM;AACR;AAKA,SAAS,aAAgB;AAAA,EACvB,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,QAAW;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,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAE7B,SAAS,MAAM,cAAc;AAEtB,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC;AAID,YAAY,aAAa,SAAU,aAAa;AAAA,EAC9C,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,QAAW;AACrC,WAAO,aAAa,MAAM,MAAM;AAAA,EAClC;AACF;",
   "names": []
 }

package/dist/esm/SizableText.mjs

@@ -1,26 +1,25 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
-const variants = {
-  unstyled: {
-    false: {
-      size: "$true",
-      color: "$color"
-    }
-  },
-  size: getFontSized
-};
-variants.fontFamily = {
-  "...": (_, extras) => {
-    const size = extras.props.size || "$true";
-    return getFontSized(size, extras);
-  }
-};
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        color: "$color"
+      }
+    },
+    size: getFontSized
+  },
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+SizableText.staticConfig.variants.fontFamily = {
+  "...": (_, extras) => {
+    const size = extras.props.size || "$true";
+    return getFontSized(size, extras);
+  }
+};
 export { SizableText };

package/dist/esm/SizableText.native.js

@@ -1,28 +1,27 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
-var variants = {
-  unstyled: {
-    false: {
-      size: "$true",
-      color: "$color"
-    }
-  },
-  size: getFontSized
-};
-variants.fontFamily = {
-  "...": function(_, extras) {
-    var size = extras.props.size || "$true";
-    return getFontSized(size, extras);
-  }
-};
 var SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        color: "$color"
+      }
+    },
+    size: getFontSized
+  },
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+SizableText.staticConfig.variants.fontFamily = {
+  "...": function(_, extras) {
+    var size = extras.props.size || "$true";
+    return getFontSized(size, extras);
+  }
+};
 export {
   SizableText
 };

package/dist/esm/SizableText.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/text/src/SizableText.tsx"],
-  "mappings": "AAAA,SAASA,oBAAoB;AAE7B,SAASC,MAAMC,cAAc;AAE7B,IAAMC,WAAW;EACfC,UAAU;IACRC,OAAO;MACLC,MAAM;MACNC,OAAO;IACT;EACF;EAEAD,MAAMN;AACR;AAKAG,SAAS,aAAgB;EACvB,OAAO,SAACK,GAAGC,QAAAA;AACT,QAAMH,OAAOG,OAAOC,MAAM,QAAW;AACrC,WAAOV,aAAaM,MAAMG,MAAAA;EAC5B;AACF;AAEO,IAAME,cAAcT,OAAOD,MAAM;EACtCW,MAAM;EACNC,YAAY;EAEZV;EAEAW,iBAAiB;IACfV,UAAUW,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;",
-  "names": ["getFontSized", "Text", "styled", "variants", "unstyled", "false", "size", "color", "_", "extras", "props", "SizableText", "name", "fontFamily", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS"]
+  "mappings": "AAAA,SAASA,oBAAoB;AAE7B,SAASC,MAAMC,cAAc;AAEtB,IAAMC,cAAcD,OAAOD,MAAM;EACtCG,MAAM;EACNC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,MAAM;QACNC,OAAO;MACT;IACF;IAEAD,MAAMT;EACR;EAEAW,iBAAiB;IACfJ,UAAUK,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;AAIAX,YAAYY,aAAaT,SAAUD,aAAa;EAC9C,OAAO,SAACW,GAAGC,QAAAA;AACT,QAAMR,OAAOQ,OAAOC,MAAM,QAAW;AACrC,WAAOlB,aAAaS,MAAMQ,MAAAA;EAC5B;AACF;",
+  "names": ["getFontSized", "Text", "styled", "SizableText", "name", "fontFamily", "variants", "unstyled", "false", "size", "color", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "staticConfig", "_", "extras", "props"]
 }

package/dist/jsx/SizableText.js

@@ -1,28 +1,27 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
-const variants = {
-  unstyled: {
-    false: {
-      size: "$true",
-      color: "$color"
-    }
-  },
-  size: getFontSized
-};
-variants.fontFamily = {
-  "...": (_, extras) => {
-    const size = extras.props.size || "$true";
-    return getFontSized(size, extras);
-  }
-};
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        color: "$color"
+      }
+    },
+    size: getFontSized
+  },
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+SizableText.staticConfig.variants.fontFamily = {
+  "...": (_, extras) => {
+    const size = extras.props.size || "$true";
+    return getFontSized(size, extras);
+  }
+};
 export {
   SizableText
 };

package/dist/jsx/SizableText.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SizableText.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAE7B,SAAS,MAAM,cAAc;AAE7B,MAAM,WAAW;AAAA,EACf,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAM;AACR;AAKA,SAAS,aAAgB;AAAA,EACvB,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,QAAW;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,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAE7B,SAAS,MAAM,cAAc;AAEtB,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,EACR;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC;AAID,YAAY,aAAa,SAAU,aAAa;AAAA,EAC9C,OAAO,CAAC,GAAG,WAAW;AACpB,UAAM,OAAO,OAAO,MAAM,QAAW;AACrC,WAAO,aAAa,MAAM,MAAM;AAAA,EAClC;AACF;",
   "names": []
 }

package/dist/jsx/SizableText.mjs

@@ -1,26 +1,25 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
-const variants = {
-  unstyled: {
-    false: {
-      size: "$true",
-      color: "$color"
-    }
-  },
-  size: getFontSized
-};
-variants.fontFamily = {
-  "...": (_, extras) => {
-    const size = extras.props.size || "$true";
-    return getFontSized(size, extras);
-  }
-};
 const SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        color: "$color"
+      }
+    },
+    size: getFontSized
+  },
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+SizableText.staticConfig.variants.fontFamily = {
+  "...": (_, extras) => {
+    const size = extras.props.size || "$true";
+    return getFontSized(size, extras);
+  }
+};
 export { SizableText };

package/dist/jsx/SizableText.native.js

@@ -1,28 +1,27 @@
 import { getFontSized } from "@tamagui/get-font-sized";
 import { Text, styled } from "@tamagui/web";
-var variants = {
-  unstyled: {
-    false: {
-      size: "$true",
-      color: "$color"
-    }
-  },
-  size: getFontSized
-};
-variants.fontFamily = {
-  "...": function(_, extras) {
-    var size = extras.props.size || "$true";
-    return getFontSized(size, extras);
-  }
-};
 var SizableText = styled(Text, {
   name: "SizableText",
   fontFamily: "$body",
-  variants,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        color: "$color"
+      }
+    },
+    size: getFontSized
+  },
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
+SizableText.staticConfig.variants.fontFamily = {
+  "...": function(_, extras) {
+    var size = extras.props.size || "$true";
+    return getFontSized(size, extras);
+  }
+};
 export {
   SizableText
 };

package/dist/jsx/SizableText.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/text/src/SizableText.tsx"],
-  "mappings": "AAAA,SAASA,oBAAoB;AAE7B,SAASC,MAAMC,cAAc;AAE7B,IAAMC,WAAW;EACfC,UAAU;IACRC,OAAO;MACLC,MAAM;MACNC,OAAO;IACT;EACF;EAEAD,MAAMN;AACR;AAKAG,SAAS,aAAgB;EACvB,OAAO,SAACK,GAAGC,QAAAA;AACT,QAAMH,OAAOG,OAAOC,MAAM,QAAW;AACrC,WAAOV,aAAaM,MAAMG,MAAAA;EAC5B;AACF;AAEO,IAAME,cAAcT,OAAOD,MAAM;EACtCW,MAAM;EACNC,YAAY;EAEZV;EAEAW,iBAAiB;IACfV,UAAUW,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;",
-  "names": ["getFontSized", "Text", "styled", "variants", "unstyled", "false", "size", "color", "_", "extras", "props", "SizableText", "name", "fontFamily", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS"]
+  "mappings": "AAAA,SAASA,oBAAoB;AAE7B,SAASC,MAAMC,cAAc;AAEtB,IAAMC,cAAcD,OAAOD,MAAM;EACtCG,MAAM;EACNC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,MAAM;QACNC,OAAO;MACT;IACF;IAEAD,MAAMT;EACR;EAEAW,iBAAiB;IACfJ,UAAUK,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;AAIAX,YAAYY,aAAaT,SAAUD,aAAa;EAC9C,OAAO,SAACW,GAAGC,QAAAA;AACT,QAAMR,OAAOQ,OAAOC,MAAM,QAAW;AACrC,WAAOlB,aAAaS,MAAMQ,MAAAA;EAC5B;AACF;",
+  "names": ["getFontSized", "Text", "styled", "SizableText", "name", "fontFamily", "variants", "unstyled", "false", "size", "color", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "staticConfig", "_", "extras", "props"]
 }

package/package.json

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

package/src/SizableText.tsx

@@ -2,36 +2,33 @@ import { getFontSized } from '@tamagui/get-font-sized'
 import type { GetProps } from '@tamagui/web'
 import { Text, styled } from '@tamagui/web'
 
-const variants = {
-  unstyled: {
-    false: {
-      size: '$true',
-      color: '$color',
-    },
-  },
-
-  size: getFontSized,
-} as const
-
-// this is odd but we need it because otherwise if a parent sets
-// a new fontFamily it wont go through size variant unless size also set
-// and its messing up types due to overlap with style prop so doing super odd stuff
-variants['fontFamily'] = {
-  '...': (_, extras) => {
-    const size = extras.props['size'] || '$true'
-    return getFontSized(size, extras)
-  },
-}
-
 export const SizableText = styled(Text, {
   name: 'SizableText',
   fontFamily: '$body',
 
-  variants,
+  variants: {
+    unstyled: {
+      false: {
+        size: '$true',
+        color: '$color',
+      },
+    },
+
+    size: getFontSized,
+  },
 
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === '1' ? true : false,
   },
 })
 
+// we are doing weird stuff to avoid bad types
+// TODO make this just work
+SizableText.staticConfig.variants!.fontFamily = {
+  '...': (_, extras) => {
+    const size = extras.props['size'] || '$true'
+    return getFontSized(size, extras)
+  },
+}
+
 export type SizableTextProps = GetProps<typeof SizableText>

package/types/SizableText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SizableText.d.ts","sourceRoot":"","sources":["../src/SizableText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAwB5C,eAAO,MAAM,WAAW;;;6CAStB,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,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAG5C,eAAO,MAAM,WAAW;;;6CAkBtB,CAAA;AAWF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA"}