@tamagui/get-font-sized 3.0.0-beta.1313.1 → 3.0.0-beta.1341.1
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/cjs/index.cjs +3 -13
- package/dist/cjs/index.native.cjs +4 -14
- package/dist/cjs/index.native.js +4 -14
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/index.js +4 -11
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +4 -11
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +5 -12
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +3 -4
- package/src/index.ts +14 -31
- package/types/index.d.ts +6 -18
- package/types/index.d.ts.map +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -19,12 +19,8 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
19
19
|
};
|
|
20
20
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
21
|
var index_exports = {};
|
|
22
|
-
__export(index_exports, {
|
|
23
|
-
SizableText: () => SizableText,
|
|
24
|
-
getFontSized: () => getFontSized
|
|
25
|
-
});
|
|
22
|
+
__export(index_exports, { getFontSized: () => getFontSized });
|
|
26
23
|
module.exports = __toCommonJS(index_exports);
|
|
27
|
-
var import_size = require("@tamagui/size");
|
|
28
24
|
var import_web = require("@tamagui/web");
|
|
29
25
|
const getFontSized = import_web.styled.dynamic((sizeTokenIn = true, env) => {
|
|
30
26
|
const { font, fontFamily } = env;
|
|
@@ -37,8 +33,8 @@ const getFontSized = import_web.styled.dynamic((sizeTokenIn = true, env) => {
|
|
|
37
33
|
fontFamily
|
|
38
34
|
};
|
|
39
35
|
}
|
|
40
|
-
const key = String(sizeTokenIn).replace(/^\$/, "");
|
|
41
|
-
const sizeToken =
|
|
36
|
+
const key = sizeTokenIn === true ? "sm" in font.size ? "sm" : "4" : String(sizeTokenIn).replace(/^\$/, "");
|
|
37
|
+
const sizeToken = key;
|
|
42
38
|
const fontSize = font.size[sizeToken];
|
|
43
39
|
const lineHeight = font.lineHeight?.[sizeToken];
|
|
44
40
|
const fontWeight = font.weight?.[sizeToken];
|
|
@@ -57,9 +53,3 @@ const getFontSized = import_web.styled.dynamic((sizeTokenIn = true, env) => {
|
|
|
57
53
|
textTransform
|
|
58
54
|
};
|
|
59
55
|
});
|
|
60
|
-
const SizableText = (0, import_web.styled)(import_web.Text, {
|
|
61
|
-
displayName: "SizableText",
|
|
62
|
-
fontFamily: "body",
|
|
63
|
-
variants: { size: getFontSized },
|
|
64
|
-
defaultVariants: { size: true }
|
|
65
|
-
});
|
|
@@ -21,16 +21,12 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
21
21
|
};
|
|
22
22
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
23
23
|
var index_exports = {};
|
|
24
|
-
__export(index_exports, {
|
|
25
|
-
SizableText: () => SizableText,
|
|
26
|
-
getFontSized: () => getFontSized
|
|
27
|
-
});
|
|
24
|
+
__export(index_exports, { getFontSized: () => getFontSized });
|
|
28
25
|
module.exports = __toCommonJS(index_exports);
|
|
29
|
-
var import_size = require("@tamagui/size");
|
|
30
26
|
var import_web = require("@tamagui/web");
|
|
31
27
|
var getFontSized = import_web.styled.dynamic(function() {
|
|
32
28
|
var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;
|
|
33
|
-
var
|
|
29
|
+
var _font_lineHeight, _font_weight, _font_letterSpacing, _font_transform, _font_style, _font_color;
|
|
34
30
|
var { font, fontFamily } = env;
|
|
35
31
|
if (!font) {
|
|
36
32
|
return { fontSize: sizeTokenIn };
|
|
@@ -41,8 +37,8 @@ var getFontSized = import_web.styled.dynamic(function() {
|
|
|
41
37
|
fontFamily
|
|
42
38
|
};
|
|
43
39
|
}
|
|
44
|
-
var key = String(sizeTokenIn).replace(/^\$/, "");
|
|
45
|
-
var sizeToken =
|
|
40
|
+
var key = sizeTokenIn === true ? "sm" in font.size ? "sm" : "4" : String(sizeTokenIn).replace(/^\$/, "");
|
|
41
|
+
var sizeToken = key;
|
|
46
42
|
var fontSize = font.size[sizeToken];
|
|
47
43
|
var lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken];
|
|
48
44
|
var fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken];
|
|
@@ -61,9 +57,3 @@ var getFontSized = import_web.styled.dynamic(function() {
|
|
|
61
57
|
textTransform
|
|
62
58
|
};
|
|
63
59
|
});
|
|
64
|
-
var SizableText = (0, import_web.styled)(import_web.Text, {
|
|
65
|
-
displayName: "SizableText",
|
|
66
|
-
fontFamily: "body",
|
|
67
|
-
variants: { size: getFontSized },
|
|
68
|
-
defaultVariants: { size: true }
|
|
69
|
-
});
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -21,16 +21,12 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
21
21
|
};
|
|
22
22
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
23
23
|
var index_exports = {};
|
|
24
|
-
__export(index_exports, {
|
|
25
|
-
SizableText: () => SizableText,
|
|
26
|
-
getFontSized: () => getFontSized
|
|
27
|
-
});
|
|
24
|
+
__export(index_exports, { getFontSized: () => getFontSized });
|
|
28
25
|
module.exports = __toCommonJS(index_exports);
|
|
29
|
-
var import_size = require("@tamagui/size");
|
|
30
26
|
var import_web = require("@tamagui/web");
|
|
31
27
|
var getFontSized = import_web.styled.dynamic(function() {
|
|
32
28
|
var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;
|
|
33
|
-
var
|
|
29
|
+
var _font_lineHeight, _font_weight, _font_letterSpacing, _font_transform, _font_style, _font_color;
|
|
34
30
|
var { font, fontFamily } = env;
|
|
35
31
|
if (!font) {
|
|
36
32
|
return { fontSize: sizeTokenIn };
|
|
@@ -41,8 +37,8 @@ var getFontSized = import_web.styled.dynamic(function() {
|
|
|
41
37
|
fontFamily
|
|
42
38
|
};
|
|
43
39
|
}
|
|
44
|
-
var key = String(sizeTokenIn).replace(/^\$/, "");
|
|
45
|
-
var sizeToken =
|
|
40
|
+
var key = sizeTokenIn === true ? "sm" in font.size ? "sm" : "4" : String(sizeTokenIn).replace(/^\$/, "");
|
|
41
|
+
var sizeToken = key;
|
|
46
42
|
var fontSize = font.size[sizeToken];
|
|
47
43
|
var lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken];
|
|
48
44
|
var fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken];
|
|
@@ -61,11 +57,5 @@ var getFontSized = import_web.styled.dynamic(function() {
|
|
|
61
57
|
textTransform
|
|
62
58
|
};
|
|
63
59
|
});
|
|
64
|
-
var SizableText = (0, import_web.styled)(import_web.Text, {
|
|
65
|
-
displayName: "SizableText",
|
|
66
|
-
fontFamily: "body",
|
|
67
|
-
variants: { size: getFontSized },
|
|
68
|
-
defaultVariants: { size: true }
|
|
69
|
-
});
|
|
70
60
|
|
|
71
61
|
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\n__export(index_exports, {\n
|
|
1
|
+
{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\n__export(index_exports, {\n getFontSized: () => getFontSized\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_web = require(\"@tamagui/web\");\nvar getFontSized = import_web.styled.dynamic(function() {\n var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;\n var _font_lineHeight, _font_weight, _font_letterSpacing, _font_transform, _font_style, _font_color;\n var { font, fontFamily } = env;\n if (!font) {\n return {\n fontSize: sizeTokenIn\n };\n }\n if (typeof sizeTokenIn === \"number\") {\n return {\n fontSize: sizeTokenIn,\n fontFamily\n };\n }\n var key = sizeTokenIn === true ? \"sm\" in font.size ? \"sm\" : \"4\" : String(sizeTokenIn).replace(/^\\$/, \"\");\n var sizeToken = key;\n var fontSize = font.size[sizeToken];\n var lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken];\n var fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken];\n var letterSpacing = (_font_letterSpacing = font.letterSpacing) === null || _font_letterSpacing === void 0 ? void 0 : _font_letterSpacing[sizeToken];\n var textTransform = (_font_transform = font.transform) === null || _font_transform === void 0 ? void 0 : _font_transform[sizeToken];\n var fontStyle = (_font_style = font.style) === null || _font_style === void 0 ? void 0 : _font_style[sizeToken];\n var color = (_font_color = font.color) === null || _font_color === void 0 ? void 0 : _font_color[sizeToken];\n return {\n color,\n fontFamily,\n fontSize,\n fontStyle,\n fontWeight,\n letterSpacing,\n lineHeight,\n textTransform\n };\n});\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,SAAS,eAAe,EACtB,oBAAoB,aACtB,CAAC;AACD,OAAO,UAAU,aAAa,aAAa;AAC3C,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,eAAe,WAAW,OAAO,QAAQ,WAAW;CACtD,IAAI,cAAc,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,MAAM,MAAM,UAAU,SAAS,IAAI,UAAU,KAAK,KAAK;CAC1I,IAAI,kBAAkB,cAAc,qBAAqB,iBAAiB,aAAa;CACvF,IAAI,EAAE,MAAM,eAAe;CAC3B,IAAI,CAAC,MAAM;EACT,OAAO,EACL,UAAU,YACZ;CACF;CACA,IAAI,OAAO,gBAAgB,UAAU;EACnC,OAAO;GACL,UAAU;GACV;EACF;CACF;CACA,IAAI,MAAM,gBAAgB,OAAO,QAAQ,KAAK,OAAO,OAAO,MAAM,OAAO,WAAW,CAAC,CAAC,QAAQ,OAAO,EAAE;CACvG,IAAI,YAAY;CAChB,IAAI,WAAW,KAAK,KAAK;CACzB,IAAI,cAAc,mBAAmB,KAAK,gBAAgB,QAAQ,qBAAqB,KAAK,IAAI,KAAK,IAAI,iBAAiB;CAC1H,IAAI,cAAc,eAAe,KAAK,YAAY,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa;CAC1G,IAAI,iBAAiB,sBAAsB,KAAK,mBAAmB,QAAQ,wBAAwB,KAAK,IAAI,KAAK,IAAI,oBAAoB;CACzI,IAAI,iBAAiB,kBAAkB,KAAK,eAAe,QAAQ,oBAAoB,KAAK,IAAI,KAAK,IAAI,gBAAgB;CACzH,IAAI,aAAa,cAAc,KAAK,WAAW,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY;CACrG,IAAI,SAAS,cAAc,KAAK,WAAW,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY;CACjG,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Text, styled } from "@tamagui/web";
|
|
1
|
+
import { styled } from "@tamagui/web";
|
|
3
2
|
|
|
4
3
|
const getFontSized = styled.dynamic((sizeTokenIn = true, env) => {
|
|
5
4
|
const { font, fontFamily } = env;
|
|
@@ -12,8 +11,8 @@ const getFontSized = styled.dynamic((sizeTokenIn = true, env) => {
|
|
|
12
11
|
fontFamily
|
|
13
12
|
};
|
|
14
13
|
}
|
|
15
|
-
const key = String(sizeTokenIn).replace(/^\$/, "");
|
|
16
|
-
const sizeToken =
|
|
14
|
+
const key = sizeTokenIn === true ? "sm" in font.size ? "sm" : "4" : String(sizeTokenIn).replace(/^\$/, "");
|
|
15
|
+
const sizeToken = key;
|
|
17
16
|
const fontSize = font.size[sizeToken];
|
|
18
17
|
const lineHeight = font.lineHeight?.[sizeToken];
|
|
19
18
|
const fontWeight = font.weight?.[sizeToken];
|
|
@@ -32,12 +31,6 @@ const getFontSized = styled.dynamic((sizeTokenIn = true, env) => {
|
|
|
32
31
|
textTransform
|
|
33
32
|
};
|
|
34
33
|
});
|
|
35
|
-
const SizableText = styled(Text, {
|
|
36
|
-
displayName: "SizableText",
|
|
37
|
-
fontFamily: "body",
|
|
38
|
-
variants: { size: getFontSized },
|
|
39
|
-
defaultVariants: { size: true }
|
|
40
|
-
});
|
|
41
34
|
|
|
42
|
-
export {
|
|
35
|
+
export { getFontSized };
|
|
43
36
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import { styled } from \"@tamagui/web\";\nconst getFontSized = styled.dynamic(\n (sizeTokenIn = true, env) => {\n const { font, fontFamily } = env;\n if (!font) {\n return {\n fontSize: sizeTokenIn\n };\n }\n if (typeof sizeTokenIn === \"number\") {\n return {\n fontSize: sizeTokenIn,\n fontFamily\n };\n }\n const key = sizeTokenIn === true ? \"sm\" in font.size ? \"sm\" : \"4\" : String(sizeTokenIn).replace(/^\\$/, \"\");\n const sizeToken = key;\n const fontSize = font.size[sizeToken];\n const lineHeight = font.lineHeight?.[sizeToken];\n const fontWeight = font.weight?.[sizeToken];\n const letterSpacing = font.letterSpacing?.[sizeToken];\n const textTransform = font.transform?.[sizeToken];\n const fontStyle = font.style?.[sizeToken];\n const color = font.color?.[sizeToken];\n return {\n color,\n fontFamily,\n fontSize,\n fontStyle,\n fontWeight,\n letterSpacing,\n lineHeight,\n textTransform\n };\n }\n);\nexport {\n getFontSized\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,MAAM,eAAe,OAAO,SACzB,cAAc,MAAM,QAAQ;CAC3B,MAAM,EAAE,MAAM,eAAe;CAC7B,IAAI,CAAC,MAAM;EACT,OAAO,EACL,UAAU,YACZ;CACF;CACA,IAAI,OAAO,gBAAgB,UAAU;EACnC,OAAO;GACL,UAAU;GACV;EACF;CACF;CACA,MAAM,MAAM,gBAAgB,OAAO,QAAQ,KAAK,OAAO,OAAO,MAAM,OAAO,WAAW,CAAC,CAAC,QAAQ,OAAO,EAAE;CACzG,MAAM,YAAY;CAClB,MAAM,WAAW,KAAK,KAAK;CAC3B,MAAM,aAAa,KAAK,aAAa;CACrC,MAAM,aAAa,KAAK,SAAS;CACjC,MAAM,gBAAgB,KAAK,gBAAgB;CAC3C,MAAM,gBAAgB,KAAK,YAAY;CACvC,MAAM,YAAY,KAAK,QAAQ;CAC/B,MAAM,QAAQ,KAAK,QAAQ;CAC3B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CACF"}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Text, styled } from "@tamagui/web";
|
|
1
|
+
import { styled } from "@tamagui/web";
|
|
3
2
|
|
|
4
3
|
const getFontSized = styled.dynamic((sizeTokenIn = true, env) => {
|
|
5
4
|
const { font, fontFamily } = env;
|
|
@@ -12,8 +11,8 @@ const getFontSized = styled.dynamic((sizeTokenIn = true, env) => {
|
|
|
12
11
|
fontFamily
|
|
13
12
|
};
|
|
14
13
|
}
|
|
15
|
-
const key = String(sizeTokenIn).replace(/^\$/, "");
|
|
16
|
-
const sizeToken =
|
|
14
|
+
const key = sizeTokenIn === true ? "sm" in font.size ? "sm" : "4" : String(sizeTokenIn).replace(/^\$/, "");
|
|
15
|
+
const sizeToken = key;
|
|
17
16
|
const fontSize = font.size[sizeToken];
|
|
18
17
|
const lineHeight = font.lineHeight?.[sizeToken];
|
|
19
18
|
const fontWeight = font.weight?.[sizeToken];
|
|
@@ -32,12 +31,6 @@ const getFontSized = styled.dynamic((sizeTokenIn = true, env) => {
|
|
|
32
31
|
textTransform
|
|
33
32
|
};
|
|
34
33
|
});
|
|
35
|
-
const SizableText = styled(Text, {
|
|
36
|
-
displayName: "SizableText",
|
|
37
|
-
fontFamily: "body",
|
|
38
|
-
variants: { size: getFontSized },
|
|
39
|
-
defaultVariants: { size: true }
|
|
40
|
-
});
|
|
41
34
|
|
|
42
|
-
export {
|
|
35
|
+
export { getFontSized };
|
|
43
36
|
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import { styled } from \"@tamagui/web\";\nconst getFontSized = styled.dynamic(\n (sizeTokenIn = true, env) => {\n const { font, fontFamily } = env;\n if (!font) {\n return {\n fontSize: sizeTokenIn\n };\n }\n if (typeof sizeTokenIn === \"number\") {\n return {\n fontSize: sizeTokenIn,\n fontFamily\n };\n }\n const key = sizeTokenIn === true ? \"sm\" in font.size ? \"sm\" : \"4\" : String(sizeTokenIn).replace(/^\\$/, \"\");\n const sizeToken = key;\n const fontSize = font.size[sizeToken];\n const lineHeight = font.lineHeight?.[sizeToken];\n const fontWeight = font.weight?.[sizeToken];\n const letterSpacing = font.letterSpacing?.[sizeToken];\n const textTransform = font.transform?.[sizeToken];\n const fontStyle = font.style?.[sizeToken];\n const color = font.color?.[sizeToken];\n return {\n color,\n fontFamily,\n fontSize,\n fontStyle,\n fontWeight,\n letterSpacing,\n lineHeight,\n textTransform\n };\n }\n);\nexport {\n getFontSized\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,MAAM,eAAe,OAAO,SACzB,cAAc,MAAM,QAAQ;CAC3B,MAAM,EAAE,MAAM,eAAe;CAC7B,IAAI,CAAC,MAAM;EACT,OAAO,EACL,UAAU,YACZ;CACF;CACA,IAAI,OAAO,gBAAgB,UAAU;EACnC,OAAO;GACL,UAAU;GACV;EACF;CACF;CACA,MAAM,MAAM,gBAAgB,OAAO,QAAQ,KAAK,OAAO,OAAO,MAAM,OAAO,WAAW,CAAC,CAAC,QAAQ,OAAO,EAAE;CACzG,MAAM,YAAY;CAClB,MAAM,WAAW,KAAK,KAAK;CAC3B,MAAM,aAAa,KAAK,aAAa;CACrC,MAAM,aAAa,KAAK,SAAS;CACjC,MAAM,gBAAgB,KAAK,gBAAgB;CAC3C,MAAM,gBAAgB,KAAK,YAAY;CACvC,MAAM,YAAY,KAAK,QAAQ;CAC/B,MAAM,QAAQ,KAAK,QAAQ;CAC3B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CACF"}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Text, styled } from "@tamagui/web";
|
|
1
|
+
import { styled } from "@tamagui/web";
|
|
3
2
|
|
|
4
3
|
var getFontSized = styled.dynamic(function() {
|
|
5
4
|
var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;
|
|
6
|
-
var
|
|
5
|
+
var _font_lineHeight, _font_weight, _font_letterSpacing, _font_transform, _font_style, _font_color;
|
|
7
6
|
var { font, fontFamily } = env;
|
|
8
7
|
if (!font) {
|
|
9
8
|
return { fontSize: sizeTokenIn };
|
|
@@ -14,8 +13,8 @@ var getFontSized = styled.dynamic(function() {
|
|
|
14
13
|
fontFamily
|
|
15
14
|
};
|
|
16
15
|
}
|
|
17
|
-
var key = String(sizeTokenIn).replace(/^\$/, "");
|
|
18
|
-
var sizeToken =
|
|
16
|
+
var key = sizeTokenIn === true ? "sm" in font.size ? "sm" : "4" : String(sizeTokenIn).replace(/^\$/, "");
|
|
17
|
+
var sizeToken = key;
|
|
19
18
|
var fontSize = font.size[sizeToken];
|
|
20
19
|
var lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken];
|
|
21
20
|
var fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken];
|
|
@@ -34,12 +33,6 @@ var getFontSized = styled.dynamic(function() {
|
|
|
34
33
|
textTransform
|
|
35
34
|
};
|
|
36
35
|
});
|
|
37
|
-
var SizableText = styled(Text, {
|
|
38
|
-
displayName: "SizableText",
|
|
39
|
-
fontFamily: "body",
|
|
40
|
-
variants: { size: getFontSized },
|
|
41
|
-
defaultVariants: { size: true }
|
|
42
|
-
});
|
|
43
36
|
|
|
44
|
-
export {
|
|
37
|
+
export { getFontSized };
|
|
45
38
|
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":[],"sources":["esm/index.native.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.native.js","names":[],"sources":["esm/index.native.js"],"sourcesContent":["import { styled } from \"@tamagui/web\";\nvar getFontSized = styled.dynamic(function() {\n var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, env = arguments.length > 1 ? arguments[1] : void 0;\n var _font_lineHeight, _font_weight, _font_letterSpacing, _font_transform, _font_style, _font_color;\n var { font, fontFamily } = env;\n if (!font) {\n return {\n fontSize: sizeTokenIn\n };\n }\n if (typeof sizeTokenIn === \"number\") {\n return {\n fontSize: sizeTokenIn,\n fontFamily\n };\n }\n var key = sizeTokenIn === true ? \"sm\" in font.size ? \"sm\" : \"4\" : String(sizeTokenIn).replace(/^\\$/, \"\");\n var sizeToken = key;\n var fontSize = font.size[sizeToken];\n var lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken];\n var fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken];\n var letterSpacing = (_font_letterSpacing = font.letterSpacing) === null || _font_letterSpacing === void 0 ? void 0 : _font_letterSpacing[sizeToken];\n var textTransform = (_font_transform = font.transform) === null || _font_transform === void 0 ? void 0 : _font_transform[sizeToken];\n var fontStyle = (_font_style = font.style) === null || _font_style === void 0 ? void 0 : _font_style[sizeToken];\n var color = (_font_color = font.color) === null || _font_color === void 0 ? void 0 : _font_color[sizeToken];\n return {\n color,\n fontFamily,\n fontSize,\n fontStyle,\n fontWeight,\n letterSpacing,\n lineHeight,\n textTransform\n };\n});\nexport {\n getFontSized\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;AACA,IAAI,eAAe,OAAO,QAAQ,WAAW;CAC3C,IAAI,cAAc,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,MAAM,MAAM,UAAU,SAAS,IAAI,UAAU,KAAK,KAAK;CAC1I,IAAI,kBAAkB,cAAc,qBAAqB,iBAAiB,aAAa;CACvF,IAAI,EAAE,MAAM,eAAe;CAC3B,IAAI,CAAC,MAAM;EACT,OAAO,EACL,UAAU,YACZ;CACF;CACA,IAAI,OAAO,gBAAgB,UAAU;EACnC,OAAO;GACL,UAAU;GACV;EACF;CACF;CACA,IAAI,MAAM,gBAAgB,OAAO,QAAQ,KAAK,OAAO,OAAO,MAAM,OAAO,WAAW,CAAC,CAAC,QAAQ,OAAO,EAAE;CACvG,IAAI,YAAY;CAChB,IAAI,WAAW,KAAK,KAAK;CACzB,IAAI,cAAc,mBAAmB,KAAK,gBAAgB,QAAQ,qBAAqB,KAAK,IAAI,KAAK,IAAI,iBAAiB;CAC1H,IAAI,cAAc,eAAe,KAAK,YAAY,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa;CAC1G,IAAI,iBAAiB,sBAAsB,KAAK,mBAAmB,QAAQ,wBAAwB,KAAK,IAAI,KAAK,IAAI,oBAAoB;CACzI,IAAI,iBAAiB,kBAAkB,KAAK,eAAe,QAAQ,oBAAoB,KAAK,IAAI,KAAK,IAAI,gBAAgB;CACzH,IAAI,aAAa,cAAc,KAAK,WAAW,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY;CACrG,IAAI,SAAS,cAAc,KAAK,WAAW,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY;CACjG,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/get-font-sized",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.1341.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -34,11 +34,10 @@
|
|
|
34
34
|
"clean:build": "tamagui-build clean:build"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@tamagui/
|
|
38
|
-
"@tamagui/web": "3.0.0-beta.1313.1"
|
|
37
|
+
"@tamagui/web": "3.0.0-beta.1341.1"
|
|
39
38
|
},
|
|
40
39
|
"devDependencies": {
|
|
41
|
-
"@tamagui/build": "3.0.0-beta.
|
|
40
|
+
"@tamagui/build": "3.0.0-beta.1341.1",
|
|
42
41
|
"react": "19.2.3"
|
|
43
42
|
},
|
|
44
43
|
"peerDependencies": {
|
package/src/index.ts
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import type { FontSizeTokens
|
|
2
|
-
import {
|
|
3
|
-
import { styled, Text } from '@tamagui/web'
|
|
1
|
+
import type { FontSizeTokens } from '@tamagui/web'
|
|
2
|
+
import { styled } from '@tamagui/web'
|
|
4
3
|
|
|
5
4
|
/**
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* config, instead of baking the config-less `string` into the .d.ts.
|
|
5
|
+
* `size` is the font scale only: a font.size key, a raw px number, or `true`
|
|
6
|
+
* for the default. `true` reads the type-scale key when the active font
|
|
7
|
+
* carries it, else the numeric default, so every shipped config keeps its
|
|
8
|
+
* current default (`sm` on v6, `4` on v5 and the default config).
|
|
11
9
|
*/
|
|
12
|
-
export type GetFontSizedInput = FontSizeTokens |
|
|
10
|
+
export type GetFontSizedInput = FontSizeTokens | number | true
|
|
13
11
|
|
|
14
12
|
export const getFontSized = styled.dynamic<GetFontSizedInput>(
|
|
15
13
|
(sizeTokenIn = true, env) => {
|
|
@@ -33,15 +31,13 @@ export const getFontSized = styled.dynamic<GetFontSizedInput>(
|
|
|
33
31
|
}
|
|
34
32
|
}
|
|
35
33
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
: key
|
|
44
|
-
) as Exclude<FontSizeTokens, true>
|
|
34
|
+
const key =
|
|
35
|
+
sizeTokenIn === true
|
|
36
|
+
? 'sm' in font.size
|
|
37
|
+
? 'sm'
|
|
38
|
+
: '4'
|
|
39
|
+
: String(sizeTokenIn).replace(/^\$/, '')
|
|
40
|
+
const sizeToken = key as Exclude<FontSizeTokens, true>
|
|
45
41
|
|
|
46
42
|
// size related, treat them as overrides
|
|
47
43
|
const fontSize = font.size[sizeToken]
|
|
@@ -64,16 +60,3 @@ export const getFontSized = styled.dynamic<GetFontSizedInput>(
|
|
|
64
60
|
}
|
|
65
61
|
}
|
|
66
62
|
)
|
|
67
|
-
|
|
68
|
-
export const SizableText = styled(Text, {
|
|
69
|
-
displayName: 'SizableText',
|
|
70
|
-
fontFamily: 'body',
|
|
71
|
-
|
|
72
|
-
variants: {
|
|
73
|
-
size: getFontSized,
|
|
74
|
-
} as const,
|
|
75
|
-
|
|
76
|
-
defaultVariants: {
|
|
77
|
-
size: true,
|
|
78
|
-
},
|
|
79
|
-
})
|
package/types/index.d.ts
CHANGED
|
@@ -1,22 +1,10 @@
|
|
|
1
|
-
import type { FontSizeTokens
|
|
1
|
+
import type { FontSizeTokens } from '@tamagui/web';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* config, instead of baking the config-less `string` into the .d.ts.
|
|
3
|
+
* `size` is the font scale only: a font.size key, a raw px number, or `true`
|
|
4
|
+
* for the default. `true` reads the type-scale key when the active font
|
|
5
|
+
* carries it, else the numeric default, so every shipped config keeps its
|
|
6
|
+
* current default (`sm` on v6, `4` on v5 and the default config).
|
|
8
7
|
*/
|
|
9
|
-
export type GetFontSizedInput = FontSizeTokens |
|
|
8
|
+
export type GetFontSizedInput = FontSizeTokens | number | true;
|
|
10
9
|
export declare const getFontSized: import("@tamagui/web/types/types").StyledDynamicFn<GetFontSizedInput, Record<string, any>>;
|
|
11
|
-
export declare const SizableText: import("react").FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithFlatVariantValues<{
|
|
12
|
-
size?: GetFontSizedInput | undefined;
|
|
13
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
|
|
14
|
-
ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
|
|
15
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
16
|
-
size?: GetFontSizedInput | undefined;
|
|
17
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
18
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
19
|
-
size?: GetFontSizedInput | undefined;
|
|
20
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
21
|
-
};
|
|
22
10
|
//# sourceMappingURL=index.d.ts.map
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAGlD;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,MAAM,GAAG,IAAI,CAAA;AAE9D,eAAO,MAAM,YAAY,4FAkDxB,CAAA"}
|