@tamagui/logo 1.89.20 → 1.89.22
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/tints.js +3 -1
- package/dist/cjs/tints.js.map +1 -1
- package/dist/cjs/tints.native.js +3 -1
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.js +6 -8
- package/dist/cjs/useTint.js.map +1 -1
- package/dist/cjs/useTint.native.js +7 -10
- package/dist/cjs/useTint.native.js.map +1 -1
- package/dist/esm/tints.js +3 -1
- package/dist/esm/tints.js.map +1 -1
- package/dist/esm/tints.mjs +3 -1
- package/dist/esm/tints.native.js +3 -1
- package/dist/esm/tints.native.js.map +1 -1
- package/dist/esm/useTint.js +6 -8
- package/dist/esm/useTint.js.map +1 -1
- package/dist/esm/useTint.mjs +7 -8
- package/dist/esm/useTint.native.js +6 -8
- package/dist/esm/useTint.native.js.map +1 -1
- package/dist/jsx/tints.js +3 -1
- package/dist/jsx/tints.js.map +1 -1
- package/dist/jsx/tints.mjs +3 -1
- package/dist/jsx/tints.native.js +3 -1
- package/dist/jsx/tints.native.js.map +1 -1
- package/dist/jsx/useTint.js +6 -8
- package/dist/jsx/useTint.js.map +1 -1
- package/dist/jsx/useTint.mjs +7 -8
- package/dist/jsx/useTint.native.js +6 -8
- package/dist/jsx/useTint.native.js.map +1 -1
- package/package.json +3 -3
- package/src/tints.tsx +3 -0
- package/src/useTint.tsx +5 -7
- package/types/LogoWords.d.ts +19 -1
- package/types/LogoWords.d.ts.map +1 -1
- package/types/TamaguiLogo.d.ts +19 -1
- package/types/TamaguiLogo.d.ts.map +1 -1
- package/types/tints.d.ts +5 -2
- package/types/tints.d.ts.map +1 -1
- package/types/useTint.d.ts +5 -3
- package/types/useTint.d.ts.map +1 -1
package/dist/cjs/tints.js
CHANGED
|
@@ -26,9 +26,11 @@ const listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
|
26
26
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
27
27
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
28
28
|
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
29
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
29
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
30
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
30
31
|
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
31
32
|
let fam = DEFAULT_FAMILY;
|
|
33
|
+
setTintFamily("lunar");
|
|
32
34
|
function getTints() {
|
|
33
35
|
return {
|
|
34
36
|
name: fam || DEFAULT_FAMILY,
|
package/dist/cjs/tints.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EAC1E,OAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;AAC/D,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAkBtB,cAAc,OAAO;AAMd,SAAS,WAAW;AACzB,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,OAAO,SAAS,GAAG,KAAK,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,SAAS,CAAC;AAEzC,qCAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,SAAS,cAAc,MAAkB;AAC9C,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC;AAEO,MAAM,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAEa,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/tints.native.js
CHANGED
|
@@ -27,9 +27,11 @@ const listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
|
27
27
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
28
28
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
29
29
|
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
30
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
30
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
31
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
31
32
|
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
32
33
|
let fam = DEFAULT_FAMILY;
|
|
34
|
+
setTintFamily("lunar");
|
|
33
35
|
function getTints() {
|
|
34
36
|
return {
|
|
35
37
|
name: fam || DEFAULT_FAMILY,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EAC1E,OAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;AAC/D,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAkBtB,cAAc,OAAO;AAMd,SAAS,WAAW;AACzB,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,OAAO,SAAS,GAAG,KAAK,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,SAAS,CAAC;AAEzC,qCAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,SAAS,cAAc,MAAkB;AAC9C,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC;AAEO,MAAM,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAEa,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/useTint.js
CHANGED
|
@@ -19,8 +19,7 @@ __export(useTint_exports, {
|
|
|
19
19
|
initialTint: () => initialTint,
|
|
20
20
|
onTintChange: () => onTintChange,
|
|
21
21
|
setTintIndex: () => setTintIndex,
|
|
22
|
-
useTint: () => useTint
|
|
23
|
-
useTintAlt: () => useTintAlt
|
|
22
|
+
useTint: () => useTint
|
|
24
23
|
});
|
|
25
24
|
module.exports = __toCommonJS(useTint_exports);
|
|
26
25
|
var import_react = require("react"), import_tamagui = require("tamagui"), import_tints = require("./tints"), import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -33,17 +32,19 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
33
32
|
val !== current && (current = val, (0, import_react.startTransition)(() => {
|
|
34
33
|
listeners.forEach((x) => x(val));
|
|
35
34
|
}));
|
|
36
|
-
}, useTint = () => {
|
|
35
|
+
}, useTint = (altOffset = 1) => {
|
|
37
36
|
const index = (0, import_react.useSyncExternalStore)(
|
|
38
37
|
onTintChange,
|
|
39
38
|
() => current,
|
|
40
39
|
() => initialTint
|
|
41
|
-
), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext;
|
|
40
|
+
), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
42
41
|
return {
|
|
43
42
|
...tintsContext,
|
|
44
43
|
tints: tintsContext.tints,
|
|
45
44
|
tintIndex: index,
|
|
45
|
+
tintAltIndex,
|
|
46
46
|
tint: tints[index],
|
|
47
|
+
tintAlt: tints[tintAltIndex],
|
|
47
48
|
setTintIndex,
|
|
48
49
|
setNextTintFamily: import_tints.setNextTintFamily,
|
|
49
50
|
setNextTint: () => {
|
|
@@ -57,16 +58,13 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
57
58
|
}) => {
|
|
58
59
|
const curTint = useTint().tint;
|
|
59
60
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { ...rest, name: disable ? null : curTint, children });
|
|
60
|
-
}, useTintAlt = (offset = 1) => {
|
|
61
|
-
const tint = useTint();
|
|
62
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
63
61
|
}, ThemeTintAlt = ({
|
|
64
62
|
children,
|
|
65
63
|
disable,
|
|
66
64
|
offset = 1,
|
|
67
65
|
...rest
|
|
68
66
|
}) => {
|
|
69
|
-
const curTint =
|
|
67
|
+
const curTint = useTint(offset).tintAlt;
|
|
70
68
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: disable ? null : curTint, ...rest, children });
|
|
71
69
|
};
|
|
72
70
|
//# sourceMappingURL=useTint.js.map
|
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;AAAA
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D,kBAE/D,iBAAsB,oBAEtB,eAAsD,oBA+DlD;AAxDG,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAM;AACX,YAAU,OAAO,QAAQ;AAC3B,IAGI,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,SACV,8BAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,CAAC,YAAY,MAAM;AACxC,QAAM,YAAQ;AAAA,IACZ;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,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,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,MAGM;AACJ,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,4CAAC,wBAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -20,8 +20,7 @@ __export(useTint_exports, {
|
|
|
20
20
|
initialTint: () => initialTint,
|
|
21
21
|
onTintChange: () => onTintChange,
|
|
22
22
|
setTintIndex: () => setTintIndex,
|
|
23
|
-
useTint: () => useTint
|
|
24
|
-
useTintAlt: () => useTintAlt
|
|
23
|
+
useTint: () => useTint
|
|
25
24
|
});
|
|
26
25
|
module.exports = __toCommonJS(useTint_exports);
|
|
27
26
|
var import_react = require("react"), import_tamagui = require("tamagui"), import_tints = require("./tints"), import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -34,17 +33,19 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
34
33
|
val !== current && (current = val, (0, import_react.startTransition)(() => {
|
|
35
34
|
listeners.forEach((x) => x(val));
|
|
36
35
|
}));
|
|
37
|
-
}, useTint = () => {
|
|
36
|
+
}, useTint = (altOffset = 1) => {
|
|
38
37
|
const index = (0, import_react.useSyncExternalStore)(
|
|
39
38
|
onTintChange,
|
|
40
39
|
() => current,
|
|
41
40
|
() => initialTint
|
|
42
|
-
), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext;
|
|
41
|
+
), tintsContext = (0, import_tints.useTints)(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
43
42
|
return {
|
|
44
43
|
...tintsContext,
|
|
45
44
|
tints: tintsContext.tints,
|
|
46
45
|
tintIndex: index,
|
|
46
|
+
tintAltIndex,
|
|
47
47
|
tint: tints[index],
|
|
48
|
+
tintAlt: tints[tintAltIndex],
|
|
48
49
|
setTintIndex,
|
|
49
50
|
setNextTintFamily: import_tints.setNextTintFamily,
|
|
50
51
|
setNextTint: () => {
|
|
@@ -58,16 +59,13 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
58
59
|
}) => {
|
|
59
60
|
const curTint = useTint().tint;
|
|
60
61
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { ...rest, name: disable ? null : curTint, children });
|
|
61
|
-
}, useTintAlt = (offset = 1) => {
|
|
62
|
-
const tint = useTint();
|
|
63
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
64
62
|
}, ThemeTintAlt = ({
|
|
65
63
|
children,
|
|
66
64
|
disable,
|
|
67
65
|
offset = 1,
|
|
68
66
|
...rest
|
|
69
67
|
}) => {
|
|
70
|
-
const curTint =
|
|
68
|
+
const curTint = useTint(offset).tintAlt;
|
|
71
69
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: disable ? null : curTint, ...rest, children });
|
|
72
70
|
};
|
|
73
71
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -77,7 +75,6 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
77
75
|
initialTint,
|
|
78
76
|
onTintChange,
|
|
79
77
|
setTintIndex,
|
|
80
|
-
useTint
|
|
81
|
-
useTintAlt
|
|
78
|
+
useTint
|
|
82
79
|
});
|
|
83
80
|
//# sourceMappingURL=useTint.js.map
|
|
@@ -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;AAAA
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D,kBAE/D,iBAAsB,oBAEtB,eAAsD,oBA+DlD;AAxDG,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAM;AACX,YAAU,OAAO,QAAQ;AAC3B,IAGI,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,SACV,8BAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,CAAC,YAAY,MAAM;AACxC,QAAM,YAAQ;AAAA,IACZ;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,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,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,MAGM;AACJ,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,4CAAC,wBAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/tints.js
CHANGED
|
@@ -3,9 +3,11 @@ const listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
5
|
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
7
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
7
8
|
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
9
|
let fam = DEFAULT_FAMILY;
|
|
10
|
+
setTintFamily("lunar");
|
|
9
11
|
function getTints() {
|
|
10
12
|
return {
|
|
11
13
|
name: fam || DEFAULT_FAMILY,
|
package/dist/esm/tints.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EAC1E,OAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;AAC/D,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAkBtB,cAAc,OAAO;AAMd,SAAS,WAAW;AACzB,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,OAAO,SAAS,GAAG,KAAK,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,SAAS,CAAC;AAEzC,mBAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,SAAS,cAAc,MAAkB;AAC9C,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC;AAEO,MAAM,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAEa,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/tints.mjs
CHANGED
|
@@ -4,12 +4,14 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
4
4
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
5
5
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
6
|
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
7
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
8
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
8
9
|
},
|
|
9
10
|
DEFAULT_FAMILY = "tamagui",
|
|
10
11
|
familiesNames = Object.keys(familiesValues),
|
|
11
12
|
families = familiesValues;
|
|
12
13
|
let fam = DEFAULT_FAMILY;
|
|
14
|
+
setTintFamily("lunar");
|
|
13
15
|
function getTints() {
|
|
14
16
|
return {
|
|
15
17
|
name: fam || DEFAULT_FAMILY,
|
package/dist/esm/tints.native.js
CHANGED
|
@@ -3,9 +3,11 @@ const listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
5
|
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
7
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
7
8
|
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
9
|
let fam = DEFAULT_FAMILY;
|
|
10
|
+
setTintFamily("lunar");
|
|
9
11
|
function getTints() {
|
|
10
12
|
return {
|
|
11
13
|
name: fam || DEFAULT_FAMILY,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EAC1E,OAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;AAC/D,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAkBtB,cAAc,OAAO;AAMd,SAAS,WAAW;AACzB,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,OAAO,SAAS,GAAG,KAAK,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,SAAS,CAAC;AAEzC,mBAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,SAAS,cAAc,MAAkB;AAC9C,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC;AAEO,MAAM,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAEa,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/useTint.js
CHANGED
|
@@ -11,17 +11,19 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
11
11
|
val !== current && (current = val, startTransition(() => {
|
|
12
12
|
listeners.forEach((x) => x(val));
|
|
13
13
|
}));
|
|
14
|
-
}, useTint = () => {
|
|
14
|
+
}, useTint = (altOffset = 1) => {
|
|
15
15
|
const index = useSyncExternalStore(
|
|
16
16
|
onTintChange,
|
|
17
17
|
() => current,
|
|
18
18
|
() => initialTint
|
|
19
|
-
), tintsContext = useTints(), { tints } = tintsContext;
|
|
19
|
+
), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
20
20
|
return {
|
|
21
21
|
...tintsContext,
|
|
22
22
|
tints: tintsContext.tints,
|
|
23
23
|
tintIndex: index,
|
|
24
|
+
tintAltIndex,
|
|
24
25
|
tint: tints[index],
|
|
26
|
+
tintAlt: tints[tintAltIndex],
|
|
25
27
|
setTintIndex,
|
|
26
28
|
setNextTintFamily,
|
|
27
29
|
setNextTint: () => {
|
|
@@ -35,16 +37,13 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
35
37
|
}) => {
|
|
36
38
|
const curTint = useTint().tint;
|
|
37
39
|
return /* @__PURE__ */ jsx(Theme, { ...rest, name: disable ? null : curTint, children });
|
|
38
|
-
}, useTintAlt = (offset = 1) => {
|
|
39
|
-
const tint = useTint();
|
|
40
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
41
40
|
}, ThemeTintAlt = ({
|
|
42
41
|
children,
|
|
43
42
|
disable,
|
|
44
43
|
offset = 1,
|
|
45
44
|
...rest
|
|
46
45
|
}) => {
|
|
47
|
-
const curTint =
|
|
46
|
+
const curTint = useTint(offset).tintAlt;
|
|
48
47
|
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, ...rest, children });
|
|
49
48
|
};
|
|
50
49
|
export {
|
|
@@ -53,7 +52,6 @@ export {
|
|
|
53
52
|
initialTint,
|
|
54
53
|
onTintChange,
|
|
55
54
|
setTintIndex,
|
|
56
|
-
useTint
|
|
57
|
-
useTintAlt
|
|
55
|
+
useTint
|
|
58
56
|
};
|
|
59
57
|
//# sourceMappingURL=useTint.js.map
|
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,SAAS,iBAA0B,4BAA4B;AAE/D,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAE/D,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;AA+DlD;AAxDG,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAM;AACX,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,CAAC,YAAY,MAAM;AACxC,QAAM,QAAQ;AAAA,IACZ;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,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,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,MAGM;AACJ,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
|
@@ -15,17 +15,20 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
15
15
|
listeners.forEach(x => x(val));
|
|
16
16
|
}));
|
|
17
17
|
},
|
|
18
|
-
useTint = () => {
|
|
18
|
+
useTint = (altOffset = 1) => {
|
|
19
19
|
const index = useSyncExternalStore(onTintChange, () => current, () => initialTint),
|
|
20
20
|
tintsContext = useTints(),
|
|
21
21
|
{
|
|
22
22
|
tints
|
|
23
|
-
} = tintsContext
|
|
23
|
+
} = tintsContext,
|
|
24
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
24
25
|
return {
|
|
25
26
|
...tintsContext,
|
|
26
27
|
tints: tintsContext.tints,
|
|
27
28
|
tintIndex: index,
|
|
29
|
+
tintAltIndex,
|
|
28
30
|
tint: tints[index],
|
|
31
|
+
tintAlt: tints[tintAltIndex],
|
|
29
32
|
setTintIndex,
|
|
30
33
|
setNextTintFamily,
|
|
31
34
|
setNextTint: () => {
|
|
@@ -45,21 +48,17 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
45
48
|
children
|
|
46
49
|
});
|
|
47
50
|
},
|
|
48
|
-
useTintAlt = (offset = 1) => {
|
|
49
|
-
const tint = useTint();
|
|
50
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
51
|
-
},
|
|
52
51
|
ThemeTintAlt = ({
|
|
53
52
|
children,
|
|
54
53
|
disable,
|
|
55
54
|
offset = 1,
|
|
56
55
|
...rest
|
|
57
56
|
}) => {
|
|
58
|
-
const curTint =
|
|
57
|
+
const curTint = useTint(offset).tintAlt;
|
|
59
58
|
return /* @__PURE__ */jsx(Theme, {
|
|
60
59
|
name: disable ? null : curTint,
|
|
61
60
|
...rest,
|
|
62
61
|
children
|
|
63
62
|
});
|
|
64
63
|
};
|
|
65
|
-
export { ThemeTint, ThemeTintAlt, initialTint, onTintChange, setTintIndex, useTint
|
|
64
|
+
export { ThemeTint, ThemeTintAlt, initialTint, onTintChange, setTintIndex, useTint };
|
|
@@ -11,17 +11,19 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
11
11
|
val !== current && (current = val, startTransition(() => {
|
|
12
12
|
listeners.forEach((x) => x(val));
|
|
13
13
|
}));
|
|
14
|
-
}, useTint = () => {
|
|
14
|
+
}, useTint = (altOffset = 1) => {
|
|
15
15
|
const index = useSyncExternalStore(
|
|
16
16
|
onTintChange,
|
|
17
17
|
() => current,
|
|
18
18
|
() => initialTint
|
|
19
|
-
), tintsContext = useTints(), { tints } = tintsContext;
|
|
19
|
+
), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
20
20
|
return {
|
|
21
21
|
...tintsContext,
|
|
22
22
|
tints: tintsContext.tints,
|
|
23
23
|
tintIndex: index,
|
|
24
|
+
tintAltIndex,
|
|
24
25
|
tint: tints[index],
|
|
26
|
+
tintAlt: tints[tintAltIndex],
|
|
25
27
|
setTintIndex,
|
|
26
28
|
setNextTintFamily,
|
|
27
29
|
setNextTint: () => {
|
|
@@ -35,16 +37,13 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
35
37
|
}) => {
|
|
36
38
|
const curTint = useTint().tint;
|
|
37
39
|
return /* @__PURE__ */ jsx(Theme, { ...rest, name: disable ? null : curTint, children });
|
|
38
|
-
}, useTintAlt = (offset = 1) => {
|
|
39
|
-
const tint = useTint();
|
|
40
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
41
40
|
}, ThemeTintAlt = ({
|
|
42
41
|
children,
|
|
43
42
|
disable,
|
|
44
43
|
offset = 1,
|
|
45
44
|
...rest
|
|
46
45
|
}) => {
|
|
47
|
-
const curTint =
|
|
46
|
+
const curTint = useTint(offset).tintAlt;
|
|
48
47
|
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, ...rest, children });
|
|
49
48
|
};
|
|
50
49
|
export {
|
|
@@ -53,7 +52,6 @@ export {
|
|
|
53
52
|
initialTint,
|
|
54
53
|
onTintChange,
|
|
55
54
|
setTintIndex,
|
|
56
|
-
useTint
|
|
57
|
-
useTintAlt
|
|
55
|
+
useTint
|
|
58
56
|
};
|
|
59
57
|
//# sourceMappingURL=useTint.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAE/D,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAE/D,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;AA+DlD;AAxDG,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAM;AACX,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,CAAC,YAAY,MAAM;AACxC,QAAM,QAAQ;AAAA,IACZ;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,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,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,MAGM;AACJ,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,oBAAC,SAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/tints.js
CHANGED
|
@@ -3,9 +3,11 @@ const listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
5
|
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
7
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
7
8
|
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
9
|
let fam = DEFAULT_FAMILY;
|
|
10
|
+
setTintFamily("lunar");
|
|
9
11
|
function getTints() {
|
|
10
12
|
return {
|
|
11
13
|
name: fam || DEFAULT_FAMILY,
|
package/dist/jsx/tints.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EAC1E,OAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;AAC/D,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAkBtB,cAAc,OAAO;AAMd,SAAS,WAAW;AACzB,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,OAAO,SAAS,GAAG,KAAK,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,SAAS,CAAC;AAEzC,mBAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,SAAS,cAAc,MAAkB;AAC9C,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC;AAEO,MAAM,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAEa,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/tints.mjs
CHANGED
|
@@ -4,12 +4,14 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
4
4
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
5
5
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
6
|
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
7
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
8
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
8
9
|
},
|
|
9
10
|
DEFAULT_FAMILY = "tamagui",
|
|
10
11
|
familiesNames = Object.keys(familiesValues),
|
|
11
12
|
families = familiesValues;
|
|
12
13
|
let fam = DEFAULT_FAMILY;
|
|
14
|
+
setTintFamily("lunar");
|
|
13
15
|
function getTints() {
|
|
14
16
|
return {
|
|
15
17
|
name: fam || DEFAULT_FAMILY,
|
package/dist/jsx/tints.native.js
CHANGED
|
@@ -3,9 +3,11 @@ const listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
5
|
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
-
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"],
|
|
7
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"]
|
|
7
8
|
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
9
|
let fam = DEFAULT_FAMILY;
|
|
10
|
+
setTintFamily("lunar");
|
|
9
11
|
function getTints() {
|
|
10
12
|
return {
|
|
11
13
|
name: fam || DEFAULT_FAMILY,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAKpC,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EACvE,WAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;AAAA,EAC1E,OAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;AAC/D,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAkBtB,cAAc,OAAO;AAMd,SAAS,WAAW;AACzB,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,OAAO,SAAS,GAAG,KAAK,SAAS;AAAA,IACjC;AAAA,EACF;AACF;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,SAAS,CAAC;AAEzC,mBAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,SAAS,cAAc,MAAkB;AAC9C,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC;AAEO,MAAM,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAEa,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/useTint.js
CHANGED
|
@@ -11,17 +11,19 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
11
11
|
val !== current && (current = val, startTransition(() => {
|
|
12
12
|
listeners.forEach((x) => x(val));
|
|
13
13
|
}));
|
|
14
|
-
}, useTint = () => {
|
|
14
|
+
}, useTint = (altOffset = 1) => {
|
|
15
15
|
const index = useSyncExternalStore(
|
|
16
16
|
onTintChange,
|
|
17
17
|
() => current,
|
|
18
18
|
() => initialTint
|
|
19
|
-
), tintsContext = useTints(), { tints } = tintsContext;
|
|
19
|
+
), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
20
20
|
return {
|
|
21
21
|
...tintsContext,
|
|
22
22
|
tints: tintsContext.tints,
|
|
23
23
|
tintIndex: index,
|
|
24
|
+
tintAltIndex,
|
|
24
25
|
tint: tints[index],
|
|
26
|
+
tintAlt: tints[tintAltIndex],
|
|
25
27
|
setTintIndex,
|
|
26
28
|
setNextTintFamily,
|
|
27
29
|
setNextTint: () => {
|
|
@@ -35,16 +37,13 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
35
37
|
}) => {
|
|
36
38
|
const curTint = useTint().tint;
|
|
37
39
|
return /* @__PURE__ */ jsx(Theme, { ...rest, name: disable ? null : curTint, children });
|
|
38
|
-
}, useTintAlt = (offset = 1) => {
|
|
39
|
-
const tint = useTint();
|
|
40
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
41
40
|
}, ThemeTintAlt = ({
|
|
42
41
|
children,
|
|
43
42
|
disable,
|
|
44
43
|
offset = 1,
|
|
45
44
|
...rest
|
|
46
45
|
}) => {
|
|
47
|
-
const curTint =
|
|
46
|
+
const curTint = useTint(offset).tintAlt;
|
|
48
47
|
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, ...rest, children });
|
|
49
48
|
};
|
|
50
49
|
export {
|
|
@@ -53,7 +52,6 @@ export {
|
|
|
53
52
|
initialTint,
|
|
54
53
|
onTintChange,
|
|
55
54
|
setTintIndex,
|
|
56
|
-
useTint
|
|
57
|
-
useTintAlt
|
|
55
|
+
useTint
|
|
58
56
|
};
|
|
59
57
|
//# sourceMappingURL=useTint.js.map
|
package/dist/jsx/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAE/D,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAE/D,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;AA+DlD;AAxDG,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAM;AACX,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,CAAC,YAAY,MAAM;AACxC,QAAM,QAAQ;AAAA,IACZ;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,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,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,MAGM;AACJ,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,oBAAC,SAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/useTint.mjs
CHANGED
|
@@ -15,17 +15,20 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
15
15
|
listeners.forEach(x => x(val));
|
|
16
16
|
}));
|
|
17
17
|
},
|
|
18
|
-
useTint = () => {
|
|
18
|
+
useTint = (altOffset = 1) => {
|
|
19
19
|
const index = useSyncExternalStore(onTintChange, () => current, () => initialTint),
|
|
20
20
|
tintsContext = useTints(),
|
|
21
21
|
{
|
|
22
22
|
tints
|
|
23
|
-
} = tintsContext
|
|
23
|
+
} = tintsContext,
|
|
24
|
+
tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
24
25
|
return {
|
|
25
26
|
...tintsContext,
|
|
26
27
|
tints: tintsContext.tints,
|
|
27
28
|
tintIndex: index,
|
|
29
|
+
tintAltIndex,
|
|
28
30
|
tint: tints[index],
|
|
31
|
+
tintAlt: tints[tintAltIndex],
|
|
29
32
|
setTintIndex,
|
|
30
33
|
setNextTintFamily,
|
|
31
34
|
setNextTint: () => {
|
|
@@ -45,21 +48,17 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
45
48
|
children
|
|
46
49
|
});
|
|
47
50
|
},
|
|
48
|
-
useTintAlt = (offset = 1) => {
|
|
49
|
-
const tint = useTint();
|
|
50
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
51
|
-
},
|
|
52
51
|
ThemeTintAlt = ({
|
|
53
52
|
children,
|
|
54
53
|
disable,
|
|
55
54
|
offset = 1,
|
|
56
55
|
...rest
|
|
57
56
|
}) => {
|
|
58
|
-
const curTint =
|
|
57
|
+
const curTint = useTint(offset).tintAlt;
|
|
59
58
|
return /* @__PURE__ */jsx(Theme, {
|
|
60
59
|
name: disable ? null : curTint,
|
|
61
60
|
...rest,
|
|
62
61
|
children
|
|
63
62
|
});
|
|
64
63
|
};
|
|
65
|
-
export { ThemeTint, ThemeTintAlt, initialTint, onTintChange, setTintIndex, useTint
|
|
64
|
+
export { ThemeTint, ThemeTintAlt, initialTint, onTintChange, setTintIndex, useTint };
|
|
@@ -11,17 +11,19 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
11
11
|
val !== current && (current = val, startTransition(() => {
|
|
12
12
|
listeners.forEach((x) => x(val));
|
|
13
13
|
}));
|
|
14
|
-
}, useTint = () => {
|
|
14
|
+
}, useTint = (altOffset = 1) => {
|
|
15
15
|
const index = useSyncExternalStore(
|
|
16
16
|
onTintChange,
|
|
17
17
|
() => current,
|
|
18
18
|
() => initialTint
|
|
19
|
-
), tintsContext = useTints(), { tints } = tintsContext;
|
|
19
|
+
), tintsContext = useTints(), { tints } = tintsContext, tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
20
20
|
return {
|
|
21
21
|
...tintsContext,
|
|
22
22
|
tints: tintsContext.tints,
|
|
23
23
|
tintIndex: index,
|
|
24
|
+
tintAltIndex,
|
|
24
25
|
tint: tints[index],
|
|
26
|
+
tintAlt: tints[tintAltIndex],
|
|
25
27
|
setTintIndex,
|
|
26
28
|
setNextTintFamily,
|
|
27
29
|
setNextTint: () => {
|
|
@@ -35,16 +37,13 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
35
37
|
}) => {
|
|
36
38
|
const curTint = useTint().tint;
|
|
37
39
|
return /* @__PURE__ */ jsx(Theme, { ...rest, name: disable ? null : curTint, children });
|
|
38
|
-
}, useTintAlt = (offset = 1) => {
|
|
39
|
-
const tint = useTint();
|
|
40
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
41
40
|
}, ThemeTintAlt = ({
|
|
42
41
|
children,
|
|
43
42
|
disable,
|
|
44
43
|
offset = 1,
|
|
45
44
|
...rest
|
|
46
45
|
}) => {
|
|
47
|
-
const curTint =
|
|
46
|
+
const curTint = useTint(offset).tintAlt;
|
|
48
47
|
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, ...rest, children });
|
|
49
48
|
};
|
|
50
49
|
export {
|
|
@@ -53,7 +52,6 @@ export {
|
|
|
53
52
|
initialTint,
|
|
54
53
|
onTintChange,
|
|
55
54
|
setTintIndex,
|
|
56
|
-
useTint
|
|
57
|
-
useTintAlt
|
|
55
|
+
useTint
|
|
58
56
|
};
|
|
59
57
|
//# sourceMappingURL=useTint.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAE/D,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAE/D,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;AA+DlD;AAxDG,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAM;AACX,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,CAAC,YAAY,MAAM;AACxC,QAAM,QAAQ;AAAA,IACZ;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,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,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,MAGM;AACJ,QAAM,UAAU,QAAQ,MAAM,EAAE;AAEhC,SACE,oBAAC,SAAM,MAFI,UAAU,OAAO,SAER,GAAG,MACpB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.89.
|
|
3
|
+
"version": "1.89.22",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
"react": "*"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"tamagui": "1.89.
|
|
27
|
+
"tamagui": "1.89.22"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@tamagui/build": "1.89.
|
|
30
|
+
"@tamagui/build": "1.89.22",
|
|
31
31
|
"react": "^18.2.0"
|
|
32
32
|
},
|
|
33
33
|
"publishConfig": {
|
package/src/tints.tsx
CHANGED
|
@@ -10,6 +10,7 @@ const familiesValues = {
|
|
|
10
10
|
xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],
|
|
11
11
|
easter: ['yellow', 'pink', 'yellow', 'pink', 'yellow', 'pink', 'yellow'],
|
|
12
12
|
halloween: ['orange', 'gray', 'orange', 'gray', 'orange', 'gray', 'orange'],
|
|
13
|
+
lunar: ['yellow', 'red', 'red', 'red', 'red', 'red', 'yellow'],
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
type Family = keyof typeof familiesValues
|
|
@@ -42,6 +43,8 @@ let fam: TintFamily = DEFAULT_FAMILY
|
|
|
42
43
|
// }
|
|
43
44
|
// })()
|
|
44
45
|
|
|
46
|
+
setTintFamily('lunar')
|
|
47
|
+
|
|
45
48
|
// if (seasonalTheme) {
|
|
46
49
|
// setTintFamily(seasonalTheme)
|
|
47
50
|
// }
|
package/src/useTint.tsx
CHANGED
|
@@ -33,7 +33,7 @@ export const setTintIndex = (next: number) => {
|
|
|
33
33
|
})
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
export const useTint = () => {
|
|
36
|
+
export const useTint = (altOffset = 1) => {
|
|
37
37
|
const index = useSyncExternalStore(
|
|
38
38
|
onTintChange,
|
|
39
39
|
() => current,
|
|
@@ -41,12 +41,15 @@ export const useTint = () => {
|
|
|
41
41
|
)
|
|
42
42
|
const tintsContext = useTints()
|
|
43
43
|
const { tints } = tintsContext
|
|
44
|
+
const tintAltIndex = Math.abs((index + altOffset) % tints.length)
|
|
44
45
|
|
|
45
46
|
return {
|
|
46
47
|
...tintsContext,
|
|
47
48
|
tints: tintsContext.tints as ThemeName[],
|
|
48
49
|
tintIndex: index,
|
|
50
|
+
tintAltIndex,
|
|
49
51
|
tint: tints[index] as ThemeName,
|
|
52
|
+
tintAlt: tints[tintAltIndex] as ThemeName,
|
|
50
53
|
setTintIndex,
|
|
51
54
|
setNextTintFamily,
|
|
52
55
|
setNextTint: () => {
|
|
@@ -68,11 +71,6 @@ export const ThemeTint = ({
|
|
|
68
71
|
)
|
|
69
72
|
}
|
|
70
73
|
|
|
71
|
-
export const useTintAlt = (offset = 1) => {
|
|
72
|
-
const tint = useTint()
|
|
73
|
-
return tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)]
|
|
74
|
-
}
|
|
75
|
-
|
|
76
74
|
export const ThemeTintAlt = ({
|
|
77
75
|
children,
|
|
78
76
|
disable,
|
|
@@ -82,7 +80,7 @@ export const ThemeTintAlt = ({
|
|
|
82
80
|
disable?: boolean
|
|
83
81
|
offset?: number
|
|
84
82
|
}) => {
|
|
85
|
-
const curTint =
|
|
83
|
+
const curTint = useTint(offset).tintAlt
|
|
86
84
|
const name = disable ? null : curTint
|
|
87
85
|
return (
|
|
88
86
|
<Theme name={name} {...rest}>
|
package/types/LogoWords.d.ts
CHANGED
|
@@ -1,14 +1,32 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { XStackProps } from 'tamagui';
|
|
3
|
-
export declare const LogoWords: import("react").MemoExoticComponent<({ downscale, grayscale, animated, ...props }: Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/web").StackStyleBase | "fullscreen"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
|
|
3
|
+
export declare const LogoWords: import("react").MemoExoticComponent<({ downscale, grayscale, animated, ...props }: Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/web").StackStyleBase | "fullscreen" | "inset"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
|
|
4
4
|
elevation?: number | import("tamagui").SizeTokens | undefined;
|
|
5
5
|
fullscreen?: boolean | undefined;
|
|
6
|
+
inset?: number | import("tamagui").SizeTokens | {
|
|
7
|
+
top?: number | undefined;
|
|
8
|
+
bottom?: number | undefined;
|
|
9
|
+
left?: number | undefined;
|
|
10
|
+
right?: number | undefined;
|
|
11
|
+
} | undefined;
|
|
6
12
|
} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
|
|
7
13
|
elevation?: number | import("tamagui").SizeTokens | undefined;
|
|
8
14
|
fullscreen?: boolean | undefined;
|
|
15
|
+
inset?: number | import("tamagui").SizeTokens | {
|
|
16
|
+
top?: number | undefined;
|
|
17
|
+
bottom?: number | undefined;
|
|
18
|
+
left?: number | undefined;
|
|
19
|
+
right?: number | undefined;
|
|
20
|
+
} | undefined;
|
|
9
21
|
} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {
|
|
10
22
|
elevation?: number | import("tamagui").SizeTokens | undefined;
|
|
11
23
|
fullscreen?: boolean | undefined;
|
|
24
|
+
inset?: number | import("tamagui").SizeTokens | {
|
|
25
|
+
top?: number | undefined;
|
|
26
|
+
bottom?: number | undefined;
|
|
27
|
+
left?: number | undefined;
|
|
28
|
+
right?: number | undefined;
|
|
29
|
+
} | undefined;
|
|
12
30
|
}>> & {
|
|
13
31
|
downscale?: number | undefined;
|
|
14
32
|
animated?: boolean | undefined;
|
package/types/LogoWords.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogoWords.d.ts","sourceRoot":"","sources":["../src/LogoWords.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"LogoWords.d.ts","sourceRoot":"","sources":["../src/LogoWords.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAoIrB,CAAA"}
|
package/types/TamaguiLogo.d.ts
CHANGED
|
@@ -3,14 +3,32 @@ export declare const TamaguiLogo: import("react").ForwardRefExoticComponent<{
|
|
|
3
3
|
showWords?: boolean | undefined;
|
|
4
4
|
downscale?: number | undefined;
|
|
5
5
|
animated?: boolean | undefined;
|
|
6
|
-
} & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/web").StackStyleBase | "fullscreen"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
|
|
6
|
+
} & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/web").StackStyleBase | "fullscreen" | "inset"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
|
|
7
7
|
elevation?: number | import("tamagui").SizeTokens | undefined;
|
|
8
8
|
fullscreen?: boolean | undefined;
|
|
9
|
+
inset?: number | import("tamagui").SizeTokens | {
|
|
10
|
+
top?: number | undefined;
|
|
11
|
+
bottom?: number | undefined;
|
|
12
|
+
left?: number | undefined;
|
|
13
|
+
right?: number | undefined;
|
|
14
|
+
} | undefined;
|
|
9
15
|
} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
|
|
10
16
|
elevation?: number | import("tamagui").SizeTokens | undefined;
|
|
11
17
|
fullscreen?: boolean | undefined;
|
|
18
|
+
inset?: number | import("tamagui").SizeTokens | {
|
|
19
|
+
top?: number | undefined;
|
|
20
|
+
bottom?: number | undefined;
|
|
21
|
+
left?: number | undefined;
|
|
22
|
+
right?: number | undefined;
|
|
23
|
+
} | undefined;
|
|
12
24
|
} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {
|
|
13
25
|
elevation?: number | import("tamagui").SizeTokens | undefined;
|
|
14
26
|
fullscreen?: boolean | undefined;
|
|
27
|
+
inset?: number | import("tamagui").SizeTokens | {
|
|
28
|
+
top?: number | undefined;
|
|
29
|
+
bottom?: number | undefined;
|
|
30
|
+
left?: number | undefined;
|
|
31
|
+
right?: number | undefined;
|
|
32
|
+
} | undefined;
|
|
15
33
|
}>> & import("react").RefAttributes<any>>;
|
|
16
34
|
//# sourceMappingURL=TamaguiLogo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TamaguiLogo.d.ts","sourceRoot":"","sources":["../src/TamaguiLogo.tsx"],"names":[],"mappings":";AAaA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"TamaguiLogo.d.ts","sourceRoot":"","sources":["../src/TamaguiLogo.tsx"],"names":[],"mappings":";AAaA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yCAoBvB,CAAA"}
|
package/types/tints.d.ts
CHANGED
|
@@ -4,26 +4,29 @@ declare const families: {
|
|
|
4
4
|
xmas: string[];
|
|
5
5
|
easter: string[];
|
|
6
6
|
halloween: string[];
|
|
7
|
+
lunar: string[];
|
|
7
8
|
};
|
|
8
9
|
type TintFamily = keyof typeof families;
|
|
9
10
|
export declare function getTints(): {
|
|
10
|
-
name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
11
|
+
name: "tamagui" | "xmas" | "easter" | "halloween" | "lunar";
|
|
11
12
|
tints: string[];
|
|
12
13
|
families: {
|
|
13
14
|
tamagui: string[];
|
|
14
15
|
xmas: string[];
|
|
15
16
|
easter: string[];
|
|
16
17
|
halloween: string[];
|
|
18
|
+
lunar: string[];
|
|
17
19
|
};
|
|
18
20
|
};
|
|
19
21
|
export declare function useTints(): {
|
|
20
|
-
name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
22
|
+
name: "tamagui" | "xmas" | "easter" | "halloween" | "lunar";
|
|
21
23
|
tints: string[];
|
|
22
24
|
families: {
|
|
23
25
|
tamagui: string[];
|
|
24
26
|
xmas: string[];
|
|
25
27
|
easter: string[];
|
|
26
28
|
halloween: string[];
|
|
29
|
+
lunar: string[];
|
|
27
30
|
};
|
|
28
31
|
};
|
|
29
32
|
export declare function setTintFamily(next: TintFamily): void;
|
package/types/tints.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AAGA,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AAGA,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;AAkB/C,QAAA,MAAM,QAAQ;;;;;;CAEb,CAAA;AAED,KAAK,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAA;AA0BvC,wBAAgB,QAAQ;;;;;;;;;;EAMvB;AAED,wBAAgB,QAAQ;;;;;;;;;;EAUvB;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,QAI7C;AAED,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAED,eAAO,MAAM,kBAAkB,OAAQ,aAAa,eAKnD,CAAA"}
|
package/types/useTint.d.ts
CHANGED
|
@@ -3,25 +3,27 @@ import type { ThemeProps } from 'tamagui';
|
|
|
3
3
|
export declare const initialTint = 3;
|
|
4
4
|
export declare const onTintChange: (listener: (cur: number) => void) => () => void;
|
|
5
5
|
export declare const setTintIndex: (next: number) => void;
|
|
6
|
-
export declare const useTint: () => {
|
|
6
|
+
export declare const useTint: (altOffset?: number) => {
|
|
7
7
|
readonly tints: string[];
|
|
8
8
|
readonly tintIndex: number;
|
|
9
|
+
readonly tintAltIndex: number;
|
|
9
10
|
readonly tint: string;
|
|
11
|
+
readonly tintAlt: string;
|
|
10
12
|
readonly setTintIndex: (next: number) => void;
|
|
11
13
|
readonly setNextTintFamily: () => void;
|
|
12
14
|
readonly setNextTint: () => void;
|
|
13
|
-
readonly name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
15
|
+
readonly name: "tamagui" | "xmas" | "easter" | "halloween" | "lunar";
|
|
14
16
|
readonly families: {
|
|
15
17
|
tamagui: string[];
|
|
16
18
|
xmas: string[];
|
|
17
19
|
easter: string[];
|
|
18
20
|
halloween: string[];
|
|
21
|
+
lunar: string[];
|
|
19
22
|
};
|
|
20
23
|
};
|
|
21
24
|
export declare const ThemeTint: ({ disable, children, ...rest }: ThemeProps & {
|
|
22
25
|
disable?: boolean | undefined;
|
|
23
26
|
}) => JSX.Element;
|
|
24
|
-
export declare const useTintAlt: (offset?: number) => string;
|
|
25
27
|
export declare const ThemeTintAlt: ({ children, disable, offset, ...rest }: ThemeProps & {
|
|
26
28
|
disable?: boolean | undefined;
|
|
27
29
|
offset?: number | undefined;
|
package/types/useTint.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAa,UAAU,EAAE,MAAM,SAAS,CAAA;AAUpD,eAAO,MAAM,WAAW,IAAI,CAAA;AAM5B,eAAO,MAAM,YAAY,mBAAoB,MAAM,KAAK,IAAI,eAK3D,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,SAOxC,CAAA;AAED,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAa,UAAU,EAAE,MAAM,SAAS,CAAA;AAUpD,eAAO,MAAM,WAAW,IAAI,CAAA;AAM5B,eAAO,MAAM,YAAY,mBAAoB,MAAM,KAAK,IAAI,eAK3D,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,SAOxC,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;kCATe,MAAM;;;;;;;;;;;CAgCxC,CAAA;AAED,eAAO,MAAM,SAAS;;iBAWrB,CAAA;AAED,eAAO,MAAM,YAAY;;;iBAgBxB,CAAA"}
|