@tamagui/config 1.42.1 → 1.43.0

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.
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+ var config_exports = {};
21
+ __export(config_exports, {
22
+ configWithoutAnimations: () => configWithoutAnimations
23
+ });
24
+ module.exports = __toCommonJS(config_exports);
25
+ var import_shorthands = require("@tamagui/shorthands");
26
+ var import_themes = require("@tamagui/themes");
27
+ var import_fonts = require("./fonts");
28
+ var import_media = require("./media");
29
+ __reExport(config_exports, require("./animations"), module.exports);
30
+ const configWithoutAnimations = {
31
+ defaultFont: "body",
32
+ shouldAddPrefersColorThemes: true,
33
+ themeClassNameOnRoot: true,
34
+ themes: import_themes.themes,
35
+ media: import_media.media,
36
+ shorthands: import_shorthands.shorthands,
37
+ tokens: import_themes.tokens,
38
+ fonts: import_fonts.fonts
39
+ };
40
+ config.selectionStyles = (theme) => theme.color5 ? {
41
+ backgroundColor: theme.color5,
42
+ color: theme.color11
43
+ } : null;
44
+ config.mediaQueryDefaultActive = import_media.mediaQueryDefaultActive;
45
+ // Annotate the CommonJS export names for ESM import in node:
46
+ 0 && (module.exports = {
47
+ configWithoutAnimations,
48
+ ...require("./animations")
49
+ });
50
+ //# sourceMappingURL=config.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/config.ts"],
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2B;AAC3B,oBAA+B;AAE/B,mBAAsB;AACtB,mBAA+C;AAE/C,2BAAc,yBANd;AAQO,MAAM,0BAA0B;AAAA,EACrC,aAAa;AAAA,EACb,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGA,OAAO,kBAAkB,CAAC,UACxB,MAAM,SACF;AAAA,EACE,iBAAiB,MAAM;AAAA,EACvB,OAAO,MAAM;AACf,IACA;AAGN,OAAO,0BAA0B;",
5
+ "names": []
6
+ }
@@ -0,0 +1,120 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var fonts_exports = {};
20
+ __export(fonts_exports, {
21
+ fonts: () => fonts
22
+ });
23
+ module.exports = __toCommonJS(fonts_exports);
24
+ var import_font_inter = require("@tamagui/font-inter");
25
+ var import_font_silkscreen = require("@tamagui/font-silkscreen");
26
+ var import_createGenericFont = require("./createGenericFont");
27
+ const silkscreenFont = (0, import_font_silkscreen.createSilkscreenFont)();
28
+ const headingFont = (0, import_font_inter.createInterFont)(
29
+ {
30
+ size: {
31
+ 5: 13,
32
+ 6: 15,
33
+ 9: 32,
34
+ 10: 44
35
+ },
36
+ transform: {
37
+ 6: "uppercase",
38
+ 7: "none"
39
+ },
40
+ weight: {
41
+ 6: "400",
42
+ 7: "700"
43
+ },
44
+ color: {
45
+ 6: "$colorFocus",
46
+ 7: "$color"
47
+ },
48
+ letterSpacing: {
49
+ 5: 2,
50
+ 6: 1,
51
+ 7: 0,
52
+ 8: 0,
53
+ 9: -1,
54
+ 10: -1.5,
55
+ 12: -2,
56
+ 14: -3,
57
+ 15: -4
58
+ },
59
+ // for native
60
+ face: {
61
+ 700: { normal: "InterBold" },
62
+ 800: { normal: "InterBold" },
63
+ 900: { normal: "InterBold" }
64
+ }
65
+ },
66
+ { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }
67
+ );
68
+ const bodyFont = (0, import_font_inter.createInterFont)(
69
+ {
70
+ weight: {
71
+ 1: "400",
72
+ 7: "600"
73
+ }
74
+ },
75
+ {
76
+ sizeSize: (size) => Math.round(size),
77
+ sizeLineHeight: (size) => Math.round(size * 1.1 + (size >= 12 ? 8 : 4))
78
+ }
79
+ );
80
+ const monoFont = (0, import_createGenericFont.createGenericFont)(
81
+ `"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`,
82
+ {
83
+ weight: {
84
+ 1: "500"
85
+ },
86
+ size: {
87
+ 1: 11,
88
+ 2: 12,
89
+ 3: 13,
90
+ 4: 14,
91
+ 5: 16,
92
+ 6: 18,
93
+ 7: 20,
94
+ 8: 22,
95
+ 9: 30,
96
+ 10: 42,
97
+ 11: 52,
98
+ 12: 62,
99
+ 13: 72,
100
+ 14: 92,
101
+ 15: 114,
102
+ 16: 124
103
+ }
104
+ },
105
+ {
106
+ sizeLineHeight: (x) => x * 1.5
107
+ }
108
+ );
109
+ const fonts = {
110
+ // noto: notoFont as any,
111
+ heading: headingFont,
112
+ body: bodyFont,
113
+ mono: monoFont,
114
+ silkscreen: silkscreenFont
115
+ };
116
+ // Annotate the CommonJS export names for ESM import in node:
117
+ 0 && (module.exports = {
118
+ fonts
119
+ });
120
+ //# sourceMappingURL=fonts.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/fonts.ts"],
4
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAgC;AAChC,6BAAqC;AAErC,+BAAkC;AAElC,MAAM,qBAAiB,6CAAqB;AAE5C,MAAM,kBAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,eAAe;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA;AAAA,IAEA,MAAM;AAAA,MACJ,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,EAAE,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,OAAO,KAAK,KAAK,EAAE,EAAE;AAC5E;AAEA,MAAM,eAAW;AAAA,EACf;AAAA,IACE,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU,CAAC,SAAS,KAAK,MAAM,IAAI;AAAA,IACnC,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,QAAQ,KAAK,IAAI,EAAE;AAAA,EACxE;AACF;AAEA,MAAM,eAAW;AAAA,EACf;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA;AAAA,IACE,gBAAgB,CAAC,MAAM,IAAI;AAAA,EAC7B;AACF;AAEO,MAAM,QAAQ;AAAA;AAAA,EAEnB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AACd;",
5
+ "names": []
6
+ }
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+ var index_reanimated_exports = {};
21
+ __export(index_reanimated_exports, {
22
+ config: () => config
23
+ });
24
+ module.exports = __toCommonJS(index_reanimated_exports);
25
+ var import_animations = require("./animations.reanimated");
26
+ var import_config = require("./config");
27
+ __reExport(index_reanimated_exports, require("./media"), module.exports);
28
+ __reExport(index_reanimated_exports, require("./createGenericFont"), module.exports);
29
+ const config = {
30
+ ...import_config.configWithoutAnimations,
31
+ animations: import_animations.animations
32
+ };
33
+ // Annotate the CommonJS export names for ESM import in node:
34
+ 0 && (module.exports = {
35
+ config,
36
+ ...require("./media"),
37
+ ...require("./createGenericFont")
38
+ });
39
+ //# sourceMappingURL=index.reanimated.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.reanimated.ts"],
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2B;AAC3B,oBAAwC;AACxC,qCAAc,oBAFd;AAGA,qCAAc,gCAHd;AAKO,MAAM,SAAS;AAAA,EACpB,GAAG;AAAA,EACH;AACF;",
5
+ "names": []
6
+ }
@@ -0,0 +1,24 @@
1
+ import { shorthands } from "@tamagui/shorthands";
2
+ import { themes, tokens } from "@tamagui/themes";
3
+ import { fonts } from "./fonts";
4
+ import { media, mediaQueryDefaultActive } from "./media";
5
+ export * from "./animations";
6
+ const configWithoutAnimations = {
7
+ defaultFont: "body",
8
+ shouldAddPrefersColorThemes: true,
9
+ themeClassNameOnRoot: true,
10
+ themes,
11
+ media,
12
+ shorthands,
13
+ tokens,
14
+ fonts
15
+ };
16
+ config.selectionStyles = (theme) => theme.color5 ? {
17
+ backgroundColor: theme.color5,
18
+ color: theme.color11
19
+ } : null;
20
+ config.mediaQueryDefaultActive = mediaQueryDefaultActive;
21
+ export {
22
+ configWithoutAnimations
23
+ };
24
+ //# sourceMappingURL=config.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/config.ts"],
4
+ "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,cAAc;AAE/B,SAAS,aAAa;AACtB,SAAS,OAAO,+BAA+B;AAE/C,cAAc;AAEP,MAAM,0BAA0B;AAAA,EACrC,aAAa;AAAA,EACb,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGA,OAAO,kBAAkB,CAAC,UACxB,MAAM,SACF;AAAA,EACE,iBAAiB,MAAM;AAAA,EACvB,OAAO,MAAM;AACf,IACA;AAGN,OAAO,0BAA0B;",
5
+ "names": []
6
+ }
@@ -0,0 +1,96 @@
1
+ import { createInterFont } from "@tamagui/font-inter";
2
+ import { createSilkscreenFont } from "@tamagui/font-silkscreen";
3
+ import { createGenericFont } from "./createGenericFont";
4
+ const silkscreenFont = createSilkscreenFont();
5
+ const headingFont = createInterFont(
6
+ {
7
+ size: {
8
+ 5: 13,
9
+ 6: 15,
10
+ 9: 32,
11
+ 10: 44
12
+ },
13
+ transform: {
14
+ 6: "uppercase",
15
+ 7: "none"
16
+ },
17
+ weight: {
18
+ 6: "400",
19
+ 7: "700"
20
+ },
21
+ color: {
22
+ 6: "$colorFocus",
23
+ 7: "$color"
24
+ },
25
+ letterSpacing: {
26
+ 5: 2,
27
+ 6: 1,
28
+ 7: 0,
29
+ 8: 0,
30
+ 9: -1,
31
+ 10: -1.5,
32
+ 12: -2,
33
+ 14: -3,
34
+ 15: -4
35
+ },
36
+ // for native
37
+ face: {
38
+ 700: { normal: "InterBold" },
39
+ 800: { normal: "InterBold" },
40
+ 900: { normal: "InterBold" }
41
+ }
42
+ },
43
+ { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }
44
+ );
45
+ const bodyFont = createInterFont(
46
+ {
47
+ weight: {
48
+ 1: "400",
49
+ 7: "600"
50
+ }
51
+ },
52
+ {
53
+ sizeSize: (size) => Math.round(size),
54
+ sizeLineHeight: (size) => Math.round(size * 1.1 + (size >= 12 ? 8 : 4))
55
+ }
56
+ );
57
+ const monoFont = createGenericFont(
58
+ `"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`,
59
+ {
60
+ weight: {
61
+ 1: "500"
62
+ },
63
+ size: {
64
+ 1: 11,
65
+ 2: 12,
66
+ 3: 13,
67
+ 4: 14,
68
+ 5: 16,
69
+ 6: 18,
70
+ 7: 20,
71
+ 8: 22,
72
+ 9: 30,
73
+ 10: 42,
74
+ 11: 52,
75
+ 12: 62,
76
+ 13: 72,
77
+ 14: 92,
78
+ 15: 114,
79
+ 16: 124
80
+ }
81
+ },
82
+ {
83
+ sizeLineHeight: (x) => x * 1.5
84
+ }
85
+ );
86
+ const fonts = {
87
+ // noto: notoFont as any,
88
+ heading: headingFont,
89
+ body: bodyFont,
90
+ mono: monoFont,
91
+ silkscreen: silkscreenFont
92
+ };
93
+ export {
94
+ fonts
95
+ };
96
+ //# sourceMappingURL=fonts.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/fonts.ts"],
4
+ "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAErC,SAAS,yBAAyB;AAElC,MAAM,iBAAiB,qBAAqB;AAE5C,MAAM,cAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,eAAe;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA;AAAA,IAEA,MAAM;AAAA,MACJ,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,EAAE,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,OAAO,KAAK,KAAK,EAAE,EAAE;AAC5E;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,IACE,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU,CAAC,SAAS,KAAK,MAAM,IAAI;AAAA,IACnC,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,QAAQ,KAAK,IAAI,EAAE;AAAA,EACxE;AACF;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA;AAAA,IACE,gBAAgB,CAAC,MAAM,IAAI;AAAA,EAC7B;AACF;AAEO,MAAM,QAAQ;AAAA;AAAA,EAEnB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AACd;",
5
+ "names": []
6
+ }
@@ -0,0 +1,12 @@
1
+ import { animations } from "./animations.reanimated";
2
+ import { configWithoutAnimations } from "./config";
3
+ export * from "./media";
4
+ export * from "./createGenericFont";
5
+ const config = {
6
+ ...configWithoutAnimations,
7
+ animations
8
+ };
9
+ export {
10
+ config
11
+ };
12
+ //# sourceMappingURL=index.reanimated.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.reanimated.ts"],
4
+ "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,+BAA+B;AACxC,cAAc;AACd,cAAc;AAEP,MAAM,SAAS;AAAA,EACpB,GAAG;AAAA,EACH;AACF;",
5
+ "names": []
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/config",
3
- "version": "1.42.1",
3
+ "version": "1.43.0",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -27,18 +27,18 @@
27
27
  }
28
28
  },
29
29
  "dependencies": {
30
- "@tamagui/animations-css": "1.42.1",
31
- "@tamagui/animations-react-native": "1.42.1",
32
- "@tamagui/colors": "1.42.1",
33
- "@tamagui/font-inter": "1.42.1",
34
- "@tamagui/font-silkscreen": "1.42.1",
35
- "@tamagui/react-native-media-driver": "1.42.1",
36
- "@tamagui/shorthands": "1.42.1",
37
- "@tamagui/themes": "1.42.1",
38
- "@tamagui/web": "1.42.1"
30
+ "@tamagui/animations-css": "1.43.0",
31
+ "@tamagui/animations-react-native": "1.43.0",
32
+ "@tamagui/colors": "1.43.0",
33
+ "@tamagui/font-inter": "1.43.0",
34
+ "@tamagui/font-silkscreen": "1.43.0",
35
+ "@tamagui/react-native-media-driver": "1.43.0",
36
+ "@tamagui/shorthands": "1.43.0",
37
+ "@tamagui/themes": "1.43.0",
38
+ "@tamagui/web": "1.43.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@tamagui/build": "1.42.1"
41
+ "@tamagui/build": "1.43.0"
42
42
  },
43
43
  "publishConfig": {
44
44
  "access": "public"
package/src/config.ts ADDED
@@ -0,0 +1,30 @@
1
+ import { shorthands } from '@tamagui/shorthands'
2
+ import { themes, tokens } from '@tamagui/themes'
3
+
4
+ import { fonts } from './fonts'
5
+ import { media, mediaQueryDefaultActive } from './media'
6
+
7
+ export * from './animations'
8
+
9
+ export const configWithoutAnimations = {
10
+ defaultFont: 'body',
11
+ shouldAddPrefersColorThemes: true,
12
+ themeClassNameOnRoot: true,
13
+ themes,
14
+ media,
15
+ shorthands,
16
+ tokens,
17
+ fonts,
18
+ }
19
+
20
+ // @ts-ignore
21
+ config.selectionStyles = (theme) =>
22
+ theme.color5
23
+ ? {
24
+ backgroundColor: theme.color5,
25
+ color: theme.color11,
26
+ }
27
+ : null
28
+
29
+ // @ts-ignore bad types
30
+ config.mediaQueryDefaultActive = mediaQueryDefaultActive
package/src/fonts.ts ADDED
@@ -0,0 +1,98 @@
1
+ import { createInterFont } from '@tamagui/font-inter'
2
+ import { createSilkscreenFont } from '@tamagui/font-silkscreen'
3
+
4
+ import { createGenericFont } from './createGenericFont'
5
+
6
+ const silkscreenFont = createSilkscreenFont()
7
+
8
+ const headingFont = createInterFont(
9
+ {
10
+ size: {
11
+ 5: 13,
12
+ 6: 15,
13
+ 9: 32,
14
+ 10: 44,
15
+ },
16
+ transform: {
17
+ 6: 'uppercase',
18
+ 7: 'none',
19
+ },
20
+ weight: {
21
+ 6: '400',
22
+ 7: '700',
23
+ },
24
+ color: {
25
+ 6: '$colorFocus',
26
+ 7: '$color',
27
+ },
28
+ letterSpacing: {
29
+ 5: 2,
30
+ 6: 1,
31
+ 7: 0,
32
+ 8: 0,
33
+ 9: -1,
34
+ 10: -1.5,
35
+ 12: -2,
36
+ 14: -3,
37
+ 15: -4,
38
+ },
39
+ // for native
40
+ face: {
41
+ 700: { normal: 'InterBold' },
42
+ 800: { normal: 'InterBold' },
43
+ 900: { normal: 'InterBold' },
44
+ },
45
+ },
46
+ { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }
47
+ )
48
+
49
+ const bodyFont = createInterFont(
50
+ {
51
+ weight: {
52
+ 1: '400',
53
+ 7: '600',
54
+ },
55
+ },
56
+ {
57
+ sizeSize: (size) => Math.round(size),
58
+ sizeLineHeight: (size) => Math.round(size * 1.1 + (size >= 12 ? 8 : 4)),
59
+ }
60
+ )
61
+
62
+ const monoFont = createGenericFont(
63
+ `"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`,
64
+ {
65
+ weight: {
66
+ 1: '500',
67
+ },
68
+ size: {
69
+ 1: 11,
70
+ 2: 12,
71
+ 3: 13,
72
+ 4: 14,
73
+ 5: 16,
74
+ 6: 18,
75
+ 7: 20,
76
+ 8: 22,
77
+ 9: 30,
78
+ 10: 42,
79
+ 11: 52,
80
+ 12: 62,
81
+ 13: 72,
82
+ 14: 92,
83
+ 15: 114,
84
+ 16: 124,
85
+ },
86
+ },
87
+ {
88
+ sizeLineHeight: (x) => x * 1.5,
89
+ }
90
+ )
91
+
92
+ export const fonts = {
93
+ // noto: notoFont as any,
94
+ heading: headingFont,
95
+ body: bodyFont,
96
+ mono: monoFont,
97
+ silkscreen: silkscreenFont,
98
+ }
@@ -0,0 +1,9 @@
1
+ import { animations } from './animations.reanimated'
2
+ import { configWithoutAnimations } from './config'
3
+ export * from './media'
4
+ export * from './createGenericFont'
5
+
6
+ export const config = {
7
+ ...configWithoutAnimations,
8
+ animations,
9
+ }