@tamagui/logo 1.82.1 → 1.82.2
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.js +9 -4
- package/dist/cjs/useTint.js.map +1 -1
- package/dist/cjs/useTint.native.js +9 -4
- package/dist/cjs/useTint.native.js.map +1 -1
- package/dist/esm/useTint.js +10 -5
- package/dist/esm/useTint.js.map +1 -1
- package/dist/esm/useTint.native.js +10 -5
- package/dist/esm/useTint.native.js.map +1 -1
- package/dist/jsx/useTint.js +11 -11
- package/dist/jsx/useTint.js.map +1 -1
- package/dist/jsx/useTint.native.js +11 -11
- package/dist/jsx/useTint.native.js.map +1 -1
- package/package.json +3 -3
- package/src/useTint.tsx +16 -10
- package/types/useTint.d.ts +4 -5
- package/types/useTint.d.ts.map +1 -1
package/dist/cjs/useTint.js
CHANGED
|
@@ -49,16 +49,21 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
49
49
|
setTintIndex(index + 1);
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
|
-
}, ThemeTint = (
|
|
52
|
+
}, ThemeTint = ({
|
|
53
|
+
disable,
|
|
54
|
+
children,
|
|
55
|
+
...rest
|
|
56
|
+
}) => {
|
|
53
57
|
const curTint = useTint().tint;
|
|
54
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name:
|
|
58
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { ...rest, name: disable ? null : curTint, children });
|
|
55
59
|
}, ThemeTintAlt = ({
|
|
56
60
|
children,
|
|
57
61
|
disable,
|
|
58
|
-
offset = 1
|
|
62
|
+
offset = 1,
|
|
63
|
+
...rest
|
|
59
64
|
}) => {
|
|
60
65
|
const tint = useTint(), curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
61
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: disable ? null : curTint, children
|
|
66
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { ...rest, name: disable ? null : curTint, children });
|
|
62
67
|
};
|
|
63
68
|
// Annotate the CommonJS export names for ESM import in node:
|
|
64
69
|
0 && (module.exports = {
|
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,mBAA+D,kBAC/D,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D,kBAC/D,iBAA6C,oBAE7C,eAAsD,oBA4DlD;AArDG,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,MAAM;AAC3B,QAAM,YAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;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,OAAO,QAAQ,GACf,UAAU,KAAK,MAAM,KAAK,KAAK,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM,CAAC;AAElF,SACE,4CAAC,wBAAO,GAAG,MAAM,MAFN,UAAU,OAAO,SAGzB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -50,16 +50,21 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
50
50
|
setTintIndex(index + 1);
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
|
-
}, ThemeTint = (
|
|
53
|
+
}, ThemeTint = ({
|
|
54
|
+
disable,
|
|
55
|
+
children,
|
|
56
|
+
...rest
|
|
57
|
+
}) => {
|
|
54
58
|
const curTint = useTint().tint;
|
|
55
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name:
|
|
59
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { ...rest, name: disable ? null : curTint, children });
|
|
56
60
|
}, ThemeTintAlt = ({
|
|
57
61
|
children,
|
|
58
62
|
disable,
|
|
59
|
-
offset = 1
|
|
63
|
+
offset = 1,
|
|
64
|
+
...rest
|
|
60
65
|
}) => {
|
|
61
66
|
const tint = useTint(), curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
62
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: disable ? null : curTint, children
|
|
67
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { ...rest, name: disable ? null : curTint, children });
|
|
63
68
|
};
|
|
64
69
|
// Annotate the CommonJS export names for ESM import in node:
|
|
65
70
|
0 && (module.exports = {
|
|
@@ -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,mBAA+D,kBAC/D,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D,kBAC/D,iBAA6C,oBAE7C,eAAsD,oBA4DlD;AArDG,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,MAAM;AAC3B,QAAM,YAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;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,OAAO,QAAQ,GACf,UAAU,KAAK,MAAM,KAAK,KAAK,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM,CAAC;AAElF,SACE,4CAAC,wBAAO,GAAG,MAAM,MAFN,UAAU,OAAO,SAGzB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/useTint.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { startTransition,
|
|
1
|
+
import { startTransition, useSyncExternalStore } from "react";
|
|
2
2
|
import { Theme } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -28,16 +28,21 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
28
28
|
setTintIndex(index + 1);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
}, ThemeTint = (
|
|
31
|
+
}, ThemeTint = ({
|
|
32
|
+
disable,
|
|
33
|
+
children,
|
|
34
|
+
...rest
|
|
35
|
+
}) => {
|
|
32
36
|
const curTint = useTint().tint;
|
|
33
|
-
return /* @__PURE__ */ jsx(Theme, { name:
|
|
37
|
+
return /* @__PURE__ */ jsx(Theme, { ...rest, name: disable ? null : curTint, children });
|
|
34
38
|
}, ThemeTintAlt = ({
|
|
35
39
|
children,
|
|
36
40
|
disable,
|
|
37
|
-
offset = 1
|
|
41
|
+
offset = 1,
|
|
42
|
+
...rest
|
|
38
43
|
}) => {
|
|
39
44
|
const tint = useTint(), curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
40
|
-
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, children
|
|
45
|
+
return /* @__PURE__ */ jsx(Theme, { ...rest, name: disable ? null : curTint, children });
|
|
41
46
|
};
|
|
42
47
|
export {
|
|
43
48
|
ThemeTint,
|
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,
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAC/D,SAAS,aAAoC;AAE7C,SAAS,UAAU,mBAAmB,gBAAgB;AA4DlD;AArDG,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,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;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,OAAO,QAAQ,GACf,UAAU,KAAK,MAAM,KAAK,KAAK,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM,CAAC;AAElF,SACE,oBAAC,SAAO,GAAG,MAAM,MAFN,UAAU,OAAO,SAGzB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { startTransition,
|
|
1
|
+
import { startTransition, useSyncExternalStore } from "react";
|
|
2
2
|
import { Theme } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -28,16 +28,21 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
28
28
|
setTintIndex(index + 1);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
}, ThemeTint = (
|
|
31
|
+
}, ThemeTint = ({
|
|
32
|
+
disable,
|
|
33
|
+
children,
|
|
34
|
+
...rest
|
|
35
|
+
}) => {
|
|
32
36
|
const curTint = useTint().tint;
|
|
33
|
-
return /* @__PURE__ */ jsx(Theme, { name:
|
|
37
|
+
return /* @__PURE__ */ jsx(Theme, { ...rest, name: disable ? null : curTint, children });
|
|
34
38
|
}, ThemeTintAlt = ({
|
|
35
39
|
children,
|
|
36
40
|
disable,
|
|
37
|
-
offset = 1
|
|
41
|
+
offset = 1,
|
|
42
|
+
...rest
|
|
38
43
|
}) => {
|
|
39
44
|
const tint = useTint(), curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
40
|
-
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, children
|
|
45
|
+
return /* @__PURE__ */ jsx(Theme, { ...rest, name: disable ? null : curTint, children });
|
|
41
46
|
};
|
|
42
47
|
export {
|
|
43
48
|
ThemeTint,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAC/D,SAAS,aAAoC;AAE7C,SAAS,UAAU,mBAAmB,gBAAgB;AA4DlD;AArDG,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,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;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,OAAO,QAAQ,GACf,UAAU,KAAK,MAAM,KAAK,KAAK,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM,CAAC;AAElF,SACE,oBAAC,SAAO,GAAG,MAAM,MAFN,UAAU,OAAO,SAGzB,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/useTint.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { startTransition,
|
|
1
|
+
import { startTransition, useSyncExternalStore } from "react";
|
|
2
2
|
import { Theme } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
4
4
|
const initialTint = 3;
|
|
@@ -27,21 +27,21 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
27
27
|
setTintIndex(index + 1);
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
}, ThemeTint = (
|
|
30
|
+
}, ThemeTint = ({
|
|
31
|
+
disable,
|
|
32
|
+
children,
|
|
33
|
+
...rest
|
|
34
|
+
}) => {
|
|
31
35
|
const curTint = useTint().tint;
|
|
32
|
-
return <Theme name={
|
|
36
|
+
return <Theme {...rest} name={disable ? null : curTint}>{children}</Theme>;
|
|
33
37
|
}, ThemeTintAlt = ({
|
|
34
38
|
children,
|
|
35
39
|
disable,
|
|
36
|
-
offset = 1
|
|
40
|
+
offset = 1,
|
|
41
|
+
...rest
|
|
37
42
|
}) => {
|
|
38
|
-
const tint = useTint(), curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
39
|
-
return <Theme name={
|
|
40
|
-
{
|
|
41
|
-
/* */
|
|
42
|
-
}
|
|
43
|
-
{useMemo(() => children, [children])}
|
|
44
|
-
</Theme>;
|
|
43
|
+
const tint = useTint(), curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)], name = disable ? null : curTint;
|
|
44
|
+
return <Theme {...rest} name={name}>{children}</Theme>;
|
|
45
45
|
};
|
|
46
46
|
export {
|
|
47
47
|
ThemeTint,
|
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,
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAC/D,SAAS,aAAoC;AAE7C,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,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,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;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,CAAC,UAAU,MAAM,MAAM,UAAU,OAAO,UACrC,SACH,EAFC;AAIL,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAGM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,MAAM,KAAK,KAAK,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM,CAAC,GAC5E,OAAO,UAAU,OAAO;AAC9B,SACE,CAAC,UAAU,MAAM,MAAM,OACpB,SACH,EAFC;AAIL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { startTransition,
|
|
1
|
+
import { startTransition, useSyncExternalStore } from "react";
|
|
2
2
|
import { Theme } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
4
4
|
const initialTint = 3;
|
|
@@ -27,21 +27,21 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
27
27
|
setTintIndex(index + 1);
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
}, ThemeTint = (
|
|
30
|
+
}, ThemeTint = ({
|
|
31
|
+
disable,
|
|
32
|
+
children,
|
|
33
|
+
...rest
|
|
34
|
+
}) => {
|
|
31
35
|
const curTint = useTint().tint;
|
|
32
|
-
return <Theme name={
|
|
36
|
+
return <Theme {...rest} name={disable ? null : curTint}>{children}</Theme>;
|
|
33
37
|
}, ThemeTintAlt = ({
|
|
34
38
|
children,
|
|
35
39
|
disable,
|
|
36
|
-
offset = 1
|
|
40
|
+
offset = 1,
|
|
41
|
+
...rest
|
|
37
42
|
}) => {
|
|
38
|
-
const tint = useTint(), curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)];
|
|
39
|
-
return <Theme name={
|
|
40
|
-
{
|
|
41
|
-
/* */
|
|
42
|
-
}
|
|
43
|
-
{useMemo(() => children, [children])}
|
|
44
|
-
</Theme>;
|
|
43
|
+
const tint = useTint(), curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)], name = disable ? null : curTint;
|
|
44
|
+
return <Theme {...rest} name={name}>{children}</Theme>;
|
|
45
45
|
};
|
|
46
46
|
export {
|
|
47
47
|
ThemeTint,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAA0B,4BAA4B;AAC/D,SAAS,aAAoC;AAE7C,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,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,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;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,CAAC,UAAU,MAAM,MAAM,UAAU,OAAO,UACrC,SACH,EAFC;AAIL,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAGM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,MAAM,KAAK,KAAK,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM,CAAC,GAC5E,OAAO,UAAU,OAAO;AAC9B,SACE,CAAC,UAAU,MAAM,MAAM,OACpB,SACH,EAFC;AAIL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.82.
|
|
3
|
+
"version": "1.82.2",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
"react": "*"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"tamagui": "1.82.
|
|
27
|
+
"tamagui": "1.82.2"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@tamagui/build": "1.82.
|
|
30
|
+
"@tamagui/build": "1.82.2",
|
|
31
31
|
"react": "^18.2.0"
|
|
32
32
|
},
|
|
33
33
|
"publishConfig": {
|
package/src/useTint.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { startTransition, useMemo, useSyncExternalStore } from 'react'
|
|
2
|
-
import { Theme, ThemeName } from 'tamagui'
|
|
2
|
+
import { Theme, ThemeName, ThemeProps } from 'tamagui'
|
|
3
3
|
|
|
4
4
|
import { getTints, setNextTintFamily, useTints } from './tints'
|
|
5
5
|
|
|
@@ -54,28 +54,34 @@ export const useTint = () => {
|
|
|
54
54
|
} as const
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
export const ThemeTint = (
|
|
57
|
+
export const ThemeTint = ({
|
|
58
|
+
disable,
|
|
59
|
+
children,
|
|
60
|
+
...rest
|
|
61
|
+
}: ThemeProps & { disable?: boolean }) => {
|
|
58
62
|
const curTint = useTint().tint
|
|
59
|
-
|
|
60
|
-
|
|
63
|
+
return (
|
|
64
|
+
<Theme {...rest} name={disable ? null : curTint}>
|
|
65
|
+
{children}
|
|
66
|
+
</Theme>
|
|
67
|
+
)
|
|
61
68
|
}
|
|
62
69
|
|
|
63
70
|
export const ThemeTintAlt = ({
|
|
64
71
|
children,
|
|
65
72
|
disable,
|
|
66
73
|
offset = 1,
|
|
67
|
-
|
|
68
|
-
|
|
74
|
+
...rest
|
|
75
|
+
}: ThemeProps & {
|
|
69
76
|
disable?: boolean
|
|
70
77
|
offset?: number
|
|
71
78
|
}) => {
|
|
72
79
|
const tint = useTint()
|
|
73
80
|
const curTint = tint.tints[Math.abs((tint.tintIndex + offset) % tint.tints.length)]
|
|
74
|
-
|
|
81
|
+
const name = disable ? null : curTint
|
|
75
82
|
return (
|
|
76
|
-
<Theme name={
|
|
77
|
-
{
|
|
78
|
-
{useMemo(() => children, [children])}
|
|
83
|
+
<Theme {...rest} name={name}>
|
|
84
|
+
{children}
|
|
79
85
|
</Theme>
|
|
80
86
|
)
|
|
81
87
|
}
|
package/types/useTint.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ThemeProps } from 'tamagui';
|
|
2
3
|
export declare const initialTint = 3;
|
|
3
4
|
export declare const onTintChange: (listener: (cur: number) => void) => () => void;
|
|
4
5
|
export declare const setTintIndex: (next: number) => void;
|
|
@@ -17,12 +18,10 @@ export declare const useTint: () => {
|
|
|
17
18
|
halloween: string[];
|
|
18
19
|
};
|
|
19
20
|
};
|
|
20
|
-
export declare const ThemeTint: (
|
|
21
|
-
|
|
22
|
-
disable?: boolean;
|
|
21
|
+
export declare const ThemeTint: ({ disable, children, ...rest }: ThemeProps & {
|
|
22
|
+
disable?: boolean | undefined;
|
|
23
23
|
}) => JSX.Element;
|
|
24
|
-
export declare const ThemeTintAlt: ({ children, disable, offset, }: {
|
|
25
|
-
children: any;
|
|
24
|
+
export declare const ThemeTintAlt: ({ children, disable, offset, ...rest }: ThemeProps & {
|
|
26
25
|
disable?: boolean | undefined;
|
|
27
26
|
offset?: number | undefined;
|
|
28
27
|
}) => JSX.Element;
|
package/types/useTint.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,UAAU,EAAE,MAAM,SAAS,CAAA;AAStD,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;;;;;;;;;;CA6BxC,CAAA;AAED,eAAO,MAAM,SAAS;;iBAWrB,CAAA;AAED,eAAO,MAAM,YAAY;;;iBAiBxB,CAAA"}
|