@tamagui/font 2.7.7 → 3.0.0-beta.643.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.
Files changed (13) hide show
  1. package/dist/cjs/index.cjs +64 -80
  2. package/dist/cjs/index.native.cjs +81 -0
  3. package/dist/cjs/index.native.js +66 -81
  4. package/dist/cjs/index.native.js.map +1 -1
  5. package/dist/esm/index.js +51 -62
  6. package/dist/esm/index.js.map +1 -1
  7. package/dist/esm/index.mjs +51 -62
  8. package/dist/esm/index.mjs.map +1 -1
  9. package/dist/esm/index.native.js +53 -64
  10. package/dist/esm/index.native.js.map +1 -1
  11. package/package.json +4 -4
  12. package/src/index.ts +2 -2
  13. package/types/index.d.ts +1 -1
package/dist/cjs/index.cjs CHANGED
@@ -1,93 +1,77 @@
1
+
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
5
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
6
  var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: true
9
- });
7
+ for (var name in all) __defProp(target, name, {
8
+ get: all[name],
9
+ enumerable: true
10
+ });
10
11
  };
11
12
  var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
14
- get: () => from[key],
15
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
16
- });
17
- }
18
- return to;
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
15
+ get: () => from[key],
16
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
+ });
18
+ }
19
+ return to;
19
20
  };
20
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: true
22
- }), mod);
21
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
22
  var index_exports = {};
24
- __export(index_exports, {
25
- addFont: () => addFont
26
- });
23
+ __export(index_exports, { addFont: () => addFont });
27
24
  module.exports = __toCommonJS(index_exports);
28
25
  var import_constants = require("@tamagui/constants");
29
26
  var import_web = require("@tamagui/web");
30
27
  function addFont(props) {
31
- const config = (0, import_web.getConfig)();
32
- const {
33
- fontFamilyName: fontFamilyNameIn,
34
- fontFamily: fontFamilyIn
35
- } = props;
36
- if (process.env.NODE_ENV === "development") {
37
- if (!config) {
38
- throw new Error("No config");
39
- }
40
- const fontFamily = config.fonts[fontFamilyNameIn];
41
- if (!props.update && fontFamily) {
42
- return {
43
- fontFamily
44
- };
45
- }
46
- }
47
- config.fonts[fontFamilyNameIn] = fontFamilyIn;
48
- const sep =
49
- // @ts-ignore
50
- process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
51
- function declarationsToRuleSet(decs, selector = "") {
52
- return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
53
- }
54
- if (import_constants.isWeb) {
55
- const fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", true);
56
- const parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);
57
- const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
58
- config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
59
- if (props.insertCSS) {
60
- const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
61
- const fontVars = (0, import_web.registerFontVariables)(parsedFontFamily);
62
- const fontDeclaration = {
63
- [fontFamilyNameIn]: {
64
- name: ff_name.slice(1),
65
- declarations: fontVars,
66
- language: ff_language
67
- }
68
- };
69
- const {
70
- name,
71
- declarations,
72
- language = "default"
73
- } = fontDeclaration[fontFamilyNameIn];
74
- const fontSelector = `.font_${name}`;
75
- const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
76
- const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
77
- const cssRuleSets = declarationsToRuleSet(declarations, selectors);
78
- const id = `t_font_style_${fontFamilyNameIn}`;
79
- const existing = document.querySelector(`#${id}`);
80
- const style = document.createElement("style");
81
- style.id = id;
82
- style.appendChild(document.createTextNode(`${cssRuleSets}`));
83
- document.head.appendChild(style);
84
- if (existing) {
85
- existing.parentElement?.removeChild(existing);
86
- }
87
- return {
88
- fontFamilyToken,
89
- fontDeclaration
90
- };
91
- }
92
- }
93
- }
28
+ const config = (0, import_web.getConfig)();
29
+ const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
30
+ if (process.env.NODE_ENV === "development") {
31
+ if (!config) {
32
+ throw new Error("No config");
33
+ }
34
+ const fontFamily = config.fonts[fontFamilyNameIn];
35
+ if (!props.update && fontFamily) {
36
+ return { fontFamily };
37
+ }
38
+ }
39
+ config.fonts[fontFamilyNameIn] = fontFamilyIn;
40
+ const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
41
+ function declarationsToRuleSet(decs, selector = "") {
42
+ return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
43
+ }
44
+ if (import_constants.isWeb) {
45
+ const fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", true);
46
+ const parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);
47
+ const fontFamilyNameParsed = fontFamilyNameIn;
48
+ config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
49
+ if (props.insertCSS) {
50
+ const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
51
+ const fontVars = (0, import_web.registerFontVariables)(parsedFontFamily);
52
+ const fontDeclaration = { [fontFamilyNameIn]: {
53
+ name: ff_name,
54
+ declarations: fontVars,
55
+ language: ff_language
56
+ } };
57
+ const { name, declarations, language = "default" } = fontDeclaration[fontFamilyNameIn];
58
+ const fontSelector = `.font_${name}`;
59
+ const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
60
+ const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
61
+ const cssRuleSets = declarationsToRuleSet(declarations, selectors);
62
+ const id = `t_font_style_${fontFamilyNameIn}`;
63
+ const existing = document.querySelector(`#${id}`);
64
+ const style = document.createElement("style");
65
+ style.id = id;
66
+ style.appendChild(document.createTextNode(`${cssRuleSets}`));
67
+ document.head.appendChild(style);
68
+ if (existing) {
69
+ existing.parentElement?.removeChild(existing);
70
+ }
71
+ return {
72
+ fontFamilyToken,
73
+ fontDeclaration
74
+ };
75
+ }
76
+ }
77
+ }
package/dist/cjs/index.native.cjs ADDED
@@ -0,0 +1,81 @@
1
+ "use strict";
2
+
3
+
4
+ var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all) __defProp(target, name, {
10
+ get: all[name],
11
+ enumerable: true
12
+ });
13
+ };
14
+ var __copyProps = (to, from, except, desc) => {
15
+ if (from && typeof from === "object" || typeof from === "function") {
16
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
17
+ get: () => from[key],
18
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
19
+ });
20
+ }
21
+ return to;
22
+ };
23
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
24
+ var index_exports = {};
25
+ __export(index_exports, { addFont: () => addFont });
26
+ module.exports = __toCommonJS(index_exports);
27
+ var import_constants = require("@tamagui/constants");
28
+ var import_web = require("@tamagui/web");
29
+ function addFont(props) {
30
+ var config = (0, import_web.getConfig)();
31
+ var { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
32
+ if (process.env.NODE_ENV === "development") {
33
+ if (!config) {
34
+ throw new Error("No config");
35
+ }
36
+ var fontFamily = config.fonts[fontFamilyNameIn];
37
+ if (!props.update && fontFamily) {
38
+ return { fontFamily };
39
+ }
40
+ }
41
+ config.fonts[fontFamilyNameIn] = fontFamilyIn;
42
+ var sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
43
+ function declarationsToRuleSet(decs) {
44
+ var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
45
+ return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
46
+ }
47
+ if (import_constants.isWeb) {
48
+ var fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", true);
49
+ var parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);
50
+ var fontFamilyNameParsed = fontFamilyNameIn;
51
+ config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
52
+ if (props.insertCSS) {
53
+ var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
54
+ var fontVars = (0, import_web.registerFontVariables)(parsedFontFamily);
55
+ var fontDeclaration = { [fontFamilyNameIn]: {
56
+ name: ff_name,
57
+ declarations: fontVars,
58
+ language: ff_language
59
+ } };
60
+ var { name, declarations, language = "default" } = fontDeclaration[fontFamilyNameIn];
61
+ var fontSelector = `.font_${name}`;
62
+ var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
63
+ var selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
64
+ var cssRuleSets = declarationsToRuleSet(declarations, selectors);
65
+ var id = `t_font_style_${fontFamilyNameIn}`;
66
+ var existing = document.querySelector(`#${id}`);
67
+ var style = document.createElement("style");
68
+ style.id = id;
69
+ style.appendChild(document.createTextNode(`${cssRuleSets}`));
70
+ document.head.appendChild(style);
71
+ if (existing) {
72
+ var _existing_parentElement;
73
+ (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? void 0 : _existing_parentElement.removeChild(existing);
74
+ }
75
+ return {
76
+ fontFamilyToken,
77
+ fontDeclaration
78
+ };
79
+ }
80
+ }
81
+ }
package/dist/cjs/index.native.js CHANGED
@@ -1,98 +1,83 @@
1
1
  "use strict";
2
2
 
3
+
3
4
  var __defProp = Object.defineProperty;
4
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
8
  var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
9
+ for (var name in all) __defProp(target, name, {
10
+ get: all[name],
11
+ enumerable: true
12
+ });
12
13
  };
13
14
  var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
15
+ if (from && typeof from === "object" || typeof from === "function") {
16
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
17
+ get: () => from[key],
18
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
19
+ });
20
+ }
21
+ return to;
21
22
  };
22
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
23
- value: true
24
- }), mod);
23
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
24
  var index_exports = {};
26
- __export(index_exports, {
27
- addFont: () => addFont
28
- });
25
+ __export(index_exports, { addFont: () => addFont });
29
26
  module.exports = __toCommonJS(index_exports);
30
27
  var import_constants = require("@tamagui/constants");
31
28
  var import_web = require("@tamagui/web");
32
29
  function addFont(props) {
33
- var config = (0, import_web.getConfig)();
34
- var {
35
- fontFamilyName: fontFamilyNameIn,
36
- fontFamily: fontFamilyIn
37
- } = props;
38
- if (process.env.NODE_ENV === "development") {
39
- if (!config) {
40
- throw new Error("No config");
41
- }
42
- var fontFamily = config.fonts[fontFamilyNameIn];
43
- if (!props.update && fontFamily) {
44
- return {
45
- fontFamily
46
- };
47
- }
48
- }
49
- config.fonts[fontFamilyNameIn] = fontFamilyIn;
50
- var sep =
51
- // @ts-ignore
52
- process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
53
- function declarationsToRuleSet(decs) {
54
- var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
55
- return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
56
- }
57
- if (import_constants.isWeb) {
58
- var fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", true);
59
- var parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);
60
- var fontFamilyNameParsed = `$${fontFamilyNameIn}`;
61
- config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
62
- if (props.insertCSS) {
63
- var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
64
- var fontVars = (0, import_web.registerFontVariables)(parsedFontFamily);
65
- var fontDeclaration = {
66
- [fontFamilyNameIn]: {
67
- name: ff_name.slice(1),
68
- declarations: fontVars,
69
- language: ff_language
70
- }
71
- };
72
- var {
73
- name,
74
- declarations,
75
- language = "default"
76
- } = fontDeclaration[fontFamilyNameIn];
77
- var fontSelector = `.font_${name}`;
78
- var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
79
- var selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
80
- var cssRuleSets = declarationsToRuleSet(declarations, selectors);
81
- var id = `t_font_style_${fontFamilyNameIn}`;
82
- var existing = document.querySelector(`#${id}`);
83
- var style = document.createElement("style");
84
- style.id = id;
85
- style.appendChild(document.createTextNode(`${cssRuleSets}`));
86
- document.head.appendChild(style);
87
- if (existing) {
88
- var _existing_parentElement;
89
- (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? void 0 : _existing_parentElement.removeChild(existing);
90
- }
91
- return {
92
- fontFamilyToken,
93
- fontDeclaration
94
- };
95
- }
96
- }
30
+ var config = (0, import_web.getConfig)();
31
+ var { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
32
+ if (process.env.NODE_ENV === "development") {
33
+ if (!config) {
34
+ throw new Error("No config");
35
+ }
36
+ var fontFamily = config.fonts[fontFamilyNameIn];
37
+ if (!props.update && fontFamily) {
38
+ return { fontFamily };
39
+ }
40
+ }
41
+ config.fonts[fontFamilyNameIn] = fontFamilyIn;
42
+ var sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
43
+ function declarationsToRuleSet(decs) {
44
+ var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
45
+ return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
46
+ }
47
+ if (import_constants.isWeb) {
48
+ var fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, "f", true);
49
+ var parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);
50
+ var fontFamilyNameParsed = fontFamilyNameIn;
51
+ config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
52
+ if (props.insertCSS) {
53
+ var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
54
+ var fontVars = (0, import_web.registerFontVariables)(parsedFontFamily);
55
+ var fontDeclaration = { [fontFamilyNameIn]: {
56
+ name: ff_name,
57
+ declarations: fontVars,
58
+ language: ff_language
59
+ } };
60
+ var { name, declarations, language = "default" } = fontDeclaration[fontFamilyNameIn];
61
+ var fontSelector = `.font_${name}`;
62
+ var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
63
+ var selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
64
+ var cssRuleSets = declarationsToRuleSet(declarations, selectors);
65
+ var id = `t_font_style_${fontFamilyNameIn}`;
66
+ var existing = document.querySelector(`#${id}`);
67
+ var style = document.createElement("style");
68
+ style.id = id;
69
+ style.appendChild(document.createTextNode(`${cssRuleSets}`));
70
+ document.head.appendChild(style);
71
+ if (existing) {
72
+ var _existing_parentElement;
73
+ (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? void 0 : _existing_parentElement.removeChild(existing);
74
+ }
75
+ return {
76
+ fontFamilyToken,
77
+ fontDeclaration
78
+ };
79
+ }
80
+ }
97
81
  }
82
+
98
83
  //# sourceMappingURL=index.native.js.map
package/dist/cjs/index.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","addFont","module","exports","import_constants","require","import_web","props","config","getConfig","fontFamilyName","fontFamilyNameIn","fontFamily","fontFamilyIn","process","env","NODE_ENV","Error","fonts","update","sep","cssStyleSeparator","declarationsToRuleSet","decs","selector","arguments","length","join","isWeb","fontFamilyToken","createVariables","parsedFontFamily","parseFont","fontFamilyNameParsed","fontsParsed","insertCSS","ff_name","ff_language","includes","split","fontVars","registerFontVariables","fontDeclaration","name","slice","declarations","language","fontSelector","langSelector","selectors","cssRuleSets","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","_existing_parentElement","parentElement","removeChild"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
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 addFont: () => addFont\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_web = require(\"@tamagui/web\");\nfunction addFont(props) {\n var config = (0, import_web.getConfig)();\n var { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;\n if (process.env.NODE_ENV === \"development\") {\n if (!config) {\n throw new Error(\"No config\");\n }\n var fontFamily = config.fonts[fontFamilyNameIn];\n if (!props.update && fontFamily) {\n return {\n fontFamily\n };\n }\n }\n config.fonts[fontFamilyNameIn] = fontFamilyIn;\n var sep = (\n // @ts-ignore\n process.env.NODE_ENV === \"development\" ? config.cssStyleSeparator || \" \" : \"\"\n );\n function declarationsToRuleSet(decs) {\n var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"\";\n return `:root${selector} {${sep}${[\n ...decs\n ].join(`;${sep}`)}${sep}}`;\n }\n if (import_constants.isWeb) {\n var fontFamilyToken = (0, import_web.createVariables)(fontFamilyIn, \"f\", true);\n var parsedFontFamily = (0, import_web.parseFont)(fontFamilyToken);\n var fontFamilyNameParsed = fontFamilyNameIn;\n config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;\n if (props.insertCSS) {\n var [ff_name, ff_language] = fontFamilyNameParsed.includes(\"_\") ? fontFamilyNameParsed.split(\"_\") : [\n fontFamilyNameParsed\n ];\n var fontVars = (0, import_web.registerFontVariables)(parsedFontFamily);\n var fontDeclaration = {\n [fontFamilyNameIn]: {\n name: ff_name,\n declarations: fontVars,\n language: ff_language\n }\n };\n var { name, declarations, language = \"default\" } = fontDeclaration[fontFamilyNameIn];\n var fontSelector = `.font_${name}`;\n var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;\n var selectors = language === \"default\" ? ` ${fontSelector}, ${langSelector}` : langSelector;\n var cssRuleSets = declarationsToRuleSet(declarations, selectors);\n var id = `t_font_style_${fontFamilyNameIn}`;\n var existing = document.querySelector(`#${id}`);\n var style = document.createElement(\"style\");\n style.id = id;\n style.appendChild(document.createTextNode(`${cssRuleSets}`));\n document.head.appendChild(style);\n if (existing) {\n var _existing_parentElement;\n (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? void 0 : _existing_parentElement.removeChild(existing);\n }\n return {\n fontFamilyToken,\n fontDeclaration\n };\n }\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}
package/dist/esm/index.js CHANGED
@@ -1,68 +1,57 @@
1
1
  import { isWeb } from "@tamagui/constants";
2
2
  import { createVariables, getConfig, parseFont, registerFontVariables } from "@tamagui/web";
3
+
3
4
  function addFont(props) {
4
- const config = getConfig();
5
- const {
6
- fontFamilyName: fontFamilyNameIn,
7
- fontFamily: fontFamilyIn
8
- } = props;
9
- if (process.env.NODE_ENV === "development") {
10
- if (!config) {
11
- throw new Error("No config");
12
- }
13
- const fontFamily = config.fonts[fontFamilyNameIn];
14
- if (!props.update && fontFamily) {
15
- return {
16
- fontFamily
17
- };
18
- }
19
- }
20
- config.fonts[fontFamilyNameIn] = fontFamilyIn;
21
- const sep =
22
- // @ts-ignore
23
- process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
24
- function declarationsToRuleSet(decs, selector = "") {
25
- return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
26
- }
27
- if (isWeb) {
28
- const fontFamilyToken = createVariables(fontFamilyIn, "f", true);
29
- const parsedFontFamily = parseFont(fontFamilyToken);
30
- const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
31
- config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
32
- if (props.insertCSS) {
33
- const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
34
- const fontVars = registerFontVariables(parsedFontFamily);
35
- const fontDeclaration = {
36
- [fontFamilyNameIn]: {
37
- name: ff_name.slice(1),
38
- declarations: fontVars,
39
- language: ff_language
40
- }
41
- };
42
- const {
43
- name,
44
- declarations,
45
- language = "default"
46
- } = fontDeclaration[fontFamilyNameIn];
47
- const fontSelector = `.font_${name}`;
48
- const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
49
- const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
50
- const cssRuleSets = declarationsToRuleSet(declarations, selectors);
51
- const id = `t_font_style_${fontFamilyNameIn}`;
52
- const existing = document.querySelector(`#${id}`);
53
- const style = document.createElement("style");
54
- style.id = id;
55
- style.appendChild(document.createTextNode(`${cssRuleSets}`));
56
- document.head.appendChild(style);
57
- if (existing) {
58
- existing.parentElement?.removeChild(existing);
59
- }
60
- return {
61
- fontFamilyToken,
62
- fontDeclaration
63
- };
64
- }
65
- }
5
+ const config = getConfig();
6
+ const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
7
+ if (process.env.NODE_ENV === "development") {
8
+ if (!config) {
9
+ throw new Error("No config");
10
+ }
11
+ const fontFamily = config.fonts[fontFamilyNameIn];
12
+ if (!props.update && fontFamily) {
13
+ return { fontFamily };
14
+ }
15
+ }
16
+ config.fonts[fontFamilyNameIn] = fontFamilyIn;
17
+ const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
18
+ function declarationsToRuleSet(decs, selector = "") {
19
+ return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
20
+ }
21
+ if (isWeb) {
22
+ const fontFamilyToken = createVariables(fontFamilyIn, "f", true);
23
+ const parsedFontFamily = parseFont(fontFamilyToken);
24
+ const fontFamilyNameParsed = fontFamilyNameIn;
25
+ config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
26
+ if (props.insertCSS) {
27
+ const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
28
+ const fontVars = registerFontVariables(parsedFontFamily);
29
+ const fontDeclaration = { [fontFamilyNameIn]: {
30
+ name: ff_name,
31
+ declarations: fontVars,
32
+ language: ff_language
33
+ } };
34
+ const { name, declarations, language = "default" } = fontDeclaration[fontFamilyNameIn];
35
+ const fontSelector = `.font_${name}`;
36
+ const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
37
+ const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
38
+ const cssRuleSets = declarationsToRuleSet(declarations, selectors);
39
+ const id = `t_font_style_${fontFamilyNameIn}`;
40
+ const existing = document.querySelector(`#${id}`);
41
+ const style = document.createElement("style");
42
+ style.id = id;
43
+ style.appendChild(document.createTextNode(`${cssRuleSets}`));
44
+ document.head.appendChild(style);
45
+ if (existing) {
46
+ existing.parentElement?.removeChild(existing);
47
+ }
48
+ return {
49
+ fontFamilyToken,
50
+ fontDeclaration
51
+ };
52
+ }
53
+ }
66
54
  }
55
+
67
56
  export { addFont };
68
57
  //# sourceMappingURL=index.js.map
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["isWeb","createVariables","getConfig","parseFont","registerFontVariables","addFont","props","config","fontFamilyName","fontFamilyNameIn","fontFamily","fontFamilyIn","process","env","NODE_ENV","Error","fonts","update","sep","cssStyleSeparator","declarationsToRuleSet","decs","selector","join","fontFamilyToken","parsedFontFamily","fontFamilyNameParsed","fontsParsed","insertCSS","ff_name","ff_language","includes","split","fontVars","fontDeclaration","name","slice","declarations","language","fontSelector","langSelector","selectors","cssRuleSets","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","parentElement","removeChild"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport {\n createVariables,\n getConfig,\n parseFont,\n registerFontVariables\n} from \"@tamagui/web\";\nfunction addFont(props) {\n const config = getConfig();\n const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;\n if (process.env.NODE_ENV === \"development\") {\n if (!config) {\n throw new Error(\"No config\");\n }\n const fontFamily = config.fonts[fontFamilyNameIn];\n if (!props.update && fontFamily) {\n return { fontFamily };\n }\n }\n config.fonts[fontFamilyNameIn] = fontFamilyIn;\n const sep = (\n // @ts-ignore\n process.env.NODE_ENV === \"development\" ? config.cssStyleSeparator || \" \" : \"\"\n );\n function declarationsToRuleSet(decs, selector = \"\") {\n return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;\n }\n if (isWeb) {\n const fontFamilyToken = createVariables(fontFamilyIn, \"f\", true);\n const parsedFontFamily = parseFont(fontFamilyToken);\n const fontFamilyNameParsed = fontFamilyNameIn;\n config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;\n if (props.insertCSS) {\n const [ff_name, ff_language] = fontFamilyNameParsed.includes(\"_\") ? fontFamilyNameParsed.split(\"_\") : [fontFamilyNameParsed];\n const fontVars = registerFontVariables(parsedFontFamily);\n const fontDeclaration = {\n [fontFamilyNameIn]: {\n name: ff_name,\n declarations: fontVars,\n language: ff_language\n }\n };\n const {\n name,\n declarations,\n language = \"default\"\n } = fontDeclaration[fontFamilyNameIn];\n const fontSelector = `.font_${name}`;\n const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;\n const selectors = language === \"default\" ? ` ${fontSelector}, ${langSelector}` : langSelector;\n const cssRuleSets = declarationsToRuleSet(declarations, selectors);\n const id = `t_font_style_${fontFamilyNameIn}`;\n const existing = document.querySelector(`#${id}`);\n const style = document.createElement(\"style\");\n style.id = id;\n style.appendChild(document.createTextNode(`${cssRuleSets}`));\n document.head.appendChild(style);\n if (existing) {\n existing.parentElement?.removeChild(existing);\n }\n return {\n fontFamilyToken,\n fontDeclaration\n };\n }\n }\n}\nexport {\n addFont\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AAOA,SAAS,QAAQ,OAAO;CACtB,MAAM,SAAS,UAAU;CACzB,MAAM,EAAE,gBAAgB,kBAAkB,YAAY,iBAAiB;CACvE,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,CAAC,QAAQ;GACX,MAAM,IAAI,MAAM,WAAW;EAC7B;EACA,MAAM,aAAa,OAAO,MAAM;EAChC,IAAI,CAAC,MAAM,UAAU,YAAY;GAC/B,OAAO,EAAE,WAAW;EACtB;CACF;CACA,OAAO,MAAM,oBAAoB;CACjC,MAAM,MAEJ,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;CAE7E,SAAS,sBAAsB,MAAM,WAAW,IAAI;EAClD,OAAO,QAAQ,SAAS,IAAI,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI,IAAI;CACpE;CACA,IAAI,OAAO;EACT,MAAM,kBAAkB,gBAAgB,cAAc,KAAK,IAAI;EAC/D,MAAM,mBAAmB,UAAU,eAAe;EAClD,MAAM,uBAAuB;EAC7B,OAAO,YAAY,wBAAwB;EAC3C,IAAI,MAAM,WAAW;GACnB,MAAM,CAAC,SAAS,eAAe,qBAAqB,SAAS,GAAG,IAAI,qBAAqB,MAAM,GAAG,IAAI,CAAC,oBAAoB;GAC3H,MAAM,WAAW,sBAAsB,gBAAgB;GACvD,MAAM,kBAAkB,GACrB,mBAAmB;IAClB,MAAM;IACN,cAAc;IACd,UAAU;GACZ,EACF;GACA,MAAM,EACJ,MACA,cACA,WAAW,cACT,gBAAgB;GACpB,MAAM,eAAe,SAAS;GAC9B,MAAM,eAAe,iBAAiB,KAAK,GAAG,SAAS,GAAG;GAC1D,MAAM,YAAY,aAAa,YAAY,IAAI,aAAa,IAAI,iBAAiB;GACjF,MAAM,cAAc,sBAAsB,cAAc,SAAS;GACjE,MAAM,KAAK,gBAAgB;GAC3B,MAAM,WAAW,SAAS,cAAc,IAAI,IAAI;GAChD,MAAM,QAAQ,SAAS,cAAc,OAAO;GAC5C,MAAM,KAAK;GACX,MAAM,YAAY,SAAS,eAAe,GAAG,aAAa,CAAC;GAC3D,SAAS,KAAK,YAAY,KAAK;GAC/B,IAAI,UAAU;IACZ,SAAS,eAAe,YAAY,QAAQ;GAC9C;GACA,OAAO;IACL;IACA;GACF;EACF;CACF;AACF"}
package/dist/esm/index.mjs CHANGED
@@ -1,68 +1,57 @@
1
1
  import { isWeb } from "@tamagui/constants";
2
2
  import { createVariables, getConfig, parseFont, registerFontVariables } from "@tamagui/web";
3
+
3
4
  function addFont(props) {
4
- const config = getConfig();
5
- const {
6
- fontFamilyName: fontFamilyNameIn,
7
- fontFamily: fontFamilyIn
8
- } = props;
9
- if (process.env.NODE_ENV === "development") {
10
- if (!config) {
11
- throw new Error("No config");
12
- }
13
- const fontFamily = config.fonts[fontFamilyNameIn];
14
- if (!props.update && fontFamily) {
15
- return {
16
- fontFamily
17
- };
18
- }
19
- }
20
- config.fonts[fontFamilyNameIn] = fontFamilyIn;
21
- const sep =
22
- // @ts-ignore
23
- process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
24
- function declarationsToRuleSet(decs, selector = "") {
25
- return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
26
- }
27
- if (isWeb) {
28
- const fontFamilyToken = createVariables(fontFamilyIn, "f", true);
29
- const parsedFontFamily = parseFont(fontFamilyToken);
30
- const fontFamilyNameParsed = `$${fontFamilyNameIn}`;
31
- config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
32
- if (props.insertCSS) {
33
- const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
34
- const fontVars = registerFontVariables(parsedFontFamily);
35
- const fontDeclaration = {
36
- [fontFamilyNameIn]: {
37
- name: ff_name.slice(1),
38
- declarations: fontVars,
39
- language: ff_language
40
- }
41
- };
42
- const {
43
- name,
44
- declarations,
45
- language = "default"
46
- } = fontDeclaration[fontFamilyNameIn];
47
- const fontSelector = `.font_${name}`;
48
- const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
49
- const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
50
- const cssRuleSets = declarationsToRuleSet(declarations, selectors);
51
- const id = `t_font_style_${fontFamilyNameIn}`;
52
- const existing = document.querySelector(`#${id}`);
53
- const style = document.createElement("style");
54
- style.id = id;
55
- style.appendChild(document.createTextNode(`${cssRuleSets}`));
56
- document.head.appendChild(style);
57
- if (existing) {
58
- existing.parentElement?.removeChild(existing);
59
- }
60
- return {
61
- fontFamilyToken,
62
- fontDeclaration
63
- };
64
- }
65
- }
5
+ const config = getConfig();
6
+ const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
7
+ if (process.env.NODE_ENV === "development") {
8
+ if (!config) {
9
+ throw new Error("No config");
10
+ }
11
+ const fontFamily = config.fonts[fontFamilyNameIn];
12
+ if (!props.update && fontFamily) {
13
+ return { fontFamily };
14
+ }
15
+ }
16
+ config.fonts[fontFamilyNameIn] = fontFamilyIn;
17
+ const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
18
+ function declarationsToRuleSet(decs, selector = "") {
19
+ return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
20
+ }
21
+ if (isWeb) {
22
+ const fontFamilyToken = createVariables(fontFamilyIn, "f", true);
23
+ const parsedFontFamily = parseFont(fontFamilyToken);
24
+ const fontFamilyNameParsed = fontFamilyNameIn;
25
+ config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
26
+ if (props.insertCSS) {
27
+ const [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
28
+ const fontVars = registerFontVariables(parsedFontFamily);
29
+ const fontDeclaration = { [fontFamilyNameIn]: {
30
+ name: ff_name,
31
+ declarations: fontVars,
32
+ language: ff_language
33
+ } };
34
+ const { name, declarations, language = "default" } = fontDeclaration[fontFamilyNameIn];
35
+ const fontSelector = `.font_${name}`;
36
+ const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
37
+ const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
38
+ const cssRuleSets = declarationsToRuleSet(declarations, selectors);
39
+ const id = `t_font_style_${fontFamilyNameIn}`;
40
+ const existing = document.querySelector(`#${id}`);
41
+ const style = document.createElement("style");
42
+ style.id = id;
43
+ style.appendChild(document.createTextNode(`${cssRuleSets}`));
44
+ document.head.appendChild(style);
45
+ if (existing) {
46
+ existing.parentElement?.removeChild(existing);
47
+ }
48
+ return {
49
+ fontFamilyToken,
50
+ fontDeclaration
51
+ };
52
+ }
53
+ }
66
54
  }
55
+
67
56
  export { addFont };
68
57
  //# sourceMappingURL=index.mjs.map
package/dist/esm/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["isWeb","createVariables","getConfig","parseFont","registerFontVariables","addFont","props","config","fontFamilyName","fontFamilyNameIn","fontFamily","fontFamilyIn","process","env","NODE_ENV","Error","fonts","update","sep","cssStyleSeparator","declarationsToRuleSet","decs","selector","join","fontFamilyToken","parsedFontFamily","fontFamilyNameParsed","fontsParsed","insertCSS","ff_name","ff_language","includes","split","fontVars","fontDeclaration","name","slice","declarations","language","fontSelector","langSelector","selectors","cssRuleSets","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","parentElement","removeChild"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport {\n createVariables,\n getConfig,\n parseFont,\n registerFontVariables\n} from \"@tamagui/web\";\nfunction addFont(props) {\n const config = getConfig();\n const { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;\n if (process.env.NODE_ENV === \"development\") {\n if (!config) {\n throw new Error(\"No config\");\n }\n const fontFamily = config.fonts[fontFamilyNameIn];\n if (!props.update && fontFamily) {\n return { fontFamily };\n }\n }\n config.fonts[fontFamilyNameIn] = fontFamilyIn;\n const sep = (\n // @ts-ignore\n process.env.NODE_ENV === \"development\" ? config.cssStyleSeparator || \" \" : \"\"\n );\n function declarationsToRuleSet(decs, selector = \"\") {\n return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;\n }\n if (isWeb) {\n const fontFamilyToken = createVariables(fontFamilyIn, \"f\", true);\n const parsedFontFamily = parseFont(fontFamilyToken);\n const fontFamilyNameParsed = fontFamilyNameIn;\n config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;\n if (props.insertCSS) {\n const [ff_name, ff_language] = fontFamilyNameParsed.includes(\"_\") ? fontFamilyNameParsed.split(\"_\") : [fontFamilyNameParsed];\n const fontVars = registerFontVariables(parsedFontFamily);\n const fontDeclaration = {\n [fontFamilyNameIn]: {\n name: ff_name,\n declarations: fontVars,\n language: ff_language\n }\n };\n const {\n name,\n declarations,\n language = \"default\"\n } = fontDeclaration[fontFamilyNameIn];\n const fontSelector = `.font_${name}`;\n const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;\n const selectors = language === \"default\" ? ` ${fontSelector}, ${langSelector}` : langSelector;\n const cssRuleSets = declarationsToRuleSet(declarations, selectors);\n const id = `t_font_style_${fontFamilyNameIn}`;\n const existing = document.querySelector(`#${id}`);\n const style = document.createElement(\"style\");\n style.id = id;\n style.appendChild(document.createTextNode(`${cssRuleSets}`));\n document.head.appendChild(style);\n if (existing) {\n existing.parentElement?.removeChild(existing);\n }\n return {\n fontFamilyToken,\n fontDeclaration\n };\n }\n }\n}\nexport {\n addFont\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AAOA,SAAS,QAAQ,OAAO;CACtB,MAAM,SAAS,UAAU;CACzB,MAAM,EAAE,gBAAgB,kBAAkB,YAAY,iBAAiB;CACvE,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,CAAC,QAAQ;GACX,MAAM,IAAI,MAAM,WAAW;EAC7B;EACA,MAAM,aAAa,OAAO,MAAM;EAChC,IAAI,CAAC,MAAM,UAAU,YAAY;GAC/B,OAAO,EAAE,WAAW;EACtB;CACF;CACA,OAAO,MAAM,oBAAoB;CACjC,MAAM,MAEJ,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;CAE7E,SAAS,sBAAsB,MAAM,WAAW,IAAI;EAClD,OAAO,QAAQ,SAAS,IAAI,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI,IAAI;CACpE;CACA,IAAI,OAAO;EACT,MAAM,kBAAkB,gBAAgB,cAAc,KAAK,IAAI;EAC/D,MAAM,mBAAmB,UAAU,eAAe;EAClD,MAAM,uBAAuB;EAC7B,OAAO,YAAY,wBAAwB;EAC3C,IAAI,MAAM,WAAW;GACnB,MAAM,CAAC,SAAS,eAAe,qBAAqB,SAAS,GAAG,IAAI,qBAAqB,MAAM,GAAG,IAAI,CAAC,oBAAoB;GAC3H,MAAM,WAAW,sBAAsB,gBAAgB;GACvD,MAAM,kBAAkB,GACrB,mBAAmB;IAClB,MAAM;IACN,cAAc;IACd,UAAU;GACZ,EACF;GACA,MAAM,EACJ,MACA,cACA,WAAW,cACT,gBAAgB;GACpB,MAAM,eAAe,SAAS;GAC9B,MAAM,eAAe,iBAAiB,KAAK,GAAG,SAAS,GAAG;GAC1D,MAAM,YAAY,aAAa,YAAY,IAAI,aAAa,IAAI,iBAAiB;GACjF,MAAM,cAAc,sBAAsB,cAAc,SAAS;GACjE,MAAM,KAAK,gBAAgB;GAC3B,MAAM,WAAW,SAAS,cAAc,IAAI,IAAI;GAChD,MAAM,QAAQ,SAAS,cAAc,OAAO;GAC5C,MAAM,KAAK;GACX,MAAM,YAAY,SAAS,eAAe,GAAG,aAAa,CAAC;GAC3D,SAAS,KAAK,YAAY,KAAK;GAC/B,IAAI,UAAU;IACZ,SAAS,eAAe,YAAY,QAAQ;GAC9C;GACA,OAAO;IACL;IACA;GACF;EACF;CACF;AACF"}
package/dist/esm/index.native.js CHANGED
@@ -1,70 +1,59 @@
1
1
  import { isWeb } from "@tamagui/constants";
2
2
  import { createVariables, getConfig, parseFont, registerFontVariables } from "@tamagui/web";
3
+
3
4
  function addFont(props) {
4
- var config = getConfig();
5
- var {
6
- fontFamilyName: fontFamilyNameIn,
7
- fontFamily: fontFamilyIn
8
- } = props;
9
- if (process.env.NODE_ENV === "development") {
10
- if (!config) {
11
- throw new Error("No config");
12
- }
13
- var fontFamily = config.fonts[fontFamilyNameIn];
14
- if (!props.update && fontFamily) {
15
- return {
16
- fontFamily
17
- };
18
- }
19
- }
20
- config.fonts[fontFamilyNameIn] = fontFamilyIn;
21
- var sep =
22
- // @ts-ignore
23
- process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
24
- function declarationsToRuleSet(decs) {
25
- var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
26
- return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
27
- }
28
- if (isWeb) {
29
- var fontFamilyToken = createVariables(fontFamilyIn, "f", true);
30
- var parsedFontFamily = parseFont(fontFamilyToken);
31
- var fontFamilyNameParsed = `$${fontFamilyNameIn}`;
32
- config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
33
- if (props.insertCSS) {
34
- var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
35
- var fontVars = registerFontVariables(parsedFontFamily);
36
- var fontDeclaration = {
37
- [fontFamilyNameIn]: {
38
- name: ff_name.slice(1),
39
- declarations: fontVars,
40
- language: ff_language
41
- }
42
- };
43
- var {
44
- name,
45
- declarations,
46
- language = "default"
47
- } = fontDeclaration[fontFamilyNameIn];
48
- var fontSelector = `.font_${name}`;
49
- var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
50
- var selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
51
- var cssRuleSets = declarationsToRuleSet(declarations, selectors);
52
- var id = `t_font_style_${fontFamilyNameIn}`;
53
- var existing = document.querySelector(`#${id}`);
54
- var style = document.createElement("style");
55
- style.id = id;
56
- style.appendChild(document.createTextNode(`${cssRuleSets}`));
57
- document.head.appendChild(style);
58
- if (existing) {
59
- var _existing_parentElement;
60
- (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? void 0 : _existing_parentElement.removeChild(existing);
61
- }
62
- return {
63
- fontFamilyToken,
64
- fontDeclaration
65
- };
66
- }
67
- }
5
+ var config = getConfig();
6
+ var { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;
7
+ if (process.env.NODE_ENV === "development") {
8
+ if (!config) {
9
+ throw new Error("No config");
10
+ }
11
+ var fontFamily = config.fonts[fontFamilyNameIn];
12
+ if (!props.update && fontFamily) {
13
+ return { fontFamily };
14
+ }
15
+ }
16
+ config.fonts[fontFamilyNameIn] = fontFamilyIn;
17
+ var sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
18
+ function declarationsToRuleSet(decs) {
19
+ var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
20
+ return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
21
+ }
22
+ if (isWeb) {
23
+ var fontFamilyToken = createVariables(fontFamilyIn, "f", true);
24
+ var parsedFontFamily = parseFont(fontFamilyToken);
25
+ var fontFamilyNameParsed = fontFamilyNameIn;
26
+ config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;
27
+ if (props.insertCSS) {
28
+ var [ff_name, ff_language] = fontFamilyNameParsed.includes("_") ? fontFamilyNameParsed.split("_") : [fontFamilyNameParsed];
29
+ var fontVars = registerFontVariables(parsedFontFamily);
30
+ var fontDeclaration = { [fontFamilyNameIn]: {
31
+ name: ff_name,
32
+ declarations: fontVars,
33
+ language: ff_language
34
+ } };
35
+ var { name, declarations, language = "default" } = fontDeclaration[fontFamilyNameIn];
36
+ var fontSelector = `.font_${name}`;
37
+ var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
38
+ var selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
39
+ var cssRuleSets = declarationsToRuleSet(declarations, selectors);
40
+ var id = `t_font_style_${fontFamilyNameIn}`;
41
+ var existing = document.querySelector(`#${id}`);
42
+ var style = document.createElement("style");
43
+ style.id = id;
44
+ style.appendChild(document.createTextNode(`${cssRuleSets}`));
45
+ document.head.appendChild(style);
46
+ if (existing) {
47
+ var _existing_parentElement;
48
+ (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? void 0 : _existing_parentElement.removeChild(existing);
49
+ }
50
+ return {
51
+ fontFamilyToken,
52
+ fontDeclaration
53
+ };
54
+ }
55
+ }
68
56
  }
57
+
69
58
  export { addFont };
70
59
  //# sourceMappingURL=index.native.js.map
package/dist/esm/index.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["isWeb","createVariables","getConfig","parseFont","registerFontVariables","addFont","props","config","fontFamilyName","fontFamilyNameIn","fontFamily","fontFamilyIn","process","env","NODE_ENV","Error","fonts","update","sep","cssStyleSeparator","declarationsToRuleSet","decs","selector","arguments","length","join","fontFamilyToken","parsedFontFamily","fontFamilyNameParsed","fontsParsed","insertCSS","ff_name","ff_language","includes","split","fontVars","fontDeclaration","name","slice","declarations","language","fontSelector","langSelector","selectors","cssRuleSets","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","_existing_parentElement","parentElement","removeChild"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAAAC,eAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,qBAAA;AAAA,SACEC,QAAAC,KAAA;EACA,IAAAC,MAAA,GAAAL,SAAA;EACA;IAAAM,cAAA,EAAAC,gBAAA;IAAAC,UAAA,EAAAC;EAAA,IAAAL,KAAA;EACA,IAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAA,IACK,CAAAP,MAAA;MAGA,MAAS,IAAAQ,KAAQ,YAMrB;IACD;IACA,IAAML,UAAE,GAAAH,MAAgB,CAAAS,KAAA,CAAAP,gBAAkB;IAE1C,IAAI,CAAAH,KAAQ,CAAAW,MAAI,IAAAP,UAAa;MAC3B,OAAK;QACHA;MACF;IACA;EACA;EACEH,MAAA,CAAAS,KAAO,CAAEP,gBAAW,IAAAE,YAAA;EAAA,IACtBO,GAAA;EACF;EAEAN,OAAO,CAAAC,GAAM,CAAAC,QAAA,kBAAoB,GAAAP,MAAA,CAAAY,iBAAA,YAEjC;EAAM,SAAAC,sBAAAC,IAAA;IAEJ,IAAAC,QAAY,GAAAC,SAAA,CAAaC,MAAA,QAAAD,SAAuB,iBAAAA,SAAqB,CAAM;IAAA,eAAAD,QAAA,KAAAJ,GAAA,IAC7E,GAAAG,IAAS,CACP,CAAAI,IAAA,CAAO,IAAAP,GAAA,EAAQ,IAAAA,GAAQ;EACzB;EAEA,IAAIlB,KAAA,EAAO;IACT,IAAA0B,eAAM,GAAAzB,eAAkB,CAAAU,YAAgB,KAAc,MAAK;IAC3D,IAAAgB,gBAAM,GAAAxB,SAAmB,CAAAuB,eAAU;IACnC,IAAAE,oBAAM,OAAuBnB,gBAAI,EAAgB;IACjDF,MAAA,CAAOsB,WAAA,CAAYD,oBAAoB,IAAID,gBAAA;IAE3C,IAAIrB,KAAA,CAAMwB,SAAA,EAAW;MACnB,KAAAC,OAAO,EAAAC,WAAS,IAAWJ,oBAAI,CAAAK,QAAqB,IAAS,IAAGL,oBAC5D,CAAAM,KAAqB,IAAM,IAAG,CAElCN,oBAAiB,CACjB;MAAwB,IACrBO,QAAA,GAAA/B,qBAAmB,CAAAuB,gBAAA;MAAA,IAClBS,eAAc;QAAO,CAAA3B,gBACP;UACd4B,IAAA,EAAAN,OAAU,CAAAO,KAAA;UACZC,YAAA,EAAAJ,QAAA;UACFK,QAAA,EAAAR;QAEA;MAAM;MACJ,IACA;QAAAK,IAAA;QAAAE,YAAA;QAAAC,QAAA;MAAA,IAAAJ,eAAA,CAAA3B,gBAAA;MAAA,IACAgC,YAAW,YAAAJ,IAAA;MACb,IAAIK,YAAA,oBAAgCL,IAAA,IAAAG,QAAA,IAAAC,YAAA;MACpC,IAAAE,SAAM,GAAAH,QAAe,cAAa,OAAAC,YAAA,KAAAC,YAAA,KAAAA,YAAA;MAClC,IAAAE,WAAM,GAAAxB,qBAAgC,CAAAmB,YAAQ,EAAQI,SAAI;MAC1D,IAAAE,EAAM,mBACJpC,gBAAa,EAAY;MAC3B,IAAAqC,QAAM,GAAAC,QAAc,CAAAC,aAAA,KAAsBH,EAAA;MAE1C,IAAAI,KAAM,GAAKF,QAAA,CAAAG,aAAgB,SAAgB;MAC3CD,KAAA,CAAMJ,EAAA,GAAAA,EAAA;MACNI,KAAA,CAAME,WAAQ,CAAAJ,QAAS,CAAAK,cAAc,IAAOR,WAAA;MAC5CG,QAAM,CAAAM,IAAK,CAAAF,WAAA,CAAAF,KAAA;MACX,IAAAH,QAAM;QACN,IAAAQ,uBAA0B;QAC1B,CAAAA,uBAAc,GAAAR,QAAA,CAAAS,aAAA,cAAAD,uBAAA,uBAAAA,uBAAA,CAAAE,WAAA,CAAAV,QAAA;MACZ;MACF;QACApB,eAAO;QACLU;MAAA;IACA;EACF;AACF;AAEJ,S","ignoreList":[]}
1
+ {"version":3,"file":"index.native.js","names":[],"sources":["esm/index.native.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport { createVariables, getConfig, parseFont, registerFontVariables } from \"@tamagui/web\";\nfunction addFont(props) {\n var config = getConfig();\n var { fontFamilyName: fontFamilyNameIn, fontFamily: fontFamilyIn } = props;\n if (process.env.NODE_ENV === \"development\") {\n if (!config) {\n throw new Error(\"No config\");\n }\n var fontFamily = config.fonts[fontFamilyNameIn];\n if (!props.update && fontFamily) {\n return {\n fontFamily\n };\n }\n }\n config.fonts[fontFamilyNameIn] = fontFamilyIn;\n var sep = (\n // @ts-ignore\n process.env.NODE_ENV === \"development\" ? config.cssStyleSeparator || \" \" : \"\"\n );\n function declarationsToRuleSet(decs) {\n var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"\";\n return `:root${selector} {${sep}${[\n ...decs\n ].join(`;${sep}`)}${sep}}`;\n }\n if (isWeb) {\n var fontFamilyToken = createVariables(fontFamilyIn, \"f\", true);\n var parsedFontFamily = parseFont(fontFamilyToken);\n var fontFamilyNameParsed = fontFamilyNameIn;\n config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily;\n if (props.insertCSS) {\n var [ff_name, ff_language] = fontFamilyNameParsed.includes(\"_\") ? fontFamilyNameParsed.split(\"_\") : [\n fontFamilyNameParsed\n ];\n var fontVars = registerFontVariables(parsedFontFamily);\n var fontDeclaration = {\n [fontFamilyNameIn]: {\n name: ff_name,\n declarations: fontVars,\n language: ff_language\n }\n };\n var { name, declarations, language = \"default\" } = fontDeclaration[fontFamilyNameIn];\n var fontSelector = `.font_${name}`;\n var langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;\n var selectors = language === \"default\" ? ` ${fontSelector}, ${langSelector}` : langSelector;\n var cssRuleSets = declarationsToRuleSet(declarations, selectors);\n var id = `t_font_style_${fontFamilyNameIn}`;\n var existing = document.querySelector(`#${id}`);\n var style = document.createElement(\"style\");\n style.id = id;\n style.appendChild(document.createTextNode(`${cssRuleSets}`));\n document.head.appendChild(style);\n if (existing) {\n var _existing_parentElement;\n (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 ? void 0 : _existing_parentElement.removeChild(existing);\n }\n return {\n fontFamilyToken,\n fontDeclaration\n };\n }\n }\n}\nexport {\n addFont\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AAEA,SAAS,QAAQ,OAAO;CACtB,IAAI,SAAS,UAAU;CACvB,IAAI,EAAE,gBAAgB,kBAAkB,YAAY,iBAAiB;CACrE,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,CAAC,QAAQ;GACX,MAAM,IAAI,MAAM,WAAW;EAC7B;EACA,IAAI,aAAa,OAAO,MAAM;EAC9B,IAAI,CAAC,MAAM,UAAU,YAAY;GAC/B,OAAO,EACL,WACF;EACF;CACF;CACA,OAAO,MAAM,oBAAoB;CACjC,IAAI,MAEF,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;CAE7E,SAAS,sBAAsB,MAAM;EACnC,IAAI,WAAW,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;EAChF,OAAO,QAAQ,SAAS,IAAI,MAAM,CAChC,GAAG,IACL,EAAE,KAAK,IAAI,KAAK,IAAI,IAAI;CAC1B;CACA,IAAI,OAAO;EACT,IAAI,kBAAkB,gBAAgB,cAAc,KAAK,IAAI;EAC7D,IAAI,mBAAmB,UAAU,eAAe;EAChD,IAAI,uBAAuB;EAC3B,OAAO,YAAY,wBAAwB;EAC3C,IAAI,MAAM,WAAW;GACnB,IAAI,CAAC,SAAS,eAAe,qBAAqB,SAAS,GAAG,IAAI,qBAAqB,MAAM,GAAG,IAAI,CAClG,oBACF;GACA,IAAI,WAAW,sBAAsB,gBAAgB;GACrD,IAAI,kBAAkB,GACnB,mBAAmB;IAClB,MAAM;IACN,cAAc;IACd,UAAU;GACZ,EACF;GACA,IAAI,EAAE,MAAM,cAAc,WAAW,cAAc,gBAAgB;GACnE,IAAI,eAAe,SAAS;GAC5B,IAAI,eAAe,iBAAiB,KAAK,GAAG,SAAS,GAAG;GACxD,IAAI,YAAY,aAAa,YAAY,IAAI,aAAa,IAAI,iBAAiB;GAC/E,IAAI,cAAc,sBAAsB,cAAc,SAAS;GAC/D,IAAI,KAAK,gBAAgB;GACzB,IAAI,WAAW,SAAS,cAAc,IAAI,IAAI;GAC9C,IAAI,QAAQ,SAAS,cAAc,OAAO;GAC1C,MAAM,KAAK;GACX,MAAM,YAAY,SAAS,eAAe,GAAG,aAAa,CAAC;GAC3D,SAAS,KAAK,YAAY,KAAK;GAC/B,IAAI,UAAU;IACZ,IAAI;IACJ,CAAC,0BAA0B,SAAS,mBAAmB,QAAQ,4BAA4B,KAAK,IAAI,KAAK,IAAI,wBAAwB,YAAY,QAAQ;GAC3J;GACA,OAAO;IACL;IACA;GACF;EACF;CACF;AACF"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/font",
3
- "version": "2.7.7",
3
+ "version": "3.0.0-beta.643.1",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -34,11 +34,11 @@
34
34
  "clean:build": "tamagui-build clean:build"
35
35
  },
36
36
  "dependencies": {
37
- "@tamagui/constants": "2.7.7",
38
- "@tamagui/web": "2.7.7"
37
+ "@tamagui/constants": "3.0.0-beta.643.1",
38
+ "@tamagui/web": "3.0.0-beta.643.1"
39
39
  },
40
40
  "devDependencies": {
41
- "@tamagui/build": "2.7.7",
41
+ "@tamagui/build": "3.0.0-beta.643.1",
42
42
  "react": ">=19"
43
43
  },
44
44
  "peerDependencies": {
package/src/index.ts CHANGED
@@ -39,7 +39,7 @@ export function addFont(props: {
39
39
  if (isWeb) {
40
40
  const fontFamilyToken = createVariables(fontFamilyIn, 'f', true)
41
41
  const parsedFontFamily = parseFont(fontFamilyToken)
42
- const fontFamilyNameParsed = `$${fontFamilyNameIn}`
42
+ const fontFamilyNameParsed = fontFamilyNameIn
43
43
  config.fontsParsed[fontFamilyNameParsed] = parsedFontFamily
44
44
 
45
45
  if (props.insertCSS) {
@@ -49,7 +49,7 @@ export function addFont(props: {
49
49
  const fontVars = registerFontVariables(parsedFontFamily)
50
50
  const fontDeclaration = {
51
51
  [fontFamilyNameIn]: {
52
- name: ff_name.slice(1),
52
+ name: ff_name,
53
53
  declarations: fontVars,
54
54
  language: ff_language,
55
55
  },
package/types/index.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare function addFont(props: {
9
9
  fontFamilyToken?: undefined;
10
10
  fontDeclaration?: undefined;
11
11
  } | {
12
+ fontFamily?: undefined;
12
13
  fontFamilyToken: never;
13
14
  fontDeclaration: {
14
15
  [x: string]: {
@@ -17,6 +18,5 @@ export declare function addFont(props: {
17
18
  language: string;
18
19
  };
19
20
  };
20
- fontFamily?: undefined;
21
21
  } | undefined;
22
22
  //# sourceMappingURL=index.d.ts.map