@hanzogui/logo 7.3.0 → 8.0.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/dist/cjs/LogoIcon.cjs +1 -1
- package/dist/cjs/LogoIcon.native.js +1 -1
- package/dist/cjs/tints.cjs +6 -6
- package/dist/cjs/tints.native.js +6 -6
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/esm/LogoIcon.mjs +1 -1
- package/dist/esm/LogoIcon.native.js +1 -1
- package/dist/esm/tints.mjs +6 -6
- package/dist/esm/tints.mjs.map +1 -1
- package/dist/esm/tints.native.js +6 -6
- package/dist/esm/tints.native.js.map +1 -1
- package/package.json +10 -12
- package/src/LogoIcon.tsx +1 -1
- package/src/SeasonProvider.tsx +2 -2
- package/src/tints.tsx +15 -7
- package/src/useTint.tsx +1 -1
- package/types/LogoIcon.d.ts.map +1 -1
- package/types/SeasonProvider.d.ts.map +1 -1
- package/types/tints.d.ts +1 -1
- package/types/tints.d.ts.map +2 -2
- package/types/useTint.d.ts +1 -1
- package/types/useTint.d.ts.map +1 -1
- package/LICENSE +0 -42
package/dist/cjs/LogoIcon.cjs
CHANGED
|
@@ -45,7 +45,7 @@ var LogoIcon = function (param) {
|
|
|
45
45
|
scaleX: -1
|
|
46
46
|
},
|
|
47
47
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GuiLogoSvg.GuiIconSvg, {
|
|
48
|
-
className: "
|
|
48
|
+
className: "hanzogui-icon",
|
|
49
49
|
width: 450 / 8 / downscale,
|
|
50
50
|
height: 420 / 8 / downscale,
|
|
51
51
|
color
|
package/dist/cjs/tints.cjs
CHANGED
|
@@ -43,22 +43,22 @@ module.exports = __toCommonJS(tints_exports);
|
|
|
43
43
|
var import_react = __toESM(require("react"), 1);
|
|
44
44
|
const listeners = /* @__PURE__ */new Set();
|
|
45
45
|
const familiesValues = {
|
|
46
|
-
|
|
46
|
+
hanzogui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
47
47
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
48
48
|
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
49
49
|
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
50
50
|
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
51
51
|
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
52
|
-
stpatricks: ["green", "
|
|
52
|
+
stpatricks: ["green", "yellow", "green", "yellow", "green", "yellow", "green"]
|
|
53
53
|
};
|
|
54
|
-
const DEFAULT_FAMILY = "
|
|
54
|
+
const DEFAULT_FAMILY = "hanzogui";
|
|
55
55
|
const familiesNames = Object.keys(familiesValues);
|
|
56
56
|
const families = familiesValues;
|
|
57
57
|
let fam = DEFAULT_FAMILY;
|
|
58
58
|
function getTints() {
|
|
59
59
|
return {
|
|
60
60
|
name: fam || DEFAULT_FAMILY,
|
|
61
|
-
tints: families[fam] || families.
|
|
61
|
+
tints: families[fam] || families.hanzogui,
|
|
62
62
|
families
|
|
63
63
|
};
|
|
64
64
|
}
|
|
@@ -79,11 +79,11 @@ function setTintFamily(next) {
|
|
|
79
79
|
if (typeof document !== "undefined") {
|
|
80
80
|
const root = document.documentElement.classList;
|
|
81
81
|
familiesNames.forEach(s => {
|
|
82
|
-
if (s !== "
|
|
82
|
+
if (s !== "hanzogui") {
|
|
83
83
|
root.remove(`${s}-season`);
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
|
-
if (next !== "
|
|
86
|
+
if (next !== "hanzogui") {
|
|
87
87
|
root.add(`${next}-season`);
|
|
88
88
|
}
|
|
89
89
|
}
|
package/dist/cjs/tints.native.js
CHANGED
|
@@ -45,22 +45,22 @@ module.exports = __toCommonJS(tints_exports);
|
|
|
45
45
|
var import_react = __toESM(require("react"), 1);
|
|
46
46
|
var listeners = /* @__PURE__ */new Set();
|
|
47
47
|
var familiesValues = {
|
|
48
|
-
|
|
48
|
+
hanzogui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
49
49
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
50
50
|
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
51
51
|
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
52
52
|
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
53
53
|
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
54
|
-
stpatricks: ["green", "
|
|
54
|
+
stpatricks: ["green", "yellow", "green", "yellow", "green", "yellow", "green"]
|
|
55
55
|
};
|
|
56
|
-
var DEFAULT_FAMILY = "
|
|
56
|
+
var DEFAULT_FAMILY = "hanzogui";
|
|
57
57
|
var familiesNames = Object.keys(familiesValues);
|
|
58
58
|
var families = familiesValues;
|
|
59
59
|
var fam = DEFAULT_FAMILY;
|
|
60
60
|
function getTints() {
|
|
61
61
|
return {
|
|
62
62
|
name: fam || DEFAULT_FAMILY,
|
|
63
|
-
tints: families[fam] || families.
|
|
63
|
+
tints: families[fam] || families.hanzogui,
|
|
64
64
|
families
|
|
65
65
|
};
|
|
66
66
|
}
|
|
@@ -81,11 +81,11 @@ function setTintFamily(next) {
|
|
|
81
81
|
if (typeof document !== "undefined") {
|
|
82
82
|
var root = document.documentElement.classList;
|
|
83
83
|
familiesNames.forEach(function (s) {
|
|
84
|
-
if (s !== "
|
|
84
|
+
if (s !== "hanzogui") {
|
|
85
85
|
root.remove(`${s}-season`);
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
|
-
if (next !== "
|
|
88
|
+
if (next !== "hanzogui") {
|
|
89
89
|
root.add(`${next}-season`);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","tints_exports","__export","getTints","onTintFamilyChange","setNextTintFamily","setTintFamily","useTints","module","exports","import_react","__toESM","require","listeners","Set","familiesValues","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","tints_exports","__export","getTints","onTintFamilyChange","setNextTintFamily","setTintFamily","useTints","module","exports","import_react","__toESM","require","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","name","tints","val","setVal","default","useState","useEffect","startTransition"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAb,YAAkB,CAAAK,aAAA;AAKlB,IAAAS,YAAM,GAAYC,OAAA,CAAAC,OAAA,QAAuB;AAIzC,IAAAC,SAAM,kBAAiB,IAAAC,GAAA;AAAA,IACrBC,cAAW;EACXC,QAAO,GACP,QAAQ,EACN,UACA,UACA,QACA,OACA,SACA;EAEFC,IAAA,GACA,OACE,SACA,OACA,SACA,OACA,SACA;EAEFC,MAAA,GACA,UACA,QAAQ,EACR,UACE,UACA,UACA,UACA;EACAC,SACA,GACA,UACF,QACF,UAIA,MAAM,EAEN,QAAM,EAGN,MAAM,EAIF,QAAkB,CAEf;EAKLC,SAAO,GACL,OACA,OACA,OACF,OACF,OAEO,KAAS,EAKd,KAAO,CAEP;EACEC,KAAA,GACE,UACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,EAEL,KAAO,EACT,SAEO;EACLC,UAAK,GACL,OAAM,EAGN,QAAI,EACF,OAAM,EAEN,UACE,OAAI,EACF,UAAyB,OAC3B;AAGF;AACE,IAAAC,cAAY,aAAa;AAAA,IAC3BC,aAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAX,cAAA;AAAA,IACFY,QAAA,GAAAZ,cAAA;AAEA,IAAAa,GAAA,GAAAL,cAAM;AACJ,SAAApB,QAAUA,CAAA;EACZ,OAAC;IACH0B,IAAA,EAAAD,GAAA,IAAAL,cAAA;IAEOO,KAAM,EAAAH,QAAA,CAAAC,GAAA,KAAoBD,QAAY,CAAAX,QAAA;IAC3CW;EACF;AAEO;AACL,SAAApB,QAAcA,CAAA,EAAE;EAChB,KAAAwB,GAAO,EAAAC,MAAY,IAAAtB,YAAA,CAAAuB,OAAA,CAAAC,QAAA,CAAA/B,QAAA;EACjBO,YAAU,CAAAuB,OAAO,CAAEE,SAAA;IACrB,OAAA/B,kBAAA;MACFM,YAAA,CAAAuB,OAAA,CAAAG,eAAA","ignoreList":[]}
|
package/dist/esm/LogoIcon.mjs
CHANGED
package/dist/esm/tints.mjs
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
const listeners = /* @__PURE__ */new Set();
|
|
3
3
|
const familiesValues = {
|
|
4
|
-
|
|
4
|
+
hanzogui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
5
5
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
6
|
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
7
7
|
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
8
8
|
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
9
9
|
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
|
-
stpatricks: ["green", "
|
|
10
|
+
stpatricks: ["green", "yellow", "green", "yellow", "green", "yellow", "green"]
|
|
11
11
|
};
|
|
12
|
-
const DEFAULT_FAMILY = "
|
|
12
|
+
const DEFAULT_FAMILY = "hanzogui";
|
|
13
13
|
const familiesNames = Object.keys(familiesValues);
|
|
14
14
|
const families = familiesValues;
|
|
15
15
|
let fam = DEFAULT_FAMILY;
|
|
16
16
|
function getTints() {
|
|
17
17
|
return {
|
|
18
18
|
name: fam || DEFAULT_FAMILY,
|
|
19
|
-
tints: families[fam] || families.
|
|
19
|
+
tints: families[fam] || families.hanzogui,
|
|
20
20
|
families
|
|
21
21
|
};
|
|
22
22
|
}
|
|
@@ -37,11 +37,11 @@ function setTintFamily(next) {
|
|
|
37
37
|
if (typeof document !== "undefined") {
|
|
38
38
|
const root = document.documentElement.classList;
|
|
39
39
|
familiesNames.forEach(s => {
|
|
40
|
-
if (s !== "
|
|
40
|
+
if (s !== "hanzogui") {
|
|
41
41
|
root.remove(`${s}-season`);
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
|
-
if (next !== "
|
|
44
|
+
if (next !== "hanzogui") {
|
|
45
45
|
root.add(`${next}-season`);
|
|
46
46
|
}
|
|
47
47
|
}
|
package/dist/esm/tints.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","listeners","Set","familiesValues","
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","document","root","documentElement","classList","forEach","s","remove","add","l","setNextTintFamily","indexOf","length","cb","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;AAIzC,MAAMC,cAAA,GAAiB;EACrBC,QAAA,EAAU,CAAC,UAAU,UAAU,UAAU,QAAQ,OAAO,SAAS,MAAM;EACvEC,IAAA,EAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;EAC5DC,MAAA,EAAQ,CACN,UACA,UACA,UACA,UACA,UACA,UACA,SACF;EACAC,SAAA,EAAW,CACT,UACA,QACA,UACA,QACA,UACA,QACA,SACF;EACAC,SAAA,EAAW,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;EAC3DC,KAAA,EAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;EAC7DC,UAAA,EAAY,CACV,SACA,UACA,SACA,UACA,SACA,UACA;AAEJ;AAIA,MAAMC,cAAA,GAAyB;AAE/B,MAAMC,aAAA,GAAgBC,MAAA,CAAOC,IAAA,CAAKX,cAAc;AAGhD,MAAMY,QAAA,GAAWZ,cAAA;AAIjB,IAAIa,GAAA,GAAkBL,cAAA;AAEf,SAASM,SAAA,EAId;EACA,OAAO;IACLC,IAAA,EAAMF,GAAA,IAAOL,cAAA;IACbQ,KAAA,EAAOJ,QAAA,CAASC,GAAG,KAAKD,QAAA,CAASX,QAAA;IACjCW;EACF;AACF;AAEO,SAASK,SAAA,EAId;EACA,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAItB,KAAA,CAAMuB,QAAA,CAASN,QAAA,CAAS,CAAC;EAE/CjB,KAAA,CAAMwB,SAAA,CAAU,MAAM;IACpB,OAAOC,kBAAA,CAAmB,MAAM;MAC9BzB,KAAA,CAAM0B,eAAA,CAAgB,MAAM;QAC1BJ,MAAA,CAAOL,QAAA,CAAS,CAAC;MACnB,CAAC;IACH,CAAC;EACH,GAAG,EAAE;EAEL,OAAOI,GAAA;AACT;AAEO,SAASM,cAAcC,IAAA,EAAwB;EACpD,IAAI,CAACb,QAAA,CAASa,IAAI,GAAG,MAAM;EAC3BZ,GAAA,GAAMY,IAAA;EAGN,IAAI,OAAOC,QAAA,KAAa,aAAa;IACnC,MAAMC,IAAA,GAAOD,QAAA,CAASE,eAAA,CAAgBC,SAAA;IAEtCpB,aAAA,CAAcqB,OAAA,CAASC,CAAA,IAAM;MAC3B,IAAIA,CAAA,KAAM,YAAY;QACpBJ,IAAA,CAAKK,MAAA,CAAO,GAAGD,CAAC,SAAS;MAC3B;IACF,CAAC;IAED,IAAIN,IAAA,KAAS,YAAY;MACvBE,IAAA,CAAKM,GAAA,CAAI,GAAGR,IAAI,SAAS;IAC3B;EACF;EAEA5B,KAAA,CAAM0B,eAAA,CAAgB,MAAM;IAC1BzB,SAAA,CAAUgC,OAAA,CAASI,CAAA,IAAMA,CAAA,CAAET,IAAI,CAAC;EAClC,CAAC;AACH;AAEO,MAAMU,iBAAA,GAAoBA,CAAA,KAAY;EAC3CX,aAAA,CAAcf,aAAA,EAAeA,aAAA,CAAc2B,OAAA,CAAQvB,GAAG,IAAI,KAAKJ,aAAA,CAAc4B,MAAM,CAAC;AACtF;AAEO,MAAMf,kBAAA,GAAsBgB,EAAA,IAAsB;EACvDxC,SAAA,CAAUmC,GAAA,CAAIK,EAAE;EAChB,OAAO,MAAY;IACjBxC,SAAA,CAAUyC,MAAA,CAAOD,EAAE;EACrB;AACF","ignoreList":[]}
|
package/dist/esm/tints.native.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
var listeners = /* @__PURE__ */new Set();
|
|
3
3
|
var familiesValues = {
|
|
4
|
-
|
|
4
|
+
hanzogui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
5
5
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
6
|
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
7
7
|
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
8
8
|
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
9
9
|
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
|
-
stpatricks: ["green", "
|
|
10
|
+
stpatricks: ["green", "yellow", "green", "yellow", "green", "yellow", "green"]
|
|
11
11
|
};
|
|
12
|
-
var DEFAULT_FAMILY = "
|
|
12
|
+
var DEFAULT_FAMILY = "hanzogui";
|
|
13
13
|
var familiesNames = Object.keys(familiesValues);
|
|
14
14
|
var families = familiesValues;
|
|
15
15
|
var fam = DEFAULT_FAMILY;
|
|
16
16
|
function getTints() {
|
|
17
17
|
return {
|
|
18
18
|
name: fam || DEFAULT_FAMILY,
|
|
19
|
-
tints: families[fam] || families.
|
|
19
|
+
tints: families[fam] || families.hanzogui,
|
|
20
20
|
families
|
|
21
21
|
};
|
|
22
22
|
}
|
|
@@ -37,11 +37,11 @@ function setTintFamily(next) {
|
|
|
37
37
|
if (typeof document !== "undefined") {
|
|
38
38
|
var root = document.documentElement.classList;
|
|
39
39
|
familiesNames.forEach(function (s) {
|
|
40
|
-
if (s !== "
|
|
40
|
+
if (s !== "hanzogui") {
|
|
41
41
|
root.remove(`${s}-season`);
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
|
-
if (next !== "
|
|
44
|
+
if (next !== "hanzogui") {
|
|
45
45
|
root.add(`${next}-season`);
|
|
46
46
|
}
|
|
47
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","listeners","Set","familiesValues","
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","hanzogui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;AAItB,IAAAC,cAAM;EACJC,QAAA,EAAU,CACV,QAAO,EACP,QAAQ,EACN,UACA,QACA,OACA,SACA;EACAC,IACA,GACF,OACA,SACE,OACA,SACA,OACA,SACA;EACAC,MACA,GACF,UACA,UACA,QAAQ,EACR,UACE,UACA,UACA;EACAC,SACA,GACA,UACA,QACF,UACF,QAIA,QAAM,EAEN,MAAM,EAGN,QAAM,CAIN;EAEOC,SAAS,GAKd,KAAO,EACL,OACA,OACA,OACF,OACF,OAEO,KAAS,CAKd;EAEAC,KAAA,EAAM,CACJ,QAAO,EACL,OACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,EAEL,QAAO,CACT;EAEOC,UAAS,GACd,OAAK,EACL,QAAM,EAGN,OAAI,EACF,QAAM,EAEN,SACE,QAAI,EACF;AACF;AAGF,IAAAC,cAAa,aAAY;AACvB,IAAAC,aAAS,GAAGC,MAAI,CAAAC,IAAS,CAAAX,cAAA;AAAA,IAC3BY,QAAA,GAAAZ,cAAA;AAAA,IACFa,GAAA,GAAAL,cAAA;AAEA,SAAMM,SAAA;EACJ;IACDC,IAAA,EAAAF,GAAA,IAAAL,cAAA;IACHQ,KAAA,EAAAJ,QAAA,CAAAC,GAAA,KAAAD,QAAA,CAAAX,QAAA;IAEOW;EACL;AACF;AAEO,SAAMK,SAAA;EACX,KAAAC,GAAA,EAAUC,MAAM,IAAAtB,KAAA,CAAAuB,QAAA,CAAAN,QAAA;EAChBjB,KAAA,CAAAwB,SAAmB;IACjB,OAAAC,kBAAmB;MACrBzB,KAAA,CAAA0B,eAAA;QACFJ,MAAA,CAAAL,QAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzogui/logo",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"source": "src/index.tsx",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -38,23 +38,21 @@
|
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
|
41
|
-
"build": "
|
|
42
|
-
"watch": "
|
|
43
|
-
"clean": "
|
|
44
|
-
"clean:build": "
|
|
41
|
+
"build": "hanzogui-build",
|
|
42
|
+
"watch": "hanzogui-build --watch",
|
|
43
|
+
"clean": "hanzogui-build clean",
|
|
44
|
+
"clean:build": "hanzogui-build clean:build"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@hanzogui/use-element-layout": "
|
|
48
|
-
"@hanzogui/web": "
|
|
49
|
-
"hanzogui": "
|
|
47
|
+
"@hanzogui/use-element-layout": "8.0.0",
|
|
48
|
+
"@hanzogui/web": "8.0.0",
|
|
49
|
+
"hanzogui": "8.0.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@hanzogui/build": "
|
|
52
|
+
"@hanzogui/build": "8.0.0",
|
|
53
53
|
"react": ">=19"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"react": ">=19"
|
|
57
|
-
}
|
|
58
|
-
"license": "BSD-3-Clause",
|
|
59
|
-
"author": "Hanzo AI <dev@hanzo.ai>"
|
|
57
|
+
}
|
|
60
58
|
}
|
package/src/LogoIcon.tsx
CHANGED
package/src/SeasonProvider.tsx
CHANGED
|
@@ -9,7 +9,7 @@ function getInlineScript() {
|
|
|
9
9
|
var d = new Date();
|
|
10
10
|
var m = d.getMonth();
|
|
11
11
|
var day = d.getDate();
|
|
12
|
-
var season = '
|
|
12
|
+
var season = 'hanzogui';
|
|
13
13
|
|
|
14
14
|
if (m === 11 && day >= 14) season = 'xmas';
|
|
15
15
|
else if (m === 9 && day >= 20) season = 'halloween';
|
|
@@ -18,7 +18,7 @@ function getInlineScript() {
|
|
|
18
18
|
else if (m === 1 && day >= 7 && day <= 14) season = 'valentine';
|
|
19
19
|
else if (m === 0 && day >= 20 || m === 1 && day <= 12) season = 'lunar';
|
|
20
20
|
|
|
21
|
-
if (season !== '
|
|
21
|
+
if (season !== 'hanzogui') {
|
|
22
22
|
document.documentElement.classList.add(season + '-season');
|
|
23
23
|
}
|
|
24
24
|
window.__GUI_SEASON__ = season;
|
package/src/tints.tsx
CHANGED
|
@@ -8,7 +8,7 @@ const listeners = new Set<ChangeHandler>()
|
|
|
8
8
|
// T A M A G U I
|
|
9
9
|
// Maps to logo letters - index 3 (A) is the "none" theme position
|
|
10
10
|
const familiesValues = {
|
|
11
|
-
|
|
11
|
+
hanzogui: ['yellow', 'yellow', 'yellow', 'gray', 'red', 'green', 'blue'] as ThemeName[],
|
|
12
12
|
xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'] as ThemeName[],
|
|
13
13
|
easter: [
|
|
14
14
|
'yellow',
|
|
@@ -30,12 +30,20 @@ const familiesValues = {
|
|
|
30
30
|
] as ThemeName[],
|
|
31
31
|
valentine: ['red', 'red', 'red', 'red', 'red', 'red', 'red'] as ThemeName[],
|
|
32
32
|
lunar: ['yellow', 'red', 'red', 'red', 'red', 'red', 'yellow'] as ThemeName[],
|
|
33
|
-
stpatricks: [
|
|
33
|
+
stpatricks: [
|
|
34
|
+
'green',
|
|
35
|
+
'yellow',
|
|
36
|
+
'green',
|
|
37
|
+
'yellow',
|
|
38
|
+
'green',
|
|
39
|
+
'yellow',
|
|
40
|
+
'green',
|
|
41
|
+
] as ThemeName[],
|
|
34
42
|
}
|
|
35
43
|
|
|
36
44
|
type Family = keyof typeof familiesValues
|
|
37
45
|
|
|
38
|
-
const DEFAULT_FAMILY: Family = '
|
|
46
|
+
const DEFAULT_FAMILY: Family = 'hanzogui'
|
|
39
47
|
|
|
40
48
|
const familiesNames = Object.keys(familiesValues) as any as Family[]
|
|
41
49
|
|
|
@@ -53,7 +61,7 @@ export function getTints(): {
|
|
|
53
61
|
} {
|
|
54
62
|
return {
|
|
55
63
|
name: fam || DEFAULT_FAMILY,
|
|
56
|
-
tints: families[fam] || families.
|
|
64
|
+
tints: families[fam] || families.hanzogui,
|
|
57
65
|
families,
|
|
58
66
|
}
|
|
59
67
|
}
|
|
@@ -85,12 +93,12 @@ export function setTintFamily(next: TintFamily): void {
|
|
|
85
93
|
const root = document.documentElement.classList
|
|
86
94
|
// remove all season classes
|
|
87
95
|
familiesNames.forEach((s) => {
|
|
88
|
-
if (s !== '
|
|
96
|
+
if (s !== 'hanzogui') {
|
|
89
97
|
root.remove(`${s}-season`)
|
|
90
98
|
}
|
|
91
99
|
})
|
|
92
|
-
// add the new one if not
|
|
93
|
-
if (next !== '
|
|
100
|
+
// add the new one if not hanzogui
|
|
101
|
+
if (next !== 'hanzogui') {
|
|
94
102
|
root.add(`${next}-season`)
|
|
95
103
|
}
|
|
96
104
|
}
|
package/src/useTint.tsx
CHANGED
package/types/LogoIcon.d.ts.map
CHANGED
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import { YStack } from 'hanzogui'\nimport { GuiIconSvg } from './GuiLogoSvg'\nimport type { JSX } from 'react/jsx-runtime'\n\nexport const LogoIcon = ({\n downscale = 2,\n color,\n}: {\n downscale?: number\n color?: string\n}): JSX.Element => {\n return (\n <YStack\n render=\"span\"\n className=\"unselectable\"\n alignSelf=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n scaleX: -1,\n }}\n >\n <GuiIconSvg\n className=\"
|
|
9
|
+
"import { YStack } from 'hanzogui'\nimport { GuiIconSvg } from './GuiLogoSvg'\nimport type { JSX } from 'react/jsx-runtime'\n\nexport const LogoIcon = ({\n downscale = 2,\n color,\n}: {\n downscale?: number\n color?: string\n}): JSX.Element => {\n return (\n <YStack\n render=\"span\"\n className=\"unselectable\"\n alignSelf=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n scaleX: -1,\n }}\n >\n <GuiIconSvg\n className=\"hanzogui-icon\"\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n color={color}\n />\n </YStack>\n )\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import type React from 'react'\nimport { useEffect } from 'react'\nimport { setTintFamily, type TintFamily } from './tints'\n\n// inline script that runs before hydration to set season class on html\n// auto-detects season from current date\nfunction getInlineScript() {\n return `(function(){\n var d = new Date();\n var m = d.getMonth();\n var day = d.getDate();\n var season = '
|
|
9
|
+
"import type React from 'react'\nimport { useEffect } from 'react'\nimport { setTintFamily, type TintFamily } from './tints'\n\n// inline script that runs before hydration to set season class on html\n// auto-detects season from current date\nfunction getInlineScript() {\n return `(function(){\n var d = new Date();\n var m = d.getMonth();\n var day = d.getDate();\n var season = 'hanzogui';\n\n if (m === 11 && day >= 14) season = 'xmas';\n else if (m === 9 && day >= 20) season = 'halloween';\n else if (m === 2 && day >= 10 && day <= 17) season = 'stpatricks';\n else if (m === 2 && day >= 30 || m === 3 && day <= 20) season = 'easter';\n else if (m === 1 && day >= 7 && day <= 14) season = 'valentine';\n else if (m === 0 && day >= 20 || m === 1 && day <= 12) season = 'lunar';\n\n if (season !== 'hanzogui') {\n document.documentElement.classList.add(season + '-season');\n }\n window.__GUI_SEASON__ = season;\n})();`\n}\n\n// syncs the tint family with the value computed by the inline script\nfunction useSeasonSync() {\n useEffect(() => {\n const computed = (window as any).__GUI_SEASON__ as TintFamily | undefined\n if (computed) {\n setTintFamily(computed)\n }\n }, [])\n}\n\nexport function SeasonProvider({\n children,\n}: {\n children: React.ReactNode\n}): React.ReactNode {\n useSeasonSync()\n\n return (\n <>\n {/* disabled because were launchig v2 and its lunar new year */}\n {/* <script\n suppressHydrationWarning\n dangerouslySetInnerHTML={{\n __html: getInlineScript(),\n }}\n /> */}\n {children}\n </>\n )\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
package/types/tints.d.ts
CHANGED
package/types/tints.d.ts.map
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AACA,cAAc,iBAAiB;KAE1B,iBAAiB,MAAM;AAM5B,cAAM;CACJ,
|
|
2
|
+
"mappings": "AACA,cAAc,iBAAiB;KAE1B,iBAAiB,MAAM;AAM5B,cAAM;CACJ,UAA4E;CAC5E,MAAiE;CACjE,QAQK;CACL,WAQK;CACL,WAAgE;CAChE,OAAkE;CAClE,YAQK;;KAGF,sBAAsB;KAMtB,cAAc,OAAO,UAAS;AACnC,cAAM,UAA6B;AAEnC,YAAY,0BAA0B;AAItC,OAAO,iBAAS,YAAY;CAC1B;CACA,OAAO;CACP,UAAU;;AASZ,OAAO,iBAAS,YAAY;CAC1B;CACA,OAAO;CACP,UAAU;;AAeZ,OAAO,iBAAS,cAAc,MAAM;AAwBpC,OAAO,cAAM;AAIb,OAAO,cAAM,qBAAsB,IAAI",
|
|
3
3
|
"names": [],
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/tints.tsx"
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import React from 'react'\nimport type { ThemeName } from 'hanzogui'\n\ntype ChangeHandler = (next: TintFamily) => void\n\nconst listeners = new Set<ChangeHandler>()\n\n// T A M A G U I\n// Maps to logo letters - index 3 (A) is the \"none\" theme position\nconst familiesValues = {\n
|
|
9
|
+
"import React from 'react'\nimport type { ThemeName } from 'hanzogui'\n\ntype ChangeHandler = (next: TintFamily) => void\n\nconst listeners = new Set<ChangeHandler>()\n\n// T A M A G U I\n// Maps to logo letters - index 3 (A) is the \"none\" theme position\nconst familiesValues = {\n hanzogui: ['yellow', 'yellow', 'yellow', 'gray', 'red', 'green', 'blue'] as ThemeName[],\n xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'] as ThemeName[],\n easter: [\n 'yellow',\n 'yellow',\n 'yellow',\n 'yellow',\n 'yellow',\n 'yellow',\n 'yellow',\n ] as ThemeName[],\n halloween: [\n 'yellow',\n 'gray',\n 'yellow',\n 'gray',\n 'yellow',\n 'gray',\n 'yellow',\n ] as ThemeName[],\n valentine: ['red', 'red', 'red', 'red', 'red', 'red', 'red'] as ThemeName[],\n lunar: ['yellow', 'red', 'red', 'red', 'red', 'red', 'yellow'] as ThemeName[],\n stpatricks: [\n 'green',\n 'yellow',\n 'green',\n 'yellow',\n 'green',\n 'yellow',\n 'green',\n ] as ThemeName[],\n}\n\ntype Family = keyof typeof familiesValues\n\nconst DEFAULT_FAMILY: Family = 'hanzogui'\n\nconst familiesNames = Object.keys(familiesValues) as any as Family[]\n\ntype Families = { [key in Family]: ThemeName[] }\nconst families = familiesValues as Families\n\nexport type TintFamily = keyof typeof families\n\nlet fam: TintFamily = DEFAULT_FAMILY\n\nexport function getTints(): {\n name: string\n tints: ThemeName[]\n families: Families\n} {\n return {\n name: fam || DEFAULT_FAMILY,\n tints: families[fam] || families.hanzogui,\n families,\n }\n}\n\nexport function useTints(): {\n name: string\n tints: ThemeName[]\n families: Families\n} {\n const [val, setVal] = React.useState(getTints())\n\n React.useEffect(() => {\n return onTintFamilyChange(() => {\n React.startTransition(() => {\n setVal(getTints())\n })\n })\n }, [])\n\n return val\n}\n\nexport function setTintFamily(next: TintFamily): void {\n if (!families[next]) throw `impossible`\n fam = next\n\n // update DOM class for CSS-based styling (e.g., rainbow gradients)\n if (typeof document !== 'undefined') {\n const root = document.documentElement.classList\n // remove all season classes\n familiesNames.forEach((s) => {\n if (s !== 'hanzogui') {\n root.remove(`${s}-season`)\n }\n })\n // add the new one if not hanzogui\n if (next !== 'hanzogui') {\n root.add(`${next}-season`)\n }\n }\n\n React.startTransition(() => {\n listeners.forEach((l) => l(next))\n })\n}\n\nexport const setNextTintFamily = (): void => {\n setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length])\n}\n\nexport const onTintFamilyChange = (cb: ChangeHandler) => {\n listeners.add(cb)\n return (): void => {\n listeners.delete(cb)\n }\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
package/types/useTint.d.ts
CHANGED
package/types/useTint.d.ts.map
CHANGED
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import React, { createContext, useContext, useEffect, useState } from 'react'\nimport { useDidFinishSSR, type ThemeName } from 'hanzogui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\nlet current = 3\nlet disableTintTheme = false\n\nconst listeners = new Set<Function>()\nconst disableListeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n listeners.add(listener)\n return (): void => {\n listeners.delete(listener)\n }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number): void => {\n const val = Math.max(0, next % numTints)\n if (val === current) return\n current = val\n listeners.forEach((x) => x(val))\n}\n\n// when true, useTint returns null for tint/tintAlt so ThemeTint doesn't apply sub-themes\nexport const setDisableTintTheme = (disable: boolean): void => {\n if (disable === disableTintTheme) return\n disableTintTheme = disable\n disableListeners.forEach((x) => x(disable))\n}\n\nexport const getDisableTintTheme = (): boolean => disableTintTheme\n\nexport function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | null {\n return pathname === '/docs/intro/compiler-install' ||\n pathname === '/docs/intro/benchmarks' ||\n pathname === '/docs/intro/why-a-compiler'\n ? 'compiler'\n : pathname.startsWith('/ui/')\n ? 'ui'\n : pathname.startsWith('/docs/')\n ? 'core'\n : null\n}\n\nexport const InitialPathContext: React.Context<number> = createContext(3)\n\nexport const useTint = (\n altOffset = -1\n): {\n tints: ThemeName[]\n tintIndex: number\n tintAltIndex: number\n tint: ThemeName\n tintAlt: ThemeName\n setTintIndex: (next: number) => void\n setNextTintFamily: () => void\n setNextTint: () => void\n setDisableTintTheme: (disable: boolean) => void\n disableTintTheme: boolean\n name: string\n families: {\n
|
|
9
|
+
"import React, { createContext, useContext, useEffect, useState } from 'react'\nimport { useDidFinishSSR, type ThemeName } from 'hanzogui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\n\nlet current = 3\nlet disableTintTheme = false\n\nconst listeners = new Set<Function>()\nconst disableListeners = new Set<Function>()\n\nexport const onTintChange = (listener: (cur: number) => void) => {\n listeners.add(listener)\n return (): void => {\n listeners.delete(listener)\n }\n}\n\nconst numTints = getTints().tints.length\n\nexport const setTintIndex = (next: number): void => {\n const val = Math.max(0, next % numTints)\n if (val === current) return\n current = val\n listeners.forEach((x) => x(val))\n}\n\n// when true, useTint returns null for tint/tintAlt so ThemeTint doesn't apply sub-themes\nexport const setDisableTintTheme = (disable: boolean): void => {\n if (disable === disableTintTheme) return\n disableTintTheme = disable\n disableListeners.forEach((x) => x(disable))\n}\n\nexport const getDisableTintTheme = (): boolean => disableTintTheme\n\nexport function getDocsSection(pathname: string): 'compiler' | 'ui' | 'core' | null {\n return pathname === '/docs/intro/compiler-install' ||\n pathname === '/docs/intro/benchmarks' ||\n pathname === '/docs/intro/why-a-compiler'\n ? 'compiler'\n : pathname.startsWith('/ui/')\n ? 'ui'\n : pathname.startsWith('/docs/')\n ? 'core'\n : null\n}\n\nexport const InitialPathContext: React.Context<number> = createContext(3)\n\nexport const useTint = (\n altOffset = -1\n): {\n tints: ThemeName[]\n tintIndex: number\n tintAltIndex: number\n tint: ThemeName\n tintAlt: ThemeName\n setTintIndex: (next: number) => void\n setNextTintFamily: () => void\n setNextTint: () => void\n setDisableTintTheme: (disable: boolean) => void\n disableTintTheme: boolean\n name: string\n families: {\n hanzogui: string[]\n xmas: string[]\n easter: string[]\n halloween: string[]\n valentine: string[]\n lunar: string[]\n }\n} => {\n const initial = useContext(InitialPathContext)\n const didHydrate = useDidFinishSSR()\n const [index, setIndex] = useState(didHydrate ? current : initial)\n const [disabled, setDisabled] = useState(disableTintTheme)\n const tintsContext = useTints()\n const { tints } = tintsContext\n const tintAltIndex = Math.abs((index + altOffset) % tints.length)\n\n useEffect(() => {\n return onTintChange((cur) => {\n setIndex(cur)\n })\n }, [])\n\n useEffect(() => {\n const cb = (val: boolean) => setDisabled(val)\n disableListeners.add(cb)\n return () => {\n disableListeners.delete(cb)\n }\n }, [])\n\n // return null for tint when disabled or at the \"none\" position (index 3)\n const tint = disabled || index === 3 ? null : tints[index]\n const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex]\n\n return {\n ...tintsContext,\n tints: tintsContext.tints as ThemeName[],\n tintIndex: index,\n tintAltIndex,\n tint: tint as ThemeName,\n tintAlt: tintAlt as ThemeName,\n setTintIndex,\n setNextTintFamily,\n setDisableTintTheme,\n disableTintTheme: disabled,\n setNextTint: () => {\n React.startTransition(() => {\n setTintIndex(index + 1)\n })\n },\n } as const\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|
package/LICENSE
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
BSD 3-Clause License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2026-present, Hanzo AI, Inc.
|
|
4
|
-
|
|
5
|
-
Portions of this software are derived from upstream code originally licensed under
|
|
6
|
-
the MIT License, with the following copyright notices retained per its terms:
|
|
7
|
-
|
|
8
|
-
Copyright (c) 2020 Nate Wienert
|
|
9
|
-
Copyright (c) 2015-present, Nicolas Gallagher.
|
|
10
|
-
Copyright (c) 2015-present, Facebook, Inc.
|
|
11
|
-
Copyright (c) 2021 Radix
|
|
12
|
-
Copyright (c) 2017 Carmelo Pullara
|
|
13
|
-
Copyright (c) 2018 Framer B.V.
|
|
14
|
-
Copyright (c) 2022 WorkOS
|
|
15
|
-
|
|
16
|
-
All rights reserved.
|
|
17
|
-
|
|
18
|
-
Redistribution and use in source and binary forms, with or without
|
|
19
|
-
modification, are permitted provided that the following conditions are met:
|
|
20
|
-
|
|
21
|
-
1. Redistributions of source code must retain the above copyright notice, this
|
|
22
|
-
list of conditions and the following disclaimer.
|
|
23
|
-
|
|
24
|
-
2. Redistributions in binary form must reproduce the above copyright notice,
|
|
25
|
-
this list of conditions and the following disclaimer in the documentation
|
|
26
|
-
and/or other materials provided with the distribution.
|
|
27
|
-
|
|
28
|
-
3. Neither the name of the copyright holder nor the names of its contributors
|
|
29
|
-
may be used to endorse or promote products derived from this software
|
|
30
|
-
without specific prior written permission.
|
|
31
|
-
|
|
32
|
-
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
|
33
|
-
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
34
|
-
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
|
35
|
-
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
|
|
36
|
-
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
|
37
|
-
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
|
|
38
|
-
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
|
39
|
-
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
|
|
40
|
-
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
|
|
41
|
-
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
|
42
|
-
POSSIBILITY OF SUCH DAMAGE.
|