@tamagui/logo 1.123.3 → 1.123.5
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/useTint.cjs +7 -3
- package/dist/cjs/useTint.js +7 -2
- package/dist/cjs/useTint.js.map +1 -1
- package/dist/cjs/useTint.native.js +8 -2
- package/dist/cjs/useTint.native.js.map +2 -2
- package/dist/esm/useTint.js +7 -2
- package/dist/esm/useTint.js.map +1 -1
- package/dist/esm/useTint.mjs +7 -4
- package/dist/esm/useTint.mjs.map +1 -1
- package/dist/esm/useTint.native.js +7 -2
- package/dist/esm/useTint.native.js.map +2 -2
- package/package.json +4 -4
- package/src/useTint.tsx +13 -10
- package/types/useTint.d.ts +1 -0
- package/types/useTint.d.ts.map +4 -3
package/dist/cjs/useTint.cjs
CHANGED
|
@@ -33,6 +33,7 @@ var useTint_exports = {};
|
|
|
33
33
|
__export(useTint_exports, {
|
|
34
34
|
ThemeTint: () => ThemeTint,
|
|
35
35
|
ThemeTintAlt: () => ThemeTintAlt,
|
|
36
|
+
getDocsSection: () => getDocsSection,
|
|
36
37
|
onTintChange: () => onTintChange,
|
|
37
38
|
setTintIndex: () => setTintIndex,
|
|
38
39
|
useTint: () => useTint
|
|
@@ -52,10 +53,13 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
52
53
|
setTintIndex = next => {
|
|
53
54
|
const val = next % numTints;
|
|
54
55
|
val !== current && (current = val, listeners.forEach(x => x(val)));
|
|
55
|
-
}
|
|
56
|
-
|
|
56
|
+
};
|
|
57
|
+
function getDocsSection(pathname) {
|
|
58
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compile" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
59
|
+
}
|
|
60
|
+
const useTint = (altOffset = -1) => {
|
|
57
61
|
const pathname = (0, import_one.usePathname)(),
|
|
58
|
-
section =
|
|
62
|
+
section = getDocsSection(pathname),
|
|
59
63
|
hydrated = (0, import_tamagui.useDidFinishSSR)();
|
|
60
64
|
let initial = current;
|
|
61
65
|
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
package/dist/cjs/useTint.js
CHANGED
|
@@ -24,6 +24,7 @@ var useTint_exports = {};
|
|
|
24
24
|
__export(useTint_exports, {
|
|
25
25
|
ThemeTint: () => ThemeTint,
|
|
26
26
|
ThemeTintAlt: () => ThemeTintAlt,
|
|
27
|
+
getDocsSection: () => getDocsSection,
|
|
27
28
|
onTintChange: () => onTintChange,
|
|
28
29
|
setTintIndex: () => setTintIndex,
|
|
29
30
|
useTint: () => useTint
|
|
@@ -36,8 +37,12 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
36
37
|
}), numTints = (0, import_tints.getTints)().tints.length, setTintIndex = (next) => {
|
|
37
38
|
const val = next % numTints;
|
|
38
39
|
val !== current && (current = val, listeners.forEach((x) => x(val)));
|
|
39
|
-
}
|
|
40
|
-
|
|
40
|
+
};
|
|
41
|
+
function getDocsSection(pathname) {
|
|
42
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compile" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
43
|
+
}
|
|
44
|
+
const useTint = (altOffset = -1) => {
|
|
45
|
+
const pathname = (0, import_one.usePathname)(), section = getDocsSection(pathname), hydrated = (0, import_tamagui.useDidFinishSSR)();
|
|
41
46
|
let initial = current;
|
|
42
47
|
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
43
48
|
const index = import_react.default.useSyncExternalStore(
|
package/dist/cjs/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAGlB,iBAAuC,oBACvC,eAAsD,oBACtD,aAA4B,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAGlB,iBAAuC,oBACvC,eAAsD,oBACtD,aAA4B,gBAwGxB;AAnGJ,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,SAAS,eAAe,UAAoD;AACjF,SAAO,aAAa,kCAClB,aAAa,4BACb,aAAa,+BACX,YACA,SAAS,WAAW,MAAM,IACxB,OACA,SAAS,WAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAM,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,eAAW,wBAAY,GACvB,UAAU,eAAe,QAAQ,GAEjC,eAAW,gCAAgB;AAEjC,MAAI,UAAU;AACd,EAAI,YACF,UAAU,YAAY,YAAY,IAAI,YAAY,SAAS,IAAI,GAC1D,aACH,UAAU;AAId,QAAM,QAAQ,aAAAA,QAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAAA,QAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuD;AACrD,QAAM,UAAU,QAAQ,EAAE;AAC1B,SACE,4CAAC,wBAAO,GAAG,MAAM,MAAM,UAAU,OAAO,SACrC,UACH;AAEJ,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAAwE;AACtE,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,4CAAC,wBAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -25,6 +25,7 @@ var useTint_exports = {};
|
|
|
25
25
|
__export(useTint_exports, {
|
|
26
26
|
ThemeTint: () => ThemeTint,
|
|
27
27
|
ThemeTintAlt: () => ThemeTintAlt,
|
|
28
|
+
getDocsSection: () => getDocsSection,
|
|
28
29
|
onTintChange: () => onTintChange,
|
|
29
30
|
setTintIndex: () => setTintIndex,
|
|
30
31
|
useTint: () => useTint
|
|
@@ -39,8 +40,12 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
|
|
|
39
40
|
val !== current && (current = val, listeners.forEach(function(x) {
|
|
40
41
|
return x(val);
|
|
41
42
|
}));
|
|
42
|
-
}
|
|
43
|
-
|
|
43
|
+
};
|
|
44
|
+
function getDocsSection(pathname) {
|
|
45
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compile" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
46
|
+
}
|
|
47
|
+
var useTint = function() {
|
|
48
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, pathname = (0, import_one.usePathname)(), section = getDocsSection(pathname), hydrated = (0, import_tamagui.useDidFinishSSR)(), initial = current;
|
|
44
49
|
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
45
50
|
var index = import_react.default.useSyncExternalStore(onTintChange, function() {
|
|
46
51
|
return current;
|
|
@@ -81,6 +86,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
|
|
|
81
86
|
0 && (module.exports = {
|
|
82
87
|
ThemeTint,
|
|
83
88
|
ThemeTintAlt,
|
|
89
|
+
getDocsSection,
|
|
84
90
|
onTintChange,
|
|
85
91
|
setTintIndex,
|
|
86
92
|
useTint
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/useTint.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "getTints", "tints", "length", "setTintIndex", "next", "val", "forEach", "x", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,8BAGlB,iBAAuC,oBACvC,eAAsD,oBACtD,aAA4B,gBAKxBA,UAAU,GAERC,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,eAAWC,uBAAAA,EAAWC,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMD,OAAOL;AACnB,EAAIM,QAAQb,YACZA,UAAUa,KACVZ,UAAUa,QAAQ,SAACC,GAAAA;WAAMA,EAAEF,GAAAA;;AAC7B;AAEO,SAASG,eAAeC,UAAgB;AAC7C,SAAOA,aAAa,kCAClBA,aAAa,4BACbA,aAAa,+BACX,YACAA,SAASC,WAAW,MAAA,IAClB,OACAD,SAASC,WAAW,QAAA,IAClB,SACA;AACV;AAEO,IAAMC,UAAU,WAAA;MACrBC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAoBNH,eAAWI,wBAAAA,GACXC,UAAUN,eAAeC,QAAAA,GAEzBM,eAAWC,gCAAAA,GAEbC,UAAUzB;AACd,EAAIsB,YACFG,UAAUH,YAAY,YAAY,IAAIA,YAAY,SAAS,IAAI,GAC1DC,aACHvB,UAAUyB;AAId,MAAMC,QAAQC,aAAAA,QAAMC,qBAClBzB,cACA,WAAA;WAAMH;KACN,WAAA;WAAMyB;MAEFI,mBAAeC,uBAAAA,GACf,EAAErB,MAAK,IAAKoB,cACZE,eAAeC,KAAKC,KAAKP,QAAQN,aAAaX,MAAMC,MAAM;AAEhE,SAAO;IACL,GAAGmB;IACHpB,OAAOoB,aAAapB;IACpByB,WAAWR;IACXK;IACAI,MAAM1B,MAAMiB,KAAAA;IACZU,SAAS3B,MAAMsB,YAAAA;IACfpB;IACA0B;IACAC,aAAa,WAAA;AACXX,mBAAAA,QAAMY,gBAAgB,WAAA;AACpB5B,qBAAae,QAAQ,CAAA;MACvB,CAAA;IACF;EACF;AACF,GAEac,YAAY,SAAA,OAAA;MAAC,EACxBC,SACAC,UACA,GAAGC,KAAAA,IACgC,OAC7BC,UAAUzB,QAAAA,EAAUgB;AAC1B,SACE,uCAAAU,KAACC,sBAAAA;IAAO,GAAGH;IAAMI,MAAMN,UAAU,OAAOG;;;AAI5C,GAEaI,eAAe,SAAA,OAAA;MAAC,EAC3BN,UACAD,SACAQ,SAAS,GACT,GAAGN,KAAAA,IACiD,OAC9CC,UAAUzB,QAAQ8B,MAAAA,EAAQb,SAC1BW,OAAON,UAAU,OAAOG;AAC9B,SACE,uCAAAC,KAACC,sBAAAA;IAAMC;IAAa,GAAGJ;;;AAI3B;",
|
|
5
|
+
"names": ["current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "getTints", "tints", "length", "setTintIndex", "next", "val", "forEach", "x", "getDocsSection", "pathname", "startsWith", "useTint", "altOffset", "usePathname", "section", "hydrated", "useDidFinishSSR", "initial", "index", "React", "useSyncExternalStore", "tintsContext", "useTints", "tintAltIndex", "Math", "abs", "tintIndex", "tint", "tintAlt", "setNextTintFamily", "setNextTint", "startTransition", "ThemeTint", "disable", "children", "rest", "curTint", "_jsx", "Theme", "name", "ThemeTintAlt", "offset"]
|
|
6
6
|
}
|
package/dist/esm/useTint.js
CHANGED
|
@@ -9,8 +9,12 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
9
9
|
}), numTints = getTints().tints.length, setTintIndex = (next) => {
|
|
10
10
|
const val = next % numTints;
|
|
11
11
|
val !== current && (current = val, listeners.forEach((x) => x(val)));
|
|
12
|
-
}
|
|
13
|
-
|
|
12
|
+
};
|
|
13
|
+
function getDocsSection(pathname) {
|
|
14
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compile" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
15
|
+
}
|
|
16
|
+
const useTint = (altOffset = -1) => {
|
|
17
|
+
const pathname = usePathname(), section = getDocsSection(pathname), hydrated = useDidFinishSSR();
|
|
14
18
|
let initial = current;
|
|
15
19
|
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
16
20
|
const index = React.useSyncExternalStore(
|
|
@@ -52,6 +56,7 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
52
56
|
export {
|
|
53
57
|
ThemeTint,
|
|
54
58
|
ThemeTintAlt,
|
|
59
|
+
getDocsSection,
|
|
55
60
|
onTintChange,
|
|
56
61
|
setTintIndex,
|
|
57
62
|
useTint
|
package/dist/esm/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,OAAO,uBAAuB;AACvC,SAAS,UAAU,mBAAmB,gBAAgB;AACtD,SAAS,mBAAmB;
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,OAAO,uBAAuB;AACvC,SAAS,UAAU,mBAAmB,gBAAgB;AACtD,SAAS,mBAAmB;AAwGxB;AAnGJ,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAY;AACjB,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAuB;AAClD,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,UAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AACjC;AAEO,SAAS,eAAe,UAAoD;AACjF,SAAO,aAAa,kCAClB,aAAa,4BACb,aAAa,+BACX,YACA,SAAS,WAAW,MAAM,IACxB,OACA,SAAS,WAAW,QAAQ,IAC1B,SACA;AACV;AAEO,MAAM,UAAU,CACrB,YAAY,OAmBT;AACH,QAAM,WAAW,YAAY,GACvB,UAAU,eAAe,QAAQ,GAEjC,WAAW,gBAAgB;AAEjC,MAAI,UAAU;AACd,EAAI,YACF,UAAU,YAAY,YAAY,IAAI,YAAY,SAAS,IAAI,GAC1D,aACH,UAAU;AAId,QAAM,QAAQ,MAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,YAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuD;AACrD,QAAM,UAAU,QAAQ,EAAE;AAC1B,SACE,oBAAC,SAAO,GAAG,MAAM,MAAM,UAAU,OAAO,SACrC,UACH;AAEJ,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAAwE;AACtE,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,oBAAC,SAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/useTint.mjs
CHANGED
|
@@ -12,10 +12,13 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
12
12
|
setTintIndex = next => {
|
|
13
13
|
const val = next % numTints;
|
|
14
14
|
val !== current && (current = val, listeners.forEach(x => x(val)));
|
|
15
|
-
}
|
|
16
|
-
|
|
15
|
+
};
|
|
16
|
+
function getDocsSection(pathname) {
|
|
17
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compile" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
18
|
+
}
|
|
19
|
+
const useTint = (altOffset = -1) => {
|
|
17
20
|
const pathname = usePathname(),
|
|
18
|
-
section =
|
|
21
|
+
section = getDocsSection(pathname),
|
|
19
22
|
hydrated = useDidFinishSSR();
|
|
20
23
|
let initial = current;
|
|
21
24
|
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
@@ -66,5 +69,5 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
66
69
|
children
|
|
67
70
|
});
|
|
68
71
|
};
|
|
69
|
-
export { ThemeTint, ThemeTintAlt, onTintChange, setTintIndex, useTint };
|
|
72
|
+
export { ThemeTint, ThemeTintAlt, getDocsSection, onTintChange, setTintIndex, useTint };
|
|
70
73
|
//# sourceMappingURL=useTint.mjs.map
|
package/dist/esm/useTint.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Theme","useDidFinishSSR","getTints","setNextTintFamily","useTints","usePathname","jsx","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","forEach","x","
|
|
1
|
+
{"version":3,"names":["React","Theme","useDidFinishSSR","getTints","setNextTintFamily","useTints","usePathname","jsx","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","forEach","x","getDocsSection","pathname","startsWith","useTint","altOffset","section","hydrated","initial","index","useSyncExternalStore","tintsContext","tintAltIndex","Math","abs","tintIndex","tint","tintAlt","setNextTint","startTransition","ThemeTint","disable","children","rest","curTint","name","ThemeTintAlt","offset"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -12,8 +12,12 @@ var current = 3, listeners = /* @__PURE__ */ new Set(), onTintChange = function(
|
|
|
12
12
|
val !== current && (current = val, listeners.forEach(function(x) {
|
|
13
13
|
return x(val);
|
|
14
14
|
}));
|
|
15
|
-
}
|
|
16
|
-
|
|
15
|
+
};
|
|
16
|
+
function getDocsSection(pathname) {
|
|
17
|
+
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compile" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
18
|
+
}
|
|
19
|
+
var useTint = function() {
|
|
20
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, pathname = usePathname(), section = getDocsSection(pathname), hydrated = useDidFinishSSR(), initial = current;
|
|
17
21
|
section && (initial = section === "compile" ? 5 : section === "core" ? 4 : 6, hydrated || (current = initial));
|
|
18
22
|
var index = React.useSyncExternalStore(onTintChange, function() {
|
|
19
23
|
return current;
|
|
@@ -53,6 +57,7 @@ var current = 3, listeners = /* @__PURE__ */ new Set(), onTintChange = function(
|
|
|
53
57
|
export {
|
|
54
58
|
ThemeTint,
|
|
55
59
|
ThemeTintAlt,
|
|
60
|
+
getDocsSection,
|
|
56
61
|
onTintChange,
|
|
57
62
|
setTintIndex,
|
|
58
63
|
useTint
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/useTint.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAGlB,SAASC,OAAOC,uBAAuB;AACvC,SAASC,UAAUC,mBAAmBC,gBAAgB;AACtD,SAASC,mBAAmB;AAK5B,IAAIC,UAAU,GAERC,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,WAAWX,SAAAA,EAAWY,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMD,OAAOJ;AACnB,EAAIK,QAAQZ,YACZA,UAAUY,KACVX,UAAUY,QAAQ,SAACC,GAAAA;WAAMA,EAAEF,GAAAA;;AAC7B,
|
|
5
|
-
"names": ["React", "Theme", "useDidFinishSSR", "getTints", "setNextTintFamily", "useTints", "usePathname", "current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "tints", "length", "setTintIndex", "next", "val", "forEach", "x", "
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAGlB,SAASC,OAAOC,uBAAuB;AACvC,SAASC,UAAUC,mBAAmBC,gBAAgB;AACtD,SAASC,mBAAmB;AAK5B,IAAIC,UAAU,GAERC,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,WAAWX,SAAAA,EAAWY,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMD,OAAOJ;AACnB,EAAIK,QAAQZ,YACZA,UAAUY,KACVX,UAAUY,QAAQ,SAACC,GAAAA;WAAMA,EAAEF,GAAAA;;AAC7B;AAEO,SAASG,eAAeC,UAAgB;AAC7C,SAAOA,aAAa,kCAClBA,aAAa,4BACbA,aAAa,+BACX,YACAA,SAASC,WAAW,MAAA,IAClB,OACAD,SAASC,WAAW,QAAA,IAClB,SACA;AACV;AAEO,IAAMC,UAAU,WAAA;MACrBC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAoBNH,WAAWjB,YAAAA,GACXqB,UAAUL,eAAeC,QAAAA,GAEzBK,WAAW1B,gBAAAA,GAEb2B,UAAUtB;AACd,EAAIoB,YACFE,UAAUF,YAAY,YAAY,IAAIA,YAAY,SAAS,IAAI,GAC1DC,aACHrB,UAAUsB;AAId,MAAMC,QAAQ9B,MAAM+B,qBAClBrB,cACA,WAAA;WAAMH;KACN,WAAA;WAAMsB;MAEFG,eAAe3B,SAAAA,GACf,EAAEU,MAAK,IAAKiB,cACZC,eAAeC,KAAKC,KAAKL,QAAQJ,aAAaX,MAAMC,MAAM;AAEhE,SAAO;IACL,GAAGgB;IACHjB,OAAOiB,aAAajB;IACpBqB,WAAWN;IACXG;IACAI,MAAMtB,MAAMe,KAAAA;IACZQ,SAASvB,MAAMkB,YAAAA;IACfhB;IACAb;IACAmC,aAAa,WAAA;AACXvC,YAAMwC,gBAAgB,WAAA;AACpBvB,qBAAaa,QAAQ,CAAA;MACvB,CAAA;IACF;EACF;AACF,GAEaW,YAAY,SAAA,OAAA;MAAC,EACxBC,SACAC,UACA,GAAGC,KAAAA,IACgC,OAC7BC,UAAUpB,QAAAA,EAAUY;AAC1B,SACE,qBAACpC,OAAAA;IAAO,GAAG2C;IAAME,MAAMJ,UAAU,OAAOG;;;AAI5C,GAEaE,eAAe,SAAA,OAAA;MAAC,EAC3BJ,UACAD,SACAM,SAAS,GACT,GAAGJ,KAAAA,IACiD,OAC9CC,UAAUpB,QAAQuB,MAAAA,EAAQV,SAC1BQ,OAAOJ,UAAU,OAAOG;AAC9B,SACE,qBAAC5C,OAAAA;IAAM6C;IAAa,GAAGF;;;AAI3B;",
|
|
5
|
+
"names": ["React", "Theme", "useDidFinishSSR", "getTints", "setNextTintFamily", "useTints", "usePathname", "current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "tints", "length", "setTintIndex", "next", "val", "forEach", "x", "getDocsSection", "pathname", "startsWith", "useTint", "altOffset", "section", "hydrated", "initial", "index", "useSyncExternalStore", "tintsContext", "tintAltIndex", "Math", "abs", "tintIndex", "tint", "tintAlt", "setNextTint", "startTransition", "ThemeTint", "disable", "children", "rest", "curTint", "name", "ThemeTintAlt", "offset"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.123.
|
|
3
|
+
"version": "1.123.5",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"one": "1.1.412",
|
|
48
|
-
"tamagui": "1.123.
|
|
48
|
+
"tamagui": "1.123.5"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@tamagui/build": "1.123.
|
|
51
|
+
"@tamagui/build": "1.123.5",
|
|
52
52
|
"react": "*"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
@@ -57,4 +57,4 @@
|
|
|
57
57
|
"publishConfig": {
|
|
58
58
|
"access": "public"
|
|
59
59
|
}
|
|
60
|
-
}
|
|
60
|
+
}
|
package/src/useTint.tsx
CHANGED
|
@@ -28,6 +28,18 @@ export const setTintIndex = (next: number): void => {
|
|
|
28
28
|
listeners.forEach((x) => x(val))
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
+
export function getDocsSection(pathname: string): 'compile' | 'ui' | 'core' | null {
|
|
32
|
+
return pathname === '/docs/intro/compiler-install' ||
|
|
33
|
+
pathname === '/docs/intro/benchmarks' ||
|
|
34
|
+
pathname === '/docs/intro/why-a-compiler'
|
|
35
|
+
? 'compile'
|
|
36
|
+
: pathname.startsWith('/ui/')
|
|
37
|
+
? 'ui'
|
|
38
|
+
: pathname.startsWith('/docs/')
|
|
39
|
+
? 'core'
|
|
40
|
+
: null
|
|
41
|
+
}
|
|
42
|
+
|
|
31
43
|
export const useTint = (
|
|
32
44
|
altOffset = -1
|
|
33
45
|
): {
|
|
@@ -50,16 +62,7 @@ export const useTint = (
|
|
|
50
62
|
}
|
|
51
63
|
} => {
|
|
52
64
|
const pathname = usePathname()
|
|
53
|
-
const section =
|
|
54
|
-
pathname.startsWith('/docs/core') ||
|
|
55
|
-
pathname === '/docs/intro/introduction' ||
|
|
56
|
-
pathname === '/docs/intro/installation'
|
|
57
|
-
? 'core'
|
|
58
|
-
: pathname.startsWith('/ui')
|
|
59
|
-
? 'ui'
|
|
60
|
-
: pathname.startsWith('/docs/intro')
|
|
61
|
-
? 'compile'
|
|
62
|
-
: null
|
|
65
|
+
const section = getDocsSection(pathname)
|
|
63
66
|
|
|
64
67
|
const hydrated = useDidFinishSSR()
|
|
65
68
|
|
package/types/useTint.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import type { JSX } from "react/jsx-runtime";
|
|
|
2
2
|
import type { ThemeName, ThemeProps } from "tamagui";
|
|
3
3
|
export declare const onTintChange: (listener: (cur: number) => void) => () => void;
|
|
4
4
|
export declare const setTintIndex: (next: number) => void;
|
|
5
|
+
export declare function getDocsSection(pathname: string): "compile" | "ui" | "core" | null;
|
|
5
6
|
export declare const useTint: (altOffset?: number) => {
|
|
6
7
|
tints: ThemeName[];
|
|
7
8
|
tintIndex: number;
|
package/types/useTint.d.ts.map
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AACA,cAAc,WAAW,mBAAmB;AAC5C,cAAc,WAAW,kBAAkB,SAAS;AAYpD,OAAO,cAAM,eAAgBA,WAAWC;AASxC,OAAO,cAAM,eAAgBC;AAO7B,OAAO,cAAM,UACX,uBACC;CACD,OAAO;CACP;CACA;CACA,MAAM;CACN,SAAS;CACT,
|
|
2
|
+
"mappings": "AACA,cAAc,WAAW,mBAAmB;AAC5C,cAAc,WAAW,kBAAkB,SAAS;AAYpD,OAAO,cAAM,eAAgBA,WAAWC;AASxC,OAAO,cAAM,eAAgBC;AAO7B,OAAO,iBAAS,eAAeC,mBAAmB,YAAY,OAAO,SAAS;AAY9E,OAAO,cAAM,UACX,uBACC;CACD,OAAO;CACP;CACA;CACA,MAAM;CACN,SAAS;CACT,eAAeD;CACf;CACA;CACA;CACA,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;CACD;AACF;AAwCD,OAAO,cAAM,YAAa,EACxB,SACA,SACA,GAAG,MACgC,EAAlC,aAAa,EAAE,kBAAmB,MAAG,IAAI;AAS5C,OAAO,cAAM,eAAgB,EAC3B,UACA,SACA,OACA,GAAG,MACiD,EAAnD,aAAa;CAAE;CAAmB;AAAiB,MAAG,IAAI",
|
|
3
3
|
"names": [
|
|
4
4
|
"listener: (cur: number) => void",
|
|
5
5
|
"cur: number",
|
|
6
|
-
"next: number"
|
|
6
|
+
"next: number",
|
|
7
|
+
"pathname: string"
|
|
7
8
|
],
|
|
8
9
|
"sources": [
|
|
9
10
|
"src/useTint.tsx"
|
|
10
11
|
],
|
|
11
12
|
"sourcesContent": [
|
|
12
|
-
"import React from 'react'\nimport type { JSX } from 'react/jsx-runtime'\nimport type { ThemeName, ThemeProps } from 'tamagui'\nimport { Theme, useDidFinishSSR } from 'tamagui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\nimport { usePathname } from 'one'\n\n// no localstorage because its not important to remember and causes a flicker\n// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0\n// const tint = tintVal ? +tintVal 0\nlet current = 3\n\nconst listeners = 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 = next % numTints\n if (val === current) return\n current = val\n listeners.forEach((x) => x(val))\n}\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 name: string\n families: {\n tamagui: string[]\n xmas: string[]\n easter: string[]\n halloween: string[]\n valentine: string[]\n lunar: string[]\n }\n} => {\n const pathname = usePathname()\n const section
|
|
13
|
+
"import React from 'react'\nimport type { JSX } from 'react/jsx-runtime'\nimport type { ThemeName, ThemeProps } from 'tamagui'\nimport { Theme, useDidFinishSSR } from 'tamagui'\nimport { getTints, setNextTintFamily, useTints } from './tints'\nimport { usePathname } from 'one'\n\n// no localstorage because its not important to remember and causes a flicker\n// const tintVal = typeof localStorage !== 'undefined' ? localStorage.getItem('tint') : 0\n// const tint = tintVal ? +tintVal 0\nlet current = 3\n\nconst listeners = 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 = next % numTints\n if (val === current) return\n current = val\n listeners.forEach((x) => x(val))\n}\n\nexport function getDocsSection(pathname: string): 'compile' | 'ui' | 'core' | null {\n return pathname === '/docs/intro/compiler-install' ||\n pathname === '/docs/intro/benchmarks' ||\n pathname === '/docs/intro/why-a-compiler'\n ? 'compile'\n : pathname.startsWith('/ui/')\n ? 'ui'\n : pathname.startsWith('/docs/')\n ? 'core'\n : null\n}\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 name: string\n families: {\n tamagui: string[]\n xmas: string[]\n easter: string[]\n halloween: string[]\n valentine: string[]\n lunar: string[]\n }\n} => {\n const pathname = usePathname()\n const section = getDocsSection(pathname)\n\n const hydrated = useDidFinishSSR()\n\n let initial = current\n if (section) {\n initial = section === 'compile' ? 5 : section === 'core' ? 4 : 6\n if (!hydrated) {\n current = initial\n }\n }\n\n const index = React.useSyncExternalStore(\n onTintChange,\n () => current,\n () => initial\n )\n const tintsContext = useTints()\n const { tints } = tintsContext\n const tintAltIndex = Math.abs((index + altOffset) % tints.length)\n\n return {\n ...tintsContext,\n tints: tintsContext.tints as ThemeName[],\n tintIndex: index,\n tintAltIndex,\n tint: tints[index] as ThemeName,\n tintAlt: tints[tintAltIndex] as ThemeName,\n setTintIndex,\n setNextTintFamily,\n setNextTint: () => {\n React.startTransition(() => {\n setTintIndex(index + 1)\n })\n },\n } as const\n}\n\nexport const ThemeTint = ({\n disable,\n children,\n ...rest\n}: ThemeProps & { disable?: boolean }): JSX.Element => {\n const curTint = useTint().tint\n return (\n <Theme {...rest} name={disable ? null : curTint}>\n {children}\n </Theme>\n )\n}\n\nexport const ThemeTintAlt = ({\n children,\n disable,\n offset = 1,\n ...rest\n}: ThemeProps & { disable?: boolean; offset?: number }): JSX.Element => {\n const curTint = useTint(offset).tintAlt\n const name = disable ? null : curTint\n return (\n <Theme name={name} {...rest}>\n {children}\n </Theme>\n )\n}\n"
|
|
13
14
|
],
|
|
14
15
|
"version": 3
|
|
15
16
|
}
|