@tamagui/get-font-sized 1.0.1-beta.194

package/dist/cjs/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  getFontSized: () => getFontSized
+});
+module.exports = __toCommonJS(src_exports);
+var import_core = require("@tamagui/core");
+const getFontSized = (val = "$4", { fonts, theme, props }) => {
+  var _a, _b, _c;
+  const family = (0, import_core.getVariableValue)(props.fontFamily) || "$body";
+  const font = fonts[family] || fonts["$body"];
+  if (!font) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn("\u26A0\uFE0F no font found", { family, fontTokens: Object.keys(fonts), val });
+    }
+    return {};
+  }
+  const fontFamily = font.family;
+  const fontSize = props.fontSize || font.size[val];
+  const lineHeight = props.lineHeight || font.lineHeight[val];
+  const fontWeight = props.fontWeight || font.weight[val];
+  const letterSpacing = props.letterSpacing || font.letterSpacing[val];
+  const fontStyle = props.fontStyle || ((_a = font.style) == null ? void 0 : _a[val]);
+  const textTransform = props.textTransform || ((_b = font.transform) == null ? void 0 : _b[val]);
+  const color = props.color || ((_c = font.color) == null ? void 0 : _c[val]) || theme.color;
+  const style = {
+    color,
+    fontStyle,
+    textTransform,
+    fontFamily,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    lineHeight
+  };
+  if (process.env.NODE_ENV === "development") {
+    if (props["debug"]) {
+      console.groupCollapsed("  \u{1F539} getFont", val, props["fontWeight"], props["fow"]);
+      console.log({ style, props, font });
+      console.groupEnd();
+    }
+  }
+  return style;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFontSized
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["import { getVariableValue } from '@tamagui/core'\nimport type { FontSizeTokens, TextProps, VariantSpreadFunction } from '@tamagui/core'\n\nexport const getFontSized: VariantSpreadFunction<TextProps, FontSizeTokens> = (\n  val = '$4',\n  { fonts, theme, props }\n) => {\n  const family = getVariableValue(props.fontFamily) || '$body'\n  const font = fonts[family] || fonts['$body']\n  if (!font) {\n    if (process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(fonts), val })\n    }\n    return {} as any\n  }\n  const fontFamily = font.family\n  const fontSize = props.fontSize || font.size[val]\n  const lineHeight = props.lineHeight || font.lineHeight[val]\n  const fontWeight = props.fontWeight || font.weight[val]\n  const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n  const fontStyle = props.fontStyle || font.style?.[val]\n  const textTransform = props.textTransform || font.transform?.[val]\n  const color = props.color || font.color?.[val] || theme.color\n  const style = {\n    color,\n    fontStyle,\n    textTransform,\n    fontFamily,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    lineHeight,\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 getFont', val, props['fontWeight'], props['fow'])\n      // eslint-disable-next-line no-console\n      console.log({ style, props, font })\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n  }\n  return style\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAG1B,MAAM,eAAiE,CAC5E,MAAM,MACN,EAAE,OAAO,OAAO,MAAM,MACnB;AANL;AAOE,QAAM,aAAS,8BAAiB,MAAM,UAAU,KAAK;AACrD,QAAM,OAAO,MAAM,WAAW,MAAM;AACpC,MAAI,CAAC,MAAM;AACT,QAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,cAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC;AAAA,IAClF;AACA,WAAO,CAAC;AAAA,EACV;AACA,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,QAAM,YAAY,MAAM,eAAa,UAAK,UAAL,mBAAa;AAClD,QAAM,gBAAgB,MAAM,mBAAiB,UAAK,cAAL,mBAAiB;AAC9D,QAAM,QAAQ,MAAM,WAAS,UAAK,UAAL,mBAAa,SAAQ,MAAM;AACxD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,MAAM,UAAU;AAElB,cAAQ,eAAe,uBAAgB,KAAK,MAAM,eAAe,MAAM,MAAM;AAE7E,cAAQ,IAAI,EAAE,OAAO,OAAO,KAAK,CAAC;AAElC,cAAQ,SAAS;AAAA,IACnB;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,42 @@
+import { getVariableValue } from "@tamagui/core";
+const getFontSized = (val = "$4", { fonts, theme, props }) => {
+  var _a, _b, _c;
+  const family = getVariableValue(props.fontFamily) || "$body";
+  const font = fonts[family] || fonts["$body"];
+  if (!font) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn("\u26A0\uFE0F no font found", { family, fontTokens: Object.keys(fonts), val });
+    }
+    return {};
+  }
+  const fontFamily = font.family;
+  const fontSize = props.fontSize || font.size[val];
+  const lineHeight = props.lineHeight || font.lineHeight[val];
+  const fontWeight = props.fontWeight || font.weight[val];
+  const letterSpacing = props.letterSpacing || font.letterSpacing[val];
+  const fontStyle = props.fontStyle || ((_a = font.style) == null ? void 0 : _a[val]);
+  const textTransform = props.textTransform || ((_b = font.transform) == null ? void 0 : _b[val]);
+  const color = props.color || ((_c = font.color) == null ? void 0 : _c[val]) || theme.color;
+  const style = {
+    color,
+    fontStyle,
+    textTransform,
+    fontFamily,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    lineHeight
+  };
+  if (process.env.NODE_ENV === "development") {
+    if (props["debug"]) {
+      console.groupCollapsed("  \u{1F539} getFont", val, props["fontWeight"], props["fow"]);
+      console.log({ style, props, font });
+      console.groupEnd();
+    }
+  }
+  return style;
+};
+export {
+  getFontSized
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["import { getVariableValue } from '@tamagui/core'\nimport type { FontSizeTokens, TextProps, VariantSpreadFunction } from '@tamagui/core'\n\nexport const getFontSized: VariantSpreadFunction<TextProps, FontSizeTokens> = (\n  val = '$4',\n  { fonts, theme, props }\n) => {\n  const family = getVariableValue(props.fontFamily) || '$body'\n  const font = fonts[family] || fonts['$body']\n  if (!font) {\n    if (process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn('\u26A0\uFE0F no font found', { family, fontTokens: Object.keys(fonts), val })\n    }\n    return {} as any\n  }\n  const fontFamily = font.family\n  const fontSize = props.fontSize || font.size[val]\n  const lineHeight = props.lineHeight || font.lineHeight[val]\n  const fontWeight = props.fontWeight || font.weight[val]\n  const letterSpacing = props.letterSpacing || font.letterSpacing[val]\n  const fontStyle = props.fontStyle || font.style?.[val]\n  const textTransform = props.textTransform || font.transform?.[val]\n  const color = props.color || font.color?.[val] || theme.color\n  const style = {\n    color,\n    fontStyle,\n    textTransform,\n    fontFamily,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    lineHeight,\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 getFont', val, props['fontWeight'], props['fow'])\n      // eslint-disable-next-line no-console\n      console.log({ style, props, font })\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n  }\n  return style\n}\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AAG1B,MAAM,eAAiE,CAC5E,MAAM,MACN,EAAE,OAAO,OAAO,MAAM,MACnB;AANL;AAOE,QAAM,SAAS,iBAAiB,MAAM,UAAU,KAAK;AACrD,QAAM,OAAO,MAAM,WAAW,MAAM;AACpC,MAAI,CAAC,MAAM;AACT,QAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,cAAQ,KAAK,8BAAoB,EAAE,QAAQ,YAAY,OAAO,KAAK,KAAK,GAAG,IAAI,CAAC;AAAA,IAClF;AACA,WAAO,CAAC;AAAA,EACV;AACA,QAAM,aAAa,KAAK;AACxB,QAAM,WAAW,MAAM,YAAY,KAAK,KAAK;AAC7C,QAAM,aAAa,MAAM,cAAc,KAAK,WAAW;AACvD,QAAM,aAAa,MAAM,cAAc,KAAK,OAAO;AACnD,QAAM,gBAAgB,MAAM,iBAAiB,KAAK,cAAc;AAChE,QAAM,YAAY,MAAM,eAAa,UAAK,UAAL,mBAAa;AAClD,QAAM,gBAAgB,MAAM,mBAAiB,UAAK,cAAL,mBAAiB;AAC9D,QAAM,QAAQ,MAAM,WAAS,UAAK,UAAL,mBAAa,SAAQ,MAAM;AACxD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,MAAM,UAAU;AAElB,cAAQ,eAAe,uBAAgB,KAAK,MAAM,eAAe,MAAM,MAAM;AAE7E,cAAQ,IAAI,EAAE,OAAO,OAAO,KAAK,CAAC;AAElC,cAAQ,SAAS;AAAA,IACnB;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@tamagui/get-font-sized",
+  "version": "1.0.1-beta.194",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "lint": "eslint",
+    "lint:fix": "yarn lint --fix",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@tamagui/core": "^1.0.1-beta.194",
+    "react": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.194",
+    "@types/react": "^18.0.15"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

@@ -0,0 +1,46 @@
+import { getVariableValue } from '@tamagui/core'
+import type { FontSizeTokens, TextProps, VariantSpreadFunction } from '@tamagui/core'
+
+export const getFontSized: VariantSpreadFunction<TextProps, FontSizeTokens> = (
+  val = '$4',
+  { fonts, theme, props }
+) => {
+  const family = getVariableValue(props.fontFamily) || '$body'
+  const font = fonts[family] || fonts['$body']
+  if (!font) {
+    if (process.env.NODE_ENV === 'development') {
+      // eslint-disable-next-line no-console
+      console.warn('⚠️ no font found', { family, fontTokens: Object.keys(fonts), val })
+    }
+    return {} as any
+  }
+  const fontFamily = font.family
+  const fontSize = props.fontSize || font.size[val]
+  const lineHeight = props.lineHeight || font.lineHeight[val]
+  const fontWeight = props.fontWeight || font.weight[val]
+  const letterSpacing = props.letterSpacing || font.letterSpacing[val]
+  const fontStyle = props.fontStyle || font.style?.[val]
+  const textTransform = props.textTransform || font.transform?.[val]
+  const color = props.color || font.color?.[val] || theme.color
+  const style = {
+    color,
+    fontStyle,
+    textTransform,
+    fontFamily,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    lineHeight,
+  }
+  if (process.env.NODE_ENV === 'development') {
+    if (props['debug']) {
+      // eslint-disable-next-line no-console
+      console.groupCollapsed('  🔹 getFont', val, props['fontWeight'], props['fow'])
+      // eslint-disable-next-line no-console
+      console.log({ style, props, font })
+      // eslint-disable-next-line no-console
+      console.groupEnd()
+    }
+  }
+  return style
+}

package/types/index.d.ts

@@ -0,0 +1,3 @@
+import type { FontSizeTokens, TextProps, VariantSpreadFunction } from '@tamagui/core';
+export declare const getFontSized: VariantSpreadFunction<TextProps, FontSizeTokens>;
+//# sourceMappingURL=index.d.ts.map