@hanzogui/config 4.4.0 → 7.3.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.
- package/LICENSE +40 -19
- package/dist/cjs/fonts.cjs +32 -10
- package/dist/cjs/fonts.native.js +32 -10
- package/dist/cjs/fonts.native.js.map +1 -1
- package/dist/cjs/v5-fonts.cjs +4 -27
- package/dist/cjs/v5-fonts.native.js +21 -23
- package/dist/cjs/v5-fonts.native.js.map +1 -1
- package/dist/cjs/v5-media.cjs +3 -20
- package/dist/cjs/v5-media.native.js +3 -20
- package/dist/cjs/v5-media.native.js.map +1 -1
- package/dist/esm/fonts.mjs +32 -10
- package/dist/esm/fonts.mjs.map +1 -1
- package/dist/esm/fonts.native.js +32 -10
- package/dist/esm/fonts.native.js.map +1 -1
- package/dist/esm/v3.mjs.map +1 -1
- package/dist/esm/v5-fonts.mjs +4 -27
- package/dist/esm/v5-fonts.mjs.map +1 -1
- package/dist/esm/v5-fonts.native.js +21 -23
- package/dist/esm/v5-fonts.native.js.map +1 -1
- package/dist/esm/v5-media.mjs +3 -20
- package/dist/esm/v5-media.mjs.map +1 -1
- package/dist/esm/v5-media.native.js +3 -20
- package/dist/esm/v5-media.native.js.map +1 -1
- package/package.json +32 -21
- package/src/fonts.ts +34 -9
- package/src/v5-fonts.ts +2 -2
- package/src/v5-media.ts +3 -1
- package/types/animations.css.d.ts.map +1 -0
- package/types/animations.d.ts.map +1 -0
- package/types/animations.reanimated.d.ts.map +1 -0
- package/types/animationsCSS.d.ts.map +1 -0
- package/types/animationsMotion.d.ts.map +1 -0
- package/types/animationsReactNative.d.ts.map +1 -0
- package/types/animationsReanimated.d.ts.map +1 -0
- package/types/config.d.ts +26 -3
- package/types/config.d.ts.map +1 -0
- package/types/createGenericFont.d.ts.map +1 -0
- package/types/fonts.d.ts +27 -4
- package/types/fonts.d.ts.map +1 -0
- package/types/index.d.ts +26 -3
- package/types/index.d.ts.map +1 -0
- package/types/index.reanimated.d.ts +26 -3
- package/types/index.reanimated.d.ts.map +1 -0
- package/types/media.d.ts.map +1 -0
- package/types/v3-animations.d.ts.map +1 -0
- package/types/v3-animations.native.d.ts.map +1 -0
- package/types/v3.d.ts +26 -3
- package/types/v3.d.ts.map +1 -0
- package/types/v4-animations.d.ts.map +1 -0
- package/types/v4-animations.native.d.ts.map +1 -0
- package/types/v4-fonts.d.ts +2 -2
- package/types/v4-fonts.d.ts.map +1 -0
- package/types/v4-media.d.ts.map +1 -0
- package/types/v4.d.ts +2 -2
- package/types/v4.d.ts.map +1 -0
- package/types/v5-base.d.ts.map +1 -0
- package/types/v5-css.d.ts.map +1 -0
- package/types/v5-css.native.d.ts.map +1 -0
- package/types/v5-fonts.d.ts +2 -2
- package/types/v5-fonts.d.ts.map +1 -0
- package/types/v5-media.d.ts.map +1 -0
- package/types/v5-motion.d.ts.map +1 -0
- package/types/v5-reanimated.d.ts.map +1 -0
- package/types/v5-rn.d.ts.map +1 -0
- package/types/v5-subtle.d.ts.map +1 -0
- package/types/v5.d.ts.map +1 -0
- package/reanimated/index.cjs +0 -2
- package/reanimated/index.js +0 -2
- package/reanimated/index.native.cjs +0 -2
- package/reanimated/index.native.js +0 -2
- package/tsconfig.json +0 -65
- package/v3/index.cjs +0 -2
- package/v3/index.js +0 -2
- package/v3/index.native.cjs +0 -2
- package/v3/index.native.js +0 -2
- package/v3.d.ts +0 -1
- package/v4/index.cjs +0 -2
- package/v4/index.js +0 -2
- package/v4/index.native.cjs +0 -2
- package/v4/index.native.js +0 -2
- package/v4.d.ts +0 -1
- package/v5/index.cjs +0 -2
- package/v5/index.js +0 -2
- package/v5/index.native.cjs +0 -2
- package/v5/index.native.js +0 -2
- package/v5-css/index.cjs +0 -2
- package/v5-css/index.js +0 -2
- package/v5-css/index.native.cjs +0 -2
- package/v5-css/index.native.js +0 -2
- package/v5-css.d.ts +0 -1
- package/v5-motion/index.cjs +0 -2
- package/v5-motion/index.js +0 -2
- package/v5-motion/index.native.cjs +0 -2
- package/v5-motion/index.native.js +0 -2
- package/v5-motion.d.ts +0 -1
- package/v5-reanimated/index.cjs +0 -2
- package/v5-reanimated/index.js +0 -2
- package/v5-reanimated/index.native.cjs +0 -2
- package/v5-reanimated/index.native.js +0 -2
- package/v5-reanimated.d.ts +0 -1
- package/v5-rn/index.cjs +0 -2
- package/v5-rn/index.js +0 -2
- package/v5-rn/index.native.cjs +0 -2
- package/v5-rn/index.native.js +0 -2
- package/v5-rn.d.ts +0 -1
- package/v5-subtle/index.cjs +0 -2
- package/v5-subtle/index.js +0 -2
- package/v5-subtle/index.native.cjs +0 -2
- package/v5-subtle/index.native.js +0 -2
- package/v5-subtle.d.ts +0 -1
- package/v5.d.ts +0 -1
package/dist/esm/fonts.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["createInterFont","createSilkscreenFont","createGenericFont","silkscreenFont","headingFont","size","transform","weight","color","letterSpacing","face","normal","sizeLineHeight","Math","round","bodyFont","sizeSize","monoFont","x","fonts","heading","body","mono","silkscreen"],"sources":["../../src/fonts.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,oBAAA,QAA4B;AAErC,SAASC,iBAAA,QAAyB;AAElC,MAAMC,cAAA,GAAiBF,oBAAA,CAAqB;AAE5C,MAAMG,WAAA,GAAcJ,eAAA,CAClB;EACEK,IAAA,EAAM;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;EACN;EACAC,SAAA,EAAW;IACT,GAAG;IACH,GAAG;EACL;EACAC,MAAA,EAAQ;IACN,GAAG;IACH,GAAG;EACL;EACAC,KAAA,EAAO;IACL,GAAG;IACH,GAAG;EACL;EACAC,aAAA,EAAe;IACb,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;EACN;EAAA;EAEAC,IAAA,EAAM;IACJ,KAAK;MAAEC,MAAA,EAAQ;IAAY;IAC3B,KAAK;MAAEA,MAAA,EAAQ;IAAY;IAC3B,KAAK;MAAEA,MAAA,EAAQ;IAAY;EAC7B;AACF,GACA;EAAEC,cAAA,EAAiBP,IAAA,IAASQ,IAAA,CAAKC,KAAA,CAAMT,IAAA,GAAO,OAAOA,IAAA,GAAO,KAAK,KAAK,EAAE;AAAE,CAC5E;AAEA,MAAMU,QAAA,GAAWf,eAAA,CACf;EACEO,MAAA,EAAQ;IACN,GAAG;EACL;AACF,GACA;EACES,QAAA,EAAWX,IAAA,IAASQ,IAAA,CAAKC,KAAA,CAAMT,IAAI;EACnCO,cAAA,EAAiBP,IAAA,IAASQ,IAAA,CAAKC,KAAA,CAAMT,IAAA,GAAO,OAAOA,IAAA,IAAQ,KAAK,IAAI,EAAE;AACxE,CACF;AAEA,MAAMY,QAAA,GAAWf,iBAAA,CACf,8FACA;EACEK,MAAA,EAAQ;IACN,GAAG;EACL;EACAF,IAAA,EAAM;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;EACN;AACF,GACA;EACEO,cAAA,EAAiBM,CAAA,IAAMA,CAAA,GAAI;AAC7B,CACF;AAEO,MAAMC,KAAA,GAAQ;EACnBC,OAAA,EAAShB,WAAA;EACTiB,IAAA,EAAMN,QAAA;EACNO,IAAA,EAAML,QAAA;EACNM,UAAA,EAAYpB;AACd","ignoreList":[]}
|
package/dist/esm/fonts.native.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { createInterFont } from "@hanzogui/font-inter";
|
|
2
|
+
import { createSilkscreenFont } from "@hanzogui/font-silkscreen";
|
|
3
|
+
import { createGenericFont } from "./createGenericFont.native.js";
|
|
4
|
+
var silkscreenFont = createSilkscreenFont();
|
|
5
|
+
var headingFont = createInterFont({
|
|
4
6
|
size: {
|
|
5
7
|
5: 13,
|
|
6
8
|
6: 15,
|
|
@@ -30,15 +32,16 @@ var headingFont = createGeistSansFont({
|
|
|
30
32
|
14: -3,
|
|
31
33
|
15: -4
|
|
32
34
|
},
|
|
35
|
+
// for native
|
|
33
36
|
face: {
|
|
34
37
|
700: {
|
|
35
|
-
normal: "
|
|
38
|
+
normal: "InterBold"
|
|
36
39
|
},
|
|
37
40
|
800: {
|
|
38
|
-
normal: "
|
|
41
|
+
normal: "InterBold"
|
|
39
42
|
},
|
|
40
43
|
900: {
|
|
41
|
-
normal: "
|
|
44
|
+
normal: "InterBold"
|
|
42
45
|
}
|
|
43
46
|
}
|
|
44
47
|
}, {
|
|
@@ -46,7 +49,7 @@ var headingFont = createGeistSansFont({
|
|
|
46
49
|
return Math.round(size * 1.1 + (size < 30 ? 10 : 5));
|
|
47
50
|
}
|
|
48
51
|
});
|
|
49
|
-
var bodyFont =
|
|
52
|
+
var bodyFont = createInterFont({
|
|
50
53
|
weight: {
|
|
51
54
|
1: "400"
|
|
52
55
|
}
|
|
@@ -58,19 +61,38 @@ var bodyFont = createGeistSansFont({
|
|
|
58
61
|
return Math.round(size * 1.1 + (size >= 12 ? 8 : 4));
|
|
59
62
|
}
|
|
60
63
|
});
|
|
61
|
-
var monoFont =
|
|
64
|
+
var monoFont = createGenericFont(`"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`, {
|
|
62
65
|
weight: {
|
|
63
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
|
|
64
85
|
}
|
|
65
86
|
}, {
|
|
66
87
|
sizeLineHeight: function (x) {
|
|
67
|
-
return
|
|
88
|
+
return x * 1.5;
|
|
68
89
|
}
|
|
69
90
|
});
|
|
70
91
|
var fonts = {
|
|
71
92
|
heading: headingFont,
|
|
72
93
|
body: bodyFont,
|
|
73
|
-
mono: monoFont
|
|
94
|
+
mono: monoFont,
|
|
95
|
+
silkscreen: silkscreenFont
|
|
74
96
|
};
|
|
75
97
|
export { fonts };
|
|
76
98
|
//# sourceMappingURL=fonts.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["createInterFont","createSilkscreenFont","createGenericFont","silkscreenFont","headingFont","size","transform","weight","color","letterSpacing","face","normal","sizeLineHeight","Math","round","bodyFont","sizeSize","monoFont","x"],"sources":["../../src/fonts.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,oBAAA,QAA4B;AAErC,SAASC,iBAAA,QAAyB;AAElC,IAAAC,cAAM,GAAAF,oBAAiB;AAEvB,IAAAG,WAAM,GAAAJ,eAAc;EAClBK,IAAA;IACE;IAAM,GACJ,EAAG;IAAA,GACH,EAAG;IAAA,EACH;EAAG;EACCC,SACN;IACA,cAAW;IAAA,GACT;EAAG;EACAC,MACL;IACA,QAAQ;IAAA,GACN;EAAG;EACAC,KACL;IACA,gBAAO;IAAA,GACL;EAAG;EACAC,aACL;IACA;IAAe,GACb;IAAG,GACH;IAAG,GACH;IAAG,GACH,EAAG;IAAA,EACH,GAAG;IAAA,EACH,IAAI;IAAA,EACJ,IAAI;IAAA,EACJ;EAAI;EACA;EACNC,IAAA;IAEA;MACEC,MAAK,EAAE;IAAoB;IACA,GAC3B;MACFA,MAAA;IACF;IACE;MACJA,MAAA;IAEA;EACE;AAAA;EACUC,cACH,WAAAA,CAAAP,IAAA;IACL,OAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,UAAAA,IAAA;EACF;AAAA,EACA;AAAA,IACEU,QAAA,GAAWf,eAAc;EAAUO,MACnC;IACF;EACF;AAEA;EACES,QAAA,WAAAA,CAAAX,IAAA;IACA,OAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA;EAAA;EACUO,cACH,WAAAA,CAAAP,IAAA;IACL,OAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,UAAAA,IAAA;EAAA;AACM;AACD,IAAAY,QACA,GAAAf,iBAAA;EAAAK,MACH,EAAG;IAAA,GACH;EAAG;EACAF,IACH;IAAG,GACH,EAAG;IAAA,GACH,EAAG;IAAA,GACH,EAAG;IAAA,GACH;IAAI,GACJ;IAAI,GACJ;IAAI,GACJ;IAAI,GACJ;IAAI,GACJ;IAAI,EACJ,IAAI;IACN;IACF;IACA;IACE;IACF;IACF;EAEO;AAAc,GACnB;EACAO,cAAM,WAAAA,CAAAM,CAAA;IACN,OAAMA,CAAA;EACN;AACF","ignoreList":[]}
|
package/dist/esm/v3.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","themes","themesIn","animations","fonts","media","mediaQueryDefaultActive","animations2","tokens2","fonts2","media2","mediaQueryDefaultActive2","globalThis","shorthands","ussel","cur","pe","col","ff","fos","fost","fow","ls","lh","ta","tt","ww","ac","ai","als","b","bg","bbc","bblr","bbrr","bbw","blc","blw","bc","br","bs","brw","brc","btc","btlr","btrr","btw","bw","dsp","f","fb","fd","fg","fs","fw","h","jc","l","m","mah","maw","mb","mih","miw","ml","mr","mt","mx","my","o","ov","p","pb","pl","pos","pr","pt","px","py","r","shac","shar","shof","shop","t","w","zi","selectionStyles","theme","color5","backgroundColor","color","color11","
|
|
1
|
+
{"version":3,"names":["tokens","themes","themesIn","animations","fonts","media","mediaQueryDefaultActive","animations2","tokens2","fonts2","media2","mediaQueryDefaultActive2","globalThis","shorthands","ussel","cur","pe","col","ff","fos","fost","fow","ls","lh","ta","tt","ww","ac","ai","als","b","bg","bbc","bblr","bbrr","bbw","blc","blw","bc","br","bs","brw","brc","btc","btlr","btrr","btw","bw","dsp","f","fb","fd","fg","fs","fw","h","jc","l","m","mah","maw","mb","mih","miw","ml","mr","mt","mx","my","o","ov","p","pb","pl","pos","pr","pt","px","py","r","shac","shar","shof","shop","t","w","zi","selectionStyles","theme","color5","backgroundColor","color","color11","process","env","GUI_OPTIMIZE_THEMES","config","themes2","settings","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes"],"sources":["../../src/v3.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,IAAUC,QAAA,QAAgB;AAC3C,SAASC,UAAA,QAAkB;AAG3B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,uBAAA,QAA+B;AAkF/C,SAASH,UAAA,IAAAI,WAAA,QAAkB;AAC3B,SAASP,MAAA,IAAAQ,OAAA,EAAQP,MAAA,QAAc;AAC/B,SAASG,KAAA,IAAAK,MAAA,QAAa;AACtB,SAASJ,KAAA,IAAAK,MAAA,EAAOJ,uBAAA,IAAAK,wBAAA,QAA+B;AAlF/CC,UAAA,CAAW,QAAQ,MAAMA,UAAA;AAGlB,MAAMC,UAAA,GAAa;EACxBC,KAAA,EAAO;EACPC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,GAAA,EAAK;EACLC,IAAA,EAAM;EACNC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,GAAA,EAAK;EACLC,CAAA,EAAG;EACHC,EAAA,EAAI;EACJC,GAAA,EAAK;EACLC,IAAA,EAAM;EACNC,IAAA,EAAM;EACNC,GAAA,EAAK;EACLC,GAAA,EAAK;EACLC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,GAAA,EAAK;EACLC,GAAA,EAAK;EACLC,GAAA,EAAK;EACLC,IAAA,EAAM;EACNC,IAAA,EAAM;EACNC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,GAAA,EAAK;EACLC,CAAA,EAAG;EACHC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,CAAA,EAAG;EACHC,EAAA,EAAI;EACJC,CAAA,EAAG;EACHC,CAAA,EAAG;EACHC,GAAA,EAAK;EACLC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,GAAA,EAAK;EACLC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,CAAA,EAAG;EACHC,EAAA,EAAI;EACJC,CAAA,EAAG;EACHC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,GAAA,EAAK;EACLC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,CAAA,EAAG;EACHC,IAAA,EAAM;EACNC,IAAA,EAAM;EACNC,IAAA,EAAM;EACNC,IAAA,EAAM;EACNC,CAAA,EAAG;EACHC,CAAA,EAAG;EACHC,EAAA,EAAI;AACN;AAOO,MAAMC,eAAA,GAAmBC,KAAA,IAC9BA,KAAA,CAAMC,MAAA,GACF;EACEC,eAAA,EAAiBF,KAAA,CAAMC,MAAA;EACvBE,KAAA,EAAOH,KAAA,CAAMI;AACf,IACA;AAGN,MAAM3F,OAAA,GACJ4F,OAAA,CAAQC,GAAA,CAAIC,mBAAA,KAAwB,SAAU,CAAC,IAAwB7F,QAAA;AAElE,MAAM8F,MAAA,GAAS;EACpB7F,UAAA;EACAF,MAAA,EAAAgG,OAAA;EACA5F,KAAA;EACAQ,UAAA;EACAb,MAAA;EACAI,KAAA;EACAmF,eAAA;EACAW,QAAA,EAAU;IACR5F,uBAAA;IACA6F,WAAA,EAAa;IACbC,gBAAA,EAAkB;IAClBC,2BAAA,EAA6B;EAC/B;AACF","ignoreList":[]}
|
package/dist/esm/v5-fonts.mjs
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { createFont, getVariableValue } from "@hanzogui/core";
|
|
2
|
-
const
|
|
3
|
-
const isNative = false;
|
|
4
|
-
const webSizes = {
|
|
2
|
+
const defaultSizes = {
|
|
5
3
|
1: 12,
|
|
6
4
|
2: 13,
|
|
7
5
|
3: 14,
|
|
@@ -20,29 +18,8 @@ const webSizes = {
|
|
|
20
18
|
15: 85,
|
|
21
19
|
16: 100
|
|
22
20
|
};
|
|
23
|
-
const nativeSizes = {
|
|
24
|
-
1: 11,
|
|
25
|
-
2: 12,
|
|
26
|
-
3: 15,
|
|
27
|
-
4: 17,
|
|
28
|
-
true: 17,
|
|
29
|
-
5: 20,
|
|
30
|
-
6: 22,
|
|
31
|
-
7: 24,
|
|
32
|
-
8: 28,
|
|
33
|
-
9: 32,
|
|
34
|
-
10: 40,
|
|
35
|
-
11: 46,
|
|
36
|
-
12: 52,
|
|
37
|
-
13: 60,
|
|
38
|
-
14: 70,
|
|
39
|
-
15: 85,
|
|
40
|
-
16: 100
|
|
41
|
-
};
|
|
42
|
-
const defaultSizes = isNative ? nativeSizes : webSizes;
|
|
43
21
|
const defaultLineHeight = size => {
|
|
44
|
-
|
|
45
|
-
const ratio = 1.5 - Math.max(0, (size - 20) * 4e-3);
|
|
22
|
+
const ratio = 1.5 - Math.max(0, (size - 20) * .004);
|
|
46
23
|
return Math.round(size * ratio);
|
|
47
24
|
};
|
|
48
25
|
const createSystemFont = ({
|
|
@@ -55,7 +32,7 @@ const createSystemFont = ({
|
|
|
55
32
|
...font.size
|
|
56
33
|
}).map(([k, v]) => [k, sizeSize(+v)]));
|
|
57
34
|
return createFont({
|
|
58
|
-
family:
|
|
35
|
+
family: "-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
|
|
59
36
|
lineHeight: Object.fromEntries(Object.entries(size).map(([k, v]) => [k, sizeLineHeight(getVariableValue(v))])),
|
|
60
37
|
weight: {
|
|
61
38
|
1: "400"
|
|
@@ -67,7 +44,7 @@ const createSystemFont = ({
|
|
|
67
44
|
size
|
|
68
45
|
});
|
|
69
46
|
};
|
|
70
|
-
const headingLineHeight = size => Math.round(
|
|
47
|
+
const headingLineHeight = size => Math.round(size * 1.12 + 5);
|
|
71
48
|
const fonts = {
|
|
72
49
|
body: createSystemFont(),
|
|
73
50
|
heading: createSystemFont({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createFont","getVariableValue","
|
|
1
|
+
{"version":3,"names":["createFont","getVariableValue","defaultSizes","true","defaultLineHeight","size","ratio","Math","max","round","createSystemFont","font","sizeLineHeight","sizeSize","Object","fromEntries","entries","map","k","v","family","lineHeight","weight","letterSpacing","headingLineHeight","fonts","body","heading"],"sources":["../../src/v5-fonts.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,UAAA,EAAYC,gBAAA,QAAwB;AAE7C,MAAMC,YAAQ;EACd,KAAM;EAGN,KAAM;EAAW,CACf,IAAG;EAAA,CACH,IAAG;EAAAC,IACA;EAAA,CACH,IAAG;EAAA,CACH;EAAM,CACN,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAA,EACH,EAAG;EAAA,EACH,EAAG;EAAA,EACH,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ;AAAI;AACA,MACAC,iBAAA,GAAAC,IAAA;EACN,MAAAC,KAAA,SAAAC,IAAA,CAAAC,GAAA,KAAAH,IAAA;EAIA,OAAME,IAAA,CAAAE,KAAA,CAAAJ,IAAc,GAAAC,KAAA;AAAA;AACf,MACAI,gBAAA,GAAAA,CAAA;EAAAC,IAAA;EAAAC,cAAA,GAAAR,iBAAA;EAAAS,QAAA,GAAAR,IAAA,IAAAE,IAAA,CAAAE,KAAA,CAAAJ,IAAA;AAAA;EAAA,MACAA,IAAA,GAAAS,MAAA,CAAAC,WAAA,CAAAD,MAAA,CAAAE,OAAA;IACH,GAAGd,YAAA;IACH,GAAAS,IAAM,CAAAN;EAAA,CACN,EAAAY,GAAG,GAAAC,CAAA,EAAAC,CAAA,OAAAD,CAAA,EAAAL,QAAA,EAAAM,CAAA;EAAA,OACAnB,UAAA;IACHoB,MAAG;IACHC,UAAG,EAAAP,MAAA,CAAAC,WAAA,CAAAD,MAAA,CAAAE,OAAA,CAAAX,IAAA,EAAAY,GAAA,GAAAC,CAAA,EAAAC,CAAA,OAAAD,CAAA,EAAAN,cAAA,CAAAX,gBAAA,CAAAkB,CAAA;IACHG,MAAG;MAAA;IAAA;IACHC,aAAI;MAAA;IAAA;IACJ,GAAAZ,IAAI;IACJN;EAAI,CACJ;AAAI;AACA,MACAmB,iBAAA,GAAAnB,IAAA,IAAAE,IAAA,CAAAE,KAAA,CAAAJ,IAAA;AAAA,MACAoB,KAAA;EACNC,IAAA,EAAAhB,gBAAA;EAEAiB,OAAM,EAAAjB,gBAAe;IAGrBC,IAAM;MAAAW,MAAA;QACJ,GAAI;QAEJ,QAAM;QACN;MACF;IAAA;IAEOV,cAAM,EAAAY;EAA2C,CACtD;AAAQ;AACS,SACjBd,gBAAqB,EAAAe,KAAK","ignoreList":[]}
|
|
@@ -1,26 +1,7 @@
|
|
|
1
1
|
import { createFont, getVariableValue } from "@hanzogui/core";
|
|
2
2
|
var isWeb = false;
|
|
3
3
|
var isNative = true;
|
|
4
|
-
var
|
|
5
|
-
1: 12,
|
|
6
|
-
2: 13,
|
|
7
|
-
3: 14,
|
|
8
|
-
4: 15,
|
|
9
|
-
true: 15,
|
|
10
|
-
5: 16,
|
|
11
|
-
6: 18,
|
|
12
|
-
7: 22,
|
|
13
|
-
8: 26,
|
|
14
|
-
9: 30,
|
|
15
|
-
10: 40,
|
|
16
|
-
11: 46,
|
|
17
|
-
12: 52,
|
|
18
|
-
13: 60,
|
|
19
|
-
14: 70,
|
|
20
|
-
15: 85,
|
|
21
|
-
16: 100
|
|
22
|
-
};
|
|
23
|
-
var nativeSizes = {
|
|
4
|
+
var defaultSizes = isNative ? {
|
|
24
5
|
1: 11,
|
|
25
6
|
2: 12,
|
|
26
7
|
3: 15,
|
|
@@ -38,11 +19,28 @@ var nativeSizes = {
|
|
|
38
19
|
14: 70,
|
|
39
20
|
15: 85,
|
|
40
21
|
16: 100
|
|
22
|
+
} : {
|
|
23
|
+
1: 12,
|
|
24
|
+
2: 13,
|
|
25
|
+
3: 14,
|
|
26
|
+
4: 15,
|
|
27
|
+
true: 15,
|
|
28
|
+
5: 16,
|
|
29
|
+
6: 18,
|
|
30
|
+
7: 22,
|
|
31
|
+
8: 26,
|
|
32
|
+
9: 30,
|
|
33
|
+
10: 40,
|
|
34
|
+
11: 46,
|
|
35
|
+
12: 52,
|
|
36
|
+
13: 60,
|
|
37
|
+
14: 70,
|
|
38
|
+
15: 85,
|
|
39
|
+
16: 100
|
|
41
40
|
};
|
|
42
|
-
var defaultSizes = isNative ? nativeSizes : webSizes;
|
|
43
41
|
var defaultLineHeight = function (size) {
|
|
44
42
|
if (isNative) return Math.round(size + 5);
|
|
45
|
-
var ratio = 1.5 - Math.max(0, (size - 20) *
|
|
43
|
+
var ratio = 1.5 - Math.max(0, (size - 20) * .004);
|
|
46
44
|
return Math.round(size * ratio);
|
|
47
45
|
};
|
|
48
46
|
var createSystemFont = function () {
|
|
@@ -61,7 +59,7 @@ var createSystemFont = function () {
|
|
|
61
59
|
return [k, sizeSize(+v)];
|
|
62
60
|
}));
|
|
63
61
|
return createFont({
|
|
64
|
-
family: isWeb ?
|
|
62
|
+
family: isWeb ? "-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif" : "System",
|
|
65
63
|
lineHeight: Object.fromEntries(Object.entries(size).map(function (param) {
|
|
66
64
|
var [k, v] = param;
|
|
67
65
|
return [k, sizeLineHeight(getVariableValue(v))];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createFont","getVariableValue","isWeb","isNative","
|
|
1
|
+
{"version":3,"names":["createFont","getVariableValue","isWeb","isNative","defaultSizes","true","defaultLineHeight","size","Math","round","ratio","max","createSystemFont","font","sizeLineHeight","sizeSize","size2","arguments","length","Object","fromEntries","entries","map","param","k","v","family","lineHeight","weight","letterSpacing","headingLineHeight","fonts","body","heading"],"sources":["../../src/v5-fonts.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,UAAA,EAAYC,gBAAA,QAAwB;AAE7C,IAAAC,KAAM,QAAQ;AACd,IAAAC,QAAM,OAAW;AAGjB,IAAAC,YAAM,GAAWD,QAAA;EAAA,CACf,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAAE,IACH,IAAM;EAAA,CACN,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAA,EACH,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ;AACF;EAIA,KAAM;EAAc,CAClB,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAAA,IACA;EAAA,CACH;EAAM,CACN,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAA,CACH,IAAG;EAAA,EACH,EAAG;EAAA,EACH,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ,IAAI;EAAA,EACJ;AAAI;AAEN,IAAAC,iBAAA,YAAAA,CAAAC,IAAA;EAEA,IAAAJ,QAAM,SAAeK,IAAA,CAAAC,KAAW,CAAAF,IAAA;EAGhC,IAAAG,KAAM,SAAAF,IAAA,CAAAG,GAAqB,KAAAJ,IAAiB;EAC1C,OAAIC,IAAA,CAAAC,KAAU,CAAAF,IAAO,GAAAG,KAAK;AAE1B;AACA,IAAAE,gBAAkB,YAAAA,CAAA,EAAY;EAChC;IAAAC,IAAA;IAAAC,cAAA,GAAAR,iBAAA;IAAAS,QAAA,YAAAA,CAAAC,KAAA;MAEO,OAAMR,IAAA,CAAAC,KAAA,CAAAO,KAAmB,CAAwB;IAAA;EACtD,IAAAC,SAAQ,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,IACRV,IAAA,GAAAY,MAAA,CAAiBC,WAAA,CAAAD,MAAA,CAAAE,OAAA;IACjB,GAAAjB,YAAY;IACd,GAIKS,IAAA,CAAAN;EAEH,GAAAe,GAAA,CAAM,UAAOC,KAAO;IAAA,IAClB,CAAAC,CAAA,EAAAC,CAAO,IAAAF,KAAQ;IAAA,OACV,CAAAC,CAAA,EAAAT,QAAA,EAAAU,CAAA;EAAA;EACK,OACPzB,UAAU;IACf0B,MAAA,EAAAxB,KAAA;IACAyB,UAAO,EAAAR,MAAW,CAAAC,WAAA,CAAAD,MAAA,CAAAE,OAAA,CAAAd,IAAA,EAAAe,GAAA,WAAAC,KAAA;MAAA,IAChB,CAAAC,CAAA,EAAAC,CAAQ,IAAAF,KACJ;MACA,OACJ,CAAAC,CAAA,EAAAV,cAAmB,CAAAb,gBAAA,CAAAwB,CAAA;IAAA;IAC4DG,MAC/E;MAAA;IAAA;IAAAC,aACQ;MAAA;IAAA;IAAA,GAAAhB,IACH;IAAAN;EACL;AACe;AACV,IACLuB,iBAAA,YAAAA,CAAAvB,IAAA;EAAA,OACIC,IAAA,CAAAC,KAAA,CAAAN,QAAA,GAAAI,IAAA,SAAAA,IAAA;AAAA;AACJ,IACDwB,KAAA;EACHC,IAAA,EAAApB,gBAAA;EAGAqB,OAAM,EAAArB,gBAAoB,CAAC;IAGpBC,IAAM;MAAAe,MAAQ;QACnB,QAAM;QACN,QAAS;QAAiB,CACxB;MAAM;IAAA;IACId,cACH,EAAAgB;EAAA;AACA;AACA,SACLlB,gBAAA,EAAAmB,KAAA","ignoreList":[]}
|
package/dist/esm/v5-media.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
const breakpoints = {
|
|
2
|
-
// for container queries its really helpful to have small sizes
|
|
3
2
|
100: 100,
|
|
4
3
|
200: 200,
|
|
5
4
|
xxxs: 260,
|
|
@@ -11,21 +10,14 @@ const breakpoints = {
|
|
|
11
10
|
xl: 1280,
|
|
12
11
|
xxl: 1536
|
|
13
12
|
};
|
|
14
|
-
const mediaQueryForceNonOverlap =
|
|
13
|
+
const mediaQueryForceNonOverlap = .02;
|
|
15
14
|
const media = {
|
|
16
|
-
|
|
17
|
-
touchable: false ? {
|
|
18
|
-
minWidth: 0
|
|
19
|
-
} : {
|
|
15
|
+
touchable: {
|
|
20
16
|
pointer: "coarse"
|
|
21
17
|
},
|
|
22
|
-
|
|
23
|
-
hoverable: false ? {
|
|
24
|
-
maxWidth: 0
|
|
25
|
-
} : {
|
|
18
|
+
hoverable: {
|
|
26
19
|
hover: "hover"
|
|
27
20
|
},
|
|
28
|
-
// Max-width queries (desktop-first, ordered large-to-small so smaller wins)
|
|
29
21
|
"max-xxl": {
|
|
30
22
|
maxWidth: breakpoints.xxl - mediaQueryForceNonOverlap
|
|
31
23
|
},
|
|
@@ -50,15 +42,12 @@ const media = {
|
|
|
50
42
|
"max-xxxs": {
|
|
51
43
|
maxWidth: breakpoints.xxxs - mediaQueryForceNonOverlap
|
|
52
44
|
},
|
|
53
|
-
// for container queries its really helpful to have small sizes
|
|
54
45
|
"max-200": {
|
|
55
46
|
maxWidth: breakpoints["200"] - mediaQueryForceNonOverlap
|
|
56
47
|
},
|
|
57
48
|
"max-100": {
|
|
58
49
|
maxWidth: breakpoints["100"] - mediaQueryForceNonOverlap
|
|
59
50
|
},
|
|
60
|
-
// Min-width queries (mobile-first)
|
|
61
|
-
// non-max wins over max though tbh it could go either way
|
|
62
51
|
xxxs: {
|
|
63
52
|
minWidth: breakpoints.xxxs
|
|
64
53
|
},
|
|
@@ -83,9 +72,6 @@ const media = {
|
|
|
83
72
|
xxl: {
|
|
84
73
|
minWidth: breakpoints.xxl
|
|
85
74
|
},
|
|
86
|
-
// Height-based queries LAST so they override width queries when both match
|
|
87
|
-
// (later in object = higher CSS specificity)
|
|
88
|
-
// max-height ordered large-to-small so smaller wins (like max-width)
|
|
89
75
|
"max-height-lg": {
|
|
90
76
|
maxHeight: breakpoints.lg - mediaQueryForceNonOverlap
|
|
91
77
|
},
|
|
@@ -123,7 +109,6 @@ const media = {
|
|
|
123
109
|
const mediaQueryDefaultActive = {
|
|
124
110
|
touchable: false,
|
|
125
111
|
hoverable: true,
|
|
126
|
-
// Max queries
|
|
127
112
|
"max-xxl": true,
|
|
128
113
|
"max-xl": true,
|
|
129
114
|
"max-lg": true,
|
|
@@ -132,7 +117,6 @@ const mediaQueryDefaultActive = {
|
|
|
132
117
|
"max-xs": true,
|
|
133
118
|
"max-xxs": false,
|
|
134
119
|
"max-xxxs": false,
|
|
135
|
-
// Min queries
|
|
136
120
|
xxxs: true,
|
|
137
121
|
xxs: true,
|
|
138
122
|
xs: true,
|
|
@@ -141,7 +125,6 @@ const mediaQueryDefaultActive = {
|
|
|
141
125
|
lg: false,
|
|
142
126
|
xl: false,
|
|
143
127
|
xxl: false,
|
|
144
|
-
// Height queries (default: iPhone non-max ~844pt)
|
|
145
128
|
"max-height-sm": false,
|
|
146
129
|
"max-height-md": false,
|
|
147
130
|
"max-height-lg": true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["breakpoints","xxxs","xxs","xs","sm","md","lg","xl","xxl","mediaQueryForceNonOverlap","media","touchable","
|
|
1
|
+
{"version":3,"names":["breakpoints","xxxs","xxs","xs","sm","md","lg","xl","xxl","mediaQueryForceNonOverlap","media","touchable","pointer","hoverable","hover","maxWidth","minWidth","maxHeight","minHeight","mediaQueryDefaultActive"],"sources":["../../src/v5-media.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
var breakpoints = {
|
|
2
|
-
// for container queries its really helpful to have small sizes
|
|
3
2
|
100: 100,
|
|
4
3
|
200: 200,
|
|
5
4
|
xxxs: 260,
|
|
@@ -11,21 +10,14 @@ var breakpoints = {
|
|
|
11
10
|
xl: 1280,
|
|
12
11
|
xxl: 1536
|
|
13
12
|
};
|
|
14
|
-
var mediaQueryForceNonOverlap =
|
|
13
|
+
var mediaQueryForceNonOverlap = 1;
|
|
15
14
|
var media = {
|
|
16
|
-
|
|
17
|
-
touchable: true ? {
|
|
15
|
+
touchable: {
|
|
18
16
|
minWidth: 0
|
|
19
|
-
} : {
|
|
20
|
-
pointer: "coarse"
|
|
21
17
|
},
|
|
22
|
-
|
|
23
|
-
hoverable: true ? {
|
|
18
|
+
hoverable: {
|
|
24
19
|
maxWidth: 0
|
|
25
|
-
} : {
|
|
26
|
-
hover: "hover"
|
|
27
20
|
},
|
|
28
|
-
// Max-width queries (desktop-first, ordered large-to-small so smaller wins)
|
|
29
21
|
"max-xxl": {
|
|
30
22
|
maxWidth: breakpoints.xxl - mediaQueryForceNonOverlap
|
|
31
23
|
},
|
|
@@ -50,15 +42,12 @@ var media = {
|
|
|
50
42
|
"max-xxxs": {
|
|
51
43
|
maxWidth: breakpoints.xxxs - mediaQueryForceNonOverlap
|
|
52
44
|
},
|
|
53
|
-
// for container queries its really helpful to have small sizes
|
|
54
45
|
"max-200": {
|
|
55
46
|
maxWidth: breakpoints["200"] - mediaQueryForceNonOverlap
|
|
56
47
|
},
|
|
57
48
|
"max-100": {
|
|
58
49
|
maxWidth: breakpoints["100"] - mediaQueryForceNonOverlap
|
|
59
50
|
},
|
|
60
|
-
// Min-width queries (mobile-first)
|
|
61
|
-
// non-max wins over max though tbh it could go either way
|
|
62
51
|
xxxs: {
|
|
63
52
|
minWidth: breakpoints.xxxs
|
|
64
53
|
},
|
|
@@ -83,9 +72,6 @@ var media = {
|
|
|
83
72
|
xxl: {
|
|
84
73
|
minWidth: breakpoints.xxl
|
|
85
74
|
},
|
|
86
|
-
// Height-based queries LAST so they override width queries when both match
|
|
87
|
-
// (later in object = higher CSS specificity)
|
|
88
|
-
// max-height ordered large-to-small so smaller wins (like max-width)
|
|
89
75
|
"max-height-lg": {
|
|
90
76
|
maxHeight: breakpoints.lg - mediaQueryForceNonOverlap
|
|
91
77
|
},
|
|
@@ -123,7 +109,6 @@ var media = {
|
|
|
123
109
|
var mediaQueryDefaultActive = {
|
|
124
110
|
touchable: true,
|
|
125
111
|
hoverable: false,
|
|
126
|
-
// Max queries
|
|
127
112
|
"max-xxl": true,
|
|
128
113
|
"max-xl": true,
|
|
129
114
|
"max-lg": true,
|
|
@@ -132,7 +117,6 @@ var mediaQueryDefaultActive = {
|
|
|
132
117
|
"max-xs": true,
|
|
133
118
|
"max-xxs": false,
|
|
134
119
|
"max-xxxs": false,
|
|
135
|
-
// Min queries
|
|
136
120
|
xxxs: true,
|
|
137
121
|
xxs: true,
|
|
138
122
|
xs: true,
|
|
@@ -141,7 +125,6 @@ var mediaQueryDefaultActive = {
|
|
|
141
125
|
lg: false,
|
|
142
126
|
xl: false,
|
|
143
127
|
xxl: false,
|
|
144
|
-
// Height queries (default: iPhone non-max ~844pt)
|
|
145
128
|
"max-height-sm": false,
|
|
146
129
|
"max-height-md": false,
|
|
147
130
|
"max-height-lg": true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["breakpoints","xxxs","xxs","xs","sm","md","lg","xl","xxl","mediaQueryForceNonOverlap","media","touchable","minWidth","
|
|
1
|
+
{"version":3,"names":["breakpoints","xxxs","xxs","xs","sm","md","lg","xl","xxl","mediaQueryForceNonOverlap","media","touchable","minWidth","hoverable","maxWidth","maxHeight","minHeight","mediaQueryDefaultActive"],"sources":["../../src/v5-media.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzogui/config",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.3.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs",
|
|
@@ -103,35 +103,46 @@
|
|
|
103
103
|
"access": "public"
|
|
104
104
|
},
|
|
105
105
|
"scripts": {
|
|
106
|
-
"build": "
|
|
107
|
-
"watch": "
|
|
108
|
-
"clean": "
|
|
109
|
-
"clean:build": "
|
|
106
|
+
"build": "gui-build",
|
|
107
|
+
"watch": "gui-build --watch",
|
|
108
|
+
"clean": "gui-build clean",
|
|
109
|
+
"clean:build": "gui-build clean:build"
|
|
110
110
|
},
|
|
111
111
|
"dependencies": {
|
|
112
|
-
"@hanzogui/animations-css": "
|
|
113
|
-
"@hanzogui/animations-motion": "
|
|
114
|
-
"@hanzogui/animations-react-native": "
|
|
115
|
-
"@hanzogui/animations-reanimated": "
|
|
116
|
-
"@hanzogui/colors": "
|
|
117
|
-
"@hanzogui/core": "
|
|
118
|
-
"@hanzogui/
|
|
119
|
-
"@hanzogui/
|
|
120
|
-
"@hanzogui/
|
|
121
|
-
"@hanzogui/
|
|
122
|
-
"@hanzogui/
|
|
123
|
-
"@hanzogui/
|
|
124
|
-
"@hanzogui/
|
|
112
|
+
"@hanzogui/animations-css": "7.3.0",
|
|
113
|
+
"@hanzogui/animations-motion": "7.3.0",
|
|
114
|
+
"@hanzogui/animations-react-native": "7.3.0",
|
|
115
|
+
"@hanzogui/animations-reanimated": "7.3.0",
|
|
116
|
+
"@hanzogui/colors": "7.3.0",
|
|
117
|
+
"@hanzogui/core": "7.3.0",
|
|
118
|
+
"@hanzogui/font-inter": "7.3.0",
|
|
119
|
+
"@hanzogui/font-silkscreen": "7.3.0",
|
|
120
|
+
"@hanzogui/react-native-media-driver": "7.3.0",
|
|
121
|
+
"@hanzogui/shorthands": "7.3.0",
|
|
122
|
+
"@hanzogui/theme-builder": "7.3.0",
|
|
123
|
+
"@hanzogui/themes": "7.3.0",
|
|
124
|
+
"@hanzogui/web": "7.3.0"
|
|
125
125
|
},
|
|
126
126
|
"devDependencies": {
|
|
127
|
-
"@hanzogui/build": "
|
|
127
|
+
"@hanzogui/build": "7.3.0"
|
|
128
128
|
},
|
|
129
129
|
"peerDependencies": {
|
|
130
|
-
"@hanzogui/animations-moti": "
|
|
130
|
+
"@hanzogui/animations-moti": "*"
|
|
131
131
|
},
|
|
132
132
|
"peerDependenciesMeta": {
|
|
133
133
|
"@hanzogui/animations-moti": {
|
|
134
134
|
"optional": true
|
|
135
135
|
}
|
|
136
|
-
}
|
|
136
|
+
},
|
|
137
|
+
"files": [
|
|
138
|
+
"dist",
|
|
139
|
+
"src",
|
|
140
|
+
"types",
|
|
141
|
+
"*.cjs",
|
|
142
|
+
"*.mjs",
|
|
143
|
+
"*.css",
|
|
144
|
+
"README.md"
|
|
145
|
+
],
|
|
146
|
+
"license": "BSD-3-Clause",
|
|
147
|
+
"author": "Hanzo AI <dev@hanzo.ai>"
|
|
137
148
|
}
|
package/src/fonts.ts
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { createInterFont } from '@hanzogui/font-inter'
|
|
2
|
+
import { createSilkscreenFont } from '@hanzogui/font-silkscreen'
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
import { createGenericFont } from './createGenericFont'
|
|
5
|
+
|
|
6
|
+
const silkscreenFont = createSilkscreenFont()
|
|
7
|
+
|
|
8
|
+
const headingFont = createInterFont(
|
|
5
9
|
{
|
|
6
10
|
size: {
|
|
7
11
|
5: 13,
|
|
@@ -32,16 +36,17 @@ const headingFont = createGeistSansFont(
|
|
|
32
36
|
14: -3,
|
|
33
37
|
15: -4,
|
|
34
38
|
},
|
|
39
|
+
// for native
|
|
35
40
|
face: {
|
|
36
|
-
700: { normal: '
|
|
37
|
-
800: { normal: '
|
|
38
|
-
900: { normal: '
|
|
41
|
+
700: { normal: 'InterBold' },
|
|
42
|
+
800: { normal: 'InterBold' },
|
|
43
|
+
900: { normal: 'InterBold' },
|
|
39
44
|
},
|
|
40
45
|
},
|
|
41
46
|
{ sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }
|
|
42
47
|
)
|
|
43
48
|
|
|
44
|
-
const bodyFont =
|
|
49
|
+
const bodyFont = createInterFont(
|
|
45
50
|
{
|
|
46
51
|
weight: {
|
|
47
52
|
1: '400',
|
|
@@ -53,14 +58,33 @@ const bodyFont = createGeistSansFont(
|
|
|
53
58
|
}
|
|
54
59
|
)
|
|
55
60
|
|
|
56
|
-
const monoFont =
|
|
61
|
+
const monoFont = createGenericFont(
|
|
62
|
+
`"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`,
|
|
57
63
|
{
|
|
58
64
|
weight: {
|
|
59
65
|
1: '500',
|
|
60
66
|
},
|
|
67
|
+
size: {
|
|
68
|
+
1: 11,
|
|
69
|
+
2: 12,
|
|
70
|
+
3: 13,
|
|
71
|
+
4: 14,
|
|
72
|
+
5: 16,
|
|
73
|
+
6: 18,
|
|
74
|
+
7: 20,
|
|
75
|
+
8: 22,
|
|
76
|
+
9: 30,
|
|
77
|
+
10: 42,
|
|
78
|
+
11: 52,
|
|
79
|
+
12: 62,
|
|
80
|
+
13: 72,
|
|
81
|
+
14: 92,
|
|
82
|
+
15: 114,
|
|
83
|
+
16: 124,
|
|
84
|
+
},
|
|
61
85
|
},
|
|
62
86
|
{
|
|
63
|
-
sizeLineHeight: (x) =>
|
|
87
|
+
sizeLineHeight: (x) => x * 1.5,
|
|
64
88
|
}
|
|
65
89
|
)
|
|
66
90
|
|
|
@@ -68,4 +92,5 @@ export const fonts = {
|
|
|
68
92
|
heading: headingFont,
|
|
69
93
|
body: bodyFont,
|
|
70
94
|
mono: monoFont,
|
|
95
|
+
silkscreen: silkscreenFont,
|
|
71
96
|
}
|