@tamagui/font-size 1.2.9 → 1.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/getFontSize.mjs +48 -0
- package/dist/esm/getFontSize.mjs.map +7 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +7 -0
- package/dist/jsx/getFontSize.mjs +48 -0
- package/dist/jsx/getFontSize.mjs.map +7 -0
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.mjs.map +7 -0
- package/package.json +3 -3
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { getConfig, isVariable } from "@tamagui/core";
|
|
2
|
+
const getFontSize = (inSize, opts) => {
|
|
3
|
+
const res = getFontSizeVariable(inSize, opts);
|
|
4
|
+
if (isVariable(res)) {
|
|
5
|
+
return +res.val;
|
|
6
|
+
}
|
|
7
|
+
return res ? +res : 16;
|
|
8
|
+
};
|
|
9
|
+
const getFontSizeVariable = (inSize, opts) => {
|
|
10
|
+
const token = getFontSizeToken(inSize, opts);
|
|
11
|
+
if (!token) {
|
|
12
|
+
return inSize;
|
|
13
|
+
}
|
|
14
|
+
const conf = getConfig();
|
|
15
|
+
return conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size[token];
|
|
16
|
+
};
|
|
17
|
+
const getFontSizeToken = (inSize, opts) => {
|
|
18
|
+
if (typeof inSize === "number") {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
const relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0;
|
|
22
|
+
const conf = getConfig();
|
|
23
|
+
const fontSize = conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size;
|
|
24
|
+
const size = inSize || ("$true" in fontSize ? "$true" : "$4");
|
|
25
|
+
const sizeTokens = Object.keys(fontSize);
|
|
26
|
+
let foundIndex = sizeTokens.indexOf(size);
|
|
27
|
+
if (foundIndex === -1) {
|
|
28
|
+
if (size.endsWith(".5")) {
|
|
29
|
+
foundIndex = sizeTokens.indexOf(size.replace(".5", ""));
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
if (process.env.NODE_ENV === "development") {
|
|
33
|
+
if (foundIndex === -1) {
|
|
34
|
+
console.warn("No font size found", size, opts, "in size tokens", sizeTokens);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
const tokenIndex = Math.min(
|
|
38
|
+
Math.max(0, foundIndex + relativeSize),
|
|
39
|
+
sizeTokens.length - 1
|
|
40
|
+
);
|
|
41
|
+
return sizeTokens[tokenIndex] ?? size;
|
|
42
|
+
};
|
|
43
|
+
export {
|
|
44
|
+
getFontSize,
|
|
45
|
+
getFontSizeToken,
|
|
46
|
+
getFontSizeVariable
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=getFontSize.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/getFontSize.ts"],
|
|
4
|
+
"sourcesContent": ["import { FontSizeTokens, FontTokens, getConfig, isVariable } from '@tamagui/core'\n\ntype GetFontSizeOpts = {\n relativeSize?: number\n font?: FontTokens\n}\n\nexport const getFontSize = (\n inSize: FontSizeTokens | null | undefined,\n opts?: GetFontSizeOpts\n): number => {\n const res = getFontSizeVariable(inSize, opts)\n if (isVariable(res)) {\n return +res.val\n }\n return res ? +res : 16\n}\n\nexport const getFontSizeVariable = (\n inSize: FontSizeTokens | null | undefined,\n opts?: GetFontSizeOpts\n) => {\n const token = getFontSizeToken(inSize, opts)\n if (!token) {\n return inSize\n }\n const conf = getConfig()\n return conf.fontsParsed[opts?.font || '$body'].size[token]\n}\n\nexport const getFontSizeToken = (\n inSize: FontSizeTokens | null | undefined,\n opts?: GetFontSizeOpts\n): FontSizeTokens | null => {\n if (typeof inSize === 'number') {\n return null\n }\n // backwards compat\n const relativeSize = opts?.relativeSize || 0\n const conf = getConfig()\n const fontSize = conf.fontsParsed[opts?.font || '$body'].size\n const size = inSize || ('$true' in fontSize ? '$true' : '$4')\n const sizeTokens = Object.keys(fontSize)\n let foundIndex = sizeTokens.indexOf(size)\n if (foundIndex === -1) {\n if (size.endsWith('.5')) {\n foundIndex = sizeTokens.indexOf(size.replace('.5', ''))\n }\n }\n if (process.env.NODE_ENV === 'development') {\n if (foundIndex === -1) {\n // eslint-disable-next-line no-console\n console.warn('No font size found', size, opts, 'in size tokens', sizeTokens)\n }\n }\n const tokenIndex = Math.min(\n Math.max(0, foundIndex + relativeSize),\n sizeTokens.length - 1\n )\n return (sizeTokens[tokenIndex] ?? size) as FontSizeTokens\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAqC,WAAW,kBAAkB;AAO3D,MAAM,cAAc,CACzB,QACA,SACW;AACX,QAAM,MAAM,oBAAoB,QAAQ,IAAI;AAC5C,MAAI,WAAW,GAAG,GAAG;AACnB,WAAO,CAAC,IAAI;AAAA,EACd;AACA,SAAO,MAAM,CAAC,MAAM;AACtB;AAEO,MAAM,sBAAsB,CACjC,QACA,SACG;AACH,QAAM,QAAQ,iBAAiB,QAAQ,IAAI;AAC3C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,OAAO,UAAU;AACvB,SAAO,KAAK,aAAY,6BAAM,SAAQ,OAAO,EAAE,KAAK,KAAK;AAC3D;AAEO,MAAM,mBAAmB,CAC9B,QACA,SAC0B;AAC1B,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,gBAAe,6BAAM,iBAAgB;AAC3C,QAAM,OAAO,UAAU;AACvB,QAAM,WAAW,KAAK,aAAY,6BAAM,SAAQ,OAAO,EAAE;AACzD,QAAM,OAAO,WAAW,WAAW,WAAW,UAAU;AACxD,QAAM,aAAa,OAAO,KAAK,QAAQ;AACvC,MAAI,aAAa,WAAW,QAAQ,IAAI;AACxC,MAAI,eAAe,IAAI;AACrB,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,mBAAa,WAAW,QAAQ,KAAK,QAAQ,MAAM,EAAE,CAAC;AAAA,IACxD;AAAA,EACF;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,eAAe,IAAI;AAErB,cAAQ,KAAK,sBAAsB,MAAM,MAAM,kBAAkB,UAAU;AAAA,IAC7E;AAAA,EACF;AACA,QAAM,aAAa,KAAK;AAAA,IACtB,KAAK,IAAI,GAAG,aAAa,YAAY;AAAA,IACrC,WAAW,SAAS;AAAA,EACtB;AACA,SAAQ,WAAW,UAAU,KAAK;AACpC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { getConfig, isVariable } from "@tamagui/core";
|
|
2
|
+
const getFontSize = (inSize, opts) => {
|
|
3
|
+
const res = getFontSizeVariable(inSize, opts);
|
|
4
|
+
if (isVariable(res)) {
|
|
5
|
+
return +res.val;
|
|
6
|
+
}
|
|
7
|
+
return res ? +res : 16;
|
|
8
|
+
};
|
|
9
|
+
const getFontSizeVariable = (inSize, opts) => {
|
|
10
|
+
const token = getFontSizeToken(inSize, opts);
|
|
11
|
+
if (!token) {
|
|
12
|
+
return inSize;
|
|
13
|
+
}
|
|
14
|
+
const conf = getConfig();
|
|
15
|
+
return conf.fontsParsed[opts?.font || "$body"].size[token];
|
|
16
|
+
};
|
|
17
|
+
const getFontSizeToken = (inSize, opts) => {
|
|
18
|
+
if (typeof inSize === "number") {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
const relativeSize = opts?.relativeSize || 0;
|
|
22
|
+
const conf = getConfig();
|
|
23
|
+
const fontSize = conf.fontsParsed[opts?.font || "$body"].size;
|
|
24
|
+
const size = inSize || ("$true" in fontSize ? "$true" : "$4");
|
|
25
|
+
const sizeTokens = Object.keys(fontSize);
|
|
26
|
+
let foundIndex = sizeTokens.indexOf(size);
|
|
27
|
+
if (foundIndex === -1) {
|
|
28
|
+
if (size.endsWith(".5")) {
|
|
29
|
+
foundIndex = sizeTokens.indexOf(size.replace(".5", ""));
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
if (process.env.NODE_ENV === "development") {
|
|
33
|
+
if (foundIndex === -1) {
|
|
34
|
+
console.warn("No font size found", size, opts, "in size tokens", sizeTokens);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
const tokenIndex = Math.min(
|
|
38
|
+
Math.max(0, foundIndex + relativeSize),
|
|
39
|
+
sizeTokens.length - 1
|
|
40
|
+
);
|
|
41
|
+
return sizeTokens[tokenIndex] ?? size;
|
|
42
|
+
};
|
|
43
|
+
export {
|
|
44
|
+
getFontSize,
|
|
45
|
+
getFontSizeToken,
|
|
46
|
+
getFontSizeVariable
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=getFontSize.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/getFontSize.ts"],
|
|
4
|
+
"sourcesContent": ["import { FontSizeTokens, FontTokens, getConfig, isVariable } from '@tamagui/core'\n\ntype GetFontSizeOpts = {\n relativeSize?: number\n font?: FontTokens\n}\n\nexport const getFontSize = (\n inSize: FontSizeTokens | null | undefined,\n opts?: GetFontSizeOpts\n): number => {\n const res = getFontSizeVariable(inSize, opts)\n if (isVariable(res)) {\n return +res.val\n }\n return res ? +res : 16\n}\n\nexport const getFontSizeVariable = (\n inSize: FontSizeTokens | null | undefined,\n opts?: GetFontSizeOpts\n) => {\n const token = getFontSizeToken(inSize, opts)\n if (!token) {\n return inSize\n }\n const conf = getConfig()\n return conf.fontsParsed[opts?.font || '$body'].size[token]\n}\n\nexport const getFontSizeToken = (\n inSize: FontSizeTokens | null | undefined,\n opts?: GetFontSizeOpts\n): FontSizeTokens | null => {\n if (typeof inSize === 'number') {\n return null\n }\n // backwards compat\n const relativeSize = opts?.relativeSize || 0\n const conf = getConfig()\n const fontSize = conf.fontsParsed[opts?.font || '$body'].size\n const size = inSize || ('$true' in fontSize ? '$true' : '$4')\n const sizeTokens = Object.keys(fontSize)\n let foundIndex = sizeTokens.indexOf(size)\n if (foundIndex === -1) {\n if (size.endsWith('.5')) {\n foundIndex = sizeTokens.indexOf(size.replace('.5', ''))\n }\n }\n if (process.env.NODE_ENV === 'development') {\n if (foundIndex === -1) {\n // eslint-disable-next-line no-console\n console.warn('No font size found', size, opts, 'in size tokens', sizeTokens)\n }\n }\n const tokenIndex = Math.min(\n Math.max(0, foundIndex + relativeSize),\n sizeTokens.length - 1\n )\n return (sizeTokens[tokenIndex] ?? size) as FontSizeTokens\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAqC,WAAW,kBAAkB;AAO3D,MAAM,cAAc,CACzB,QACA,SACW;AACX,QAAM,MAAM,oBAAoB,QAAQ,IAAI;AAC5C,MAAI,WAAW,GAAG,GAAG;AACnB,WAAO,CAAC,IAAI;AAAA,EACd;AACA,SAAO,MAAM,CAAC,MAAM;AACtB;AAEO,MAAM,sBAAsB,CACjC,QACA,SACG;AACH,QAAM,QAAQ,iBAAiB,QAAQ,IAAI;AAC3C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,OAAO,UAAU;AACvB,SAAO,KAAK,YAAY,MAAM,QAAQ,OAAO,EAAE,KAAK,KAAK;AAC3D;AAEO,MAAM,mBAAmB,CAC9B,QACA,SAC0B;AAC1B,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,MAAM,gBAAgB;AAC3C,QAAM,OAAO,UAAU;AACvB,QAAM,WAAW,KAAK,YAAY,MAAM,QAAQ,OAAO,EAAE;AACzD,QAAM,OAAO,WAAW,WAAW,WAAW,UAAU;AACxD,QAAM,aAAa,OAAO,KAAK,QAAQ;AACvC,MAAI,aAAa,WAAW,QAAQ,IAAI;AACxC,MAAI,eAAe,IAAI;AACrB,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,mBAAa,WAAW,QAAQ,KAAK,QAAQ,MAAM,EAAE,CAAC;AAAA,IACxD;AAAA,EACF;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,eAAe,IAAI;AAErB,cAAQ,KAAK,sBAAsB,MAAM,MAAM,kBAAkB,UAAU;AAAA,IAC7E;AAAA,EACF;AACA,QAAM,aAAa,KAAK;AAAA,IACtB,KAAK,IAAI,GAAG,aAAa,YAAY;AAAA,IACrC,WAAW,SAAS;AAAA,EACtB;AACA,SAAQ,WAAW,UAAU,KAAK;AACpC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/font-size",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.11",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
"lint:fix": "../../node_modules/.bin/rome check --apply-suggested src"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@tamagui/core": "^1.2.
|
|
22
|
+
"@tamagui/core": "^1.2.11"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "*",
|
|
26
26
|
"react-dom": "*"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@tamagui/build": "^1.2.
|
|
29
|
+
"@tamagui/build": "^1.2.11",
|
|
30
30
|
"react": "^18.2.0",
|
|
31
31
|
"react-dom": "^18.2.0"
|
|
32
32
|
},
|