@tamagui/font-size 1.0.1-beta.59 → 1.0.1-beta.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/font-size",
-  "version": "1.0.1-beta.59",
+  "version": "1.0.1-beta.60",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -8,6 +8,7 @@
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "src",
     "types",
     "dist"
   ],
@@ -16,14 +17,14 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.1-beta.59"
+    "@tamagui/core": "^1.0.1-beta.60"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.59",
+    "@tamagui/build": "^1.0.1-beta.60",
     "react": "*",
     "react-dom": "*"
   },

package/src/getFontSize.ts

@@ -0,0 +1,56 @@
+import { FontSizeTokens, FontTokens, getConfig, getTokens, isVariable } from '@tamagui/core'
+
+type GetFontSizeOpts = {
+  relativeSize?: number
+  font?: FontTokens
+}
+
+export const getFontSize = (
+  inSize: FontSizeTokens | null | undefined,
+  opts?: GetFontSizeOpts
+): number => {
+  const res = getFontSizeVariable(inSize, opts)
+  if (isVariable(res)) {
+    return +res.val
+  }
+  return res ? +res : 16
+}
+
+export const getFontSizeVariable = (
+  inSize: FontSizeTokens | null | undefined,
+  opts?: GetFontSizeOpts
+) => {
+  const token = getFontSizeToken(inSize, opts)
+  if (!token) {
+    return inSize
+  }
+  const conf = getConfig()
+  return conf.fontsParsed[opts?.font || '$body'].size[token]
+}
+
+export const getFontSizeToken = (
+  inSize: FontSizeTokens | null | undefined,
+  opts?: GetFontSizeOpts
+): FontSizeTokens | null => {
+  if (typeof inSize === 'number') {
+    return null
+  }
+  const size = inSize || '$4'
+  const relativeSize = opts?.relativeSize || 0
+  const conf = getConfig()
+  const fontSize = conf.fontsParsed[opts?.font || '$body'].size
+  const sizeTokens = Object.keys(fontSize)
+  let foundIndex = sizeTokens.indexOf(size)
+  if (foundIndex === -1) {
+    if (size.endsWith('.5')) {
+      foundIndex = sizeTokens.indexOf(size.replace('.5', ''))
+    }
+  }
+  if (process.env.NODE_ENV === 'development') {
+    if (foundIndex === -1) {
+      console.warn('No font size found', inSize, opts, 'in size tokens', sizeTokens)
+    }
+  }
+  const tokenIndex = Math.min(Math.max(0, foundIndex + relativeSize), sizeTokens.length - 1)
+  return (sizeTokens[tokenIndex] ?? size) as FontSizeTokens
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './getFontSize'