@tamagui/logo 1.75.8 → 1.76.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/tints.js +5 -4
- package/dist/cjs/tints.js.map +1 -1
- package/dist/cjs/tints.native.js +5 -4
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.js +1 -1
- package/dist/cjs/useTint.native.js +1 -1
- package/dist/esm/tints.js +5 -4
- package/dist/esm/tints.js.map +1 -1
- package/dist/esm/tints.native.js +5 -4
- package/dist/esm/tints.native.js.map +1 -1
- package/dist/esm/useTint.js +1 -1
- package/dist/esm/useTint.native.js +1 -1
- package/dist/jsx/tints.js +5 -4
- package/dist/jsx/tints.js.map +1 -1
- package/dist/jsx/tints.native.js +5 -4
- package/dist/jsx/tints.native.js.map +1 -1
- package/dist/jsx/useTint.js +1 -1
- package/dist/jsx/useTint.native.js +1 -1
- package/package.json +3 -3
- package/src/tints.tsx +5 -2
- package/src/useTint.tsx +1 -1
- package/types/tints.d.ts +5 -2
- package/types/tints.d.ts.map +1 -1
- package/types/useTint.d.ts +2 -1
- package/types/useTint.d.ts.map +1 -1
package/dist/cjs/tints.js
CHANGED
|
@@ -25,12 +25,13 @@ var import_react = require("react");
|
|
|
25
25
|
const familiesValues = {
|
|
26
26
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
27
27
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
28
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
29
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
30
|
+
}, DEFAULT_FAMILY = "halloween", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
31
|
+
let fam = DEFAULT_FAMILY;
|
|
31
32
|
function getTints() {
|
|
32
33
|
return {
|
|
33
|
-
name: fam ||
|
|
34
|
+
name: fam || DEFAULT_FAMILY,
|
|
34
35
|
tints: families[fam] || families.tamagui,
|
|
35
36
|
families
|
|
36
37
|
};
|
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;AAGpC,MAAM,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;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAGpC,MAAM,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;AAC5E,GAIM,iBAAyB,aAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,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
|
@@ -26,12 +26,13 @@ var import_react = require("react");
|
|
|
26
26
|
const familiesValues = {
|
|
27
27
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
28
28
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
29
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
30
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
31
|
+
}, DEFAULT_FAMILY = "halloween", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
32
|
+
let fam = DEFAULT_FAMILY;
|
|
32
33
|
function getTints() {
|
|
33
34
|
return {
|
|
34
|
-
name: fam ||
|
|
35
|
+
name: fam || DEFAULT_FAMILY,
|
|
35
36
|
tints: families[fam] || families.tamagui,
|
|
36
37
|
families
|
|
37
38
|
};
|
|
@@ -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;AAGpC,MAAM,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;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAGpC,MAAM,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;AAC5E,GAIM,iBAAyB,aAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/useTint.js
CHANGED
|
@@ -55,7 +55,7 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
55
55
|
}, ThemeTintAlt = ({
|
|
56
56
|
children,
|
|
57
57
|
disable,
|
|
58
|
-
offset =
|
|
58
|
+
offset = 1
|
|
59
59
|
}) => {
|
|
60
60
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
61
61
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: disable ? null : curTint, children: (0, import_react.useMemo)(() => children, [children]) });
|
|
@@ -56,7 +56,7 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
56
56
|
}, ThemeTintAlt = ({
|
|
57
57
|
children,
|
|
58
58
|
disable,
|
|
59
|
-
offset =
|
|
59
|
+
offset = 1
|
|
60
60
|
}) => {
|
|
61
61
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
62
62
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: disable ? null : curTint, children: (0, import_react.useMemo)(() => children, [children]) });
|
package/dist/esm/tints.js
CHANGED
|
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
const familiesValues = {
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
}, DEFAULT_FAMILY = "halloween", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
|
+
let fam = DEFAULT_FAMILY;
|
|
8
9
|
function getTints() {
|
|
9
10
|
return {
|
|
10
|
-
name: fam ||
|
|
11
|
+
name: fam || DEFAULT_FAMILY,
|
|
11
12
|
tints: families[fam] || families.tamagui,
|
|
12
13
|
families
|
|
13
14
|
};
|
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;AAGpC,MAAM,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;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,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;AAC5E,GAIM,iBAAyB,aAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/tints.native.js
CHANGED
|
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
const familiesValues = {
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
}, DEFAULT_FAMILY = "halloween", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
|
+
let fam = DEFAULT_FAMILY;
|
|
8
9
|
function getTints() {
|
|
9
10
|
return {
|
|
10
|
-
name: fam ||
|
|
11
|
+
name: fam || DEFAULT_FAMILY,
|
|
11
12
|
tints: families[fam] || families.tamagui,
|
|
12
13
|
families
|
|
13
14
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,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;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,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;AAC5E,GAIM,iBAAyB,aAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/useTint.js
CHANGED
|
@@ -34,7 +34,7 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
34
34
|
}, ThemeTintAlt = ({
|
|
35
35
|
children,
|
|
36
36
|
disable,
|
|
37
|
-
offset =
|
|
37
|
+
offset = 1
|
|
38
38
|
}) => {
|
|
39
39
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
40
40
|
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, children: useMemo(() => children, [children]) });
|
|
@@ -34,7 +34,7 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
34
34
|
}, ThemeTintAlt = ({
|
|
35
35
|
children,
|
|
36
36
|
disable,
|
|
37
|
-
offset =
|
|
37
|
+
offset = 1
|
|
38
38
|
}) => {
|
|
39
39
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
40
40
|
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, children: useMemo(() => children, [children]) });
|
package/dist/jsx/tints.js
CHANGED
|
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
const familiesValues = {
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
}, DEFAULT_FAMILY = "halloween", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
|
+
let fam = DEFAULT_FAMILY;
|
|
8
9
|
function getTints() {
|
|
9
10
|
return {
|
|
10
|
-
name: fam ||
|
|
11
|
+
name: fam || DEFAULT_FAMILY,
|
|
11
12
|
tints: families[fam] || families.tamagui,
|
|
12
13
|
families
|
|
13
14
|
};
|
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;AAGpC,MAAM,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;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,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;AAC5E,GAIM,iBAAyB,aAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/tints.native.js
CHANGED
|
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
const familiesValues = {
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
}, DEFAULT_FAMILY = "halloween", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
|
+
let fam = DEFAULT_FAMILY;
|
|
8
9
|
function getTints() {
|
|
9
10
|
return {
|
|
10
|
-
name: fam ||
|
|
11
|
+
name: fam || DEFAULT_FAMILY,
|
|
11
12
|
tints: families[fam] || families.tamagui,
|
|
12
13
|
families
|
|
13
14
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,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;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,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;AAC5E,GAIM,iBAAyB,aAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/useTint.js
CHANGED
|
@@ -38,7 +38,7 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
38
38
|
}, ThemeTintAlt = ({
|
|
39
39
|
children,
|
|
40
40
|
disable,
|
|
41
|
-
offset =
|
|
41
|
+
offset = 1
|
|
42
42
|
}) => {
|
|
43
43
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
44
44
|
return <Theme name={disable ? null : curTint}>
|
|
@@ -38,7 +38,7 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
38
38
|
}, ThemeTintAlt = ({
|
|
39
39
|
children,
|
|
40
40
|
disable,
|
|
41
|
-
offset =
|
|
41
|
+
offset = 1
|
|
42
42
|
}) => {
|
|
43
43
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
44
44
|
return <Theme name={disable ? null : curTint}>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.76.0",
|
|
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.
|
|
27
|
+
"tamagui": "1.76.0"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@tamagui/build": "1.
|
|
30
|
+
"@tamagui/build": "1.76.0",
|
|
31
31
|
"react": "^18.2.0"
|
|
32
32
|
},
|
|
33
33
|
"publishConfig": {
|
package/src/tints.tsx
CHANGED
|
@@ -5,10 +5,13 @@ const familiesValues = {
|
|
|
5
5
|
tamagui: ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red'],
|
|
6
6
|
xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],
|
|
7
7
|
easter: ['yellow', 'pink', 'yellow', 'pink', 'yellow', 'pink', 'yellow'],
|
|
8
|
+
halloween: ['orange', 'gray', 'orange', 'gray', 'orange', 'gray', 'orange'],
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
type Family = keyof typeof familiesValues
|
|
11
12
|
|
|
13
|
+
const DEFAULT_FAMILY: Family = 'halloween'
|
|
14
|
+
|
|
12
15
|
const familiesNames = Object.keys(familiesValues) as any as Family[]
|
|
13
16
|
|
|
14
17
|
const families = familiesValues as {
|
|
@@ -17,11 +20,11 @@ const families = familiesValues as {
|
|
|
17
20
|
|
|
18
21
|
type TintFamily = keyof typeof families
|
|
19
22
|
|
|
20
|
-
let fam: TintFamily =
|
|
23
|
+
let fam: TintFamily = DEFAULT_FAMILY
|
|
21
24
|
|
|
22
25
|
export function getTints() {
|
|
23
26
|
return {
|
|
24
|
-
name: fam ||
|
|
27
|
+
name: fam || DEFAULT_FAMILY,
|
|
25
28
|
tints: families[fam] || families.tamagui,
|
|
26
29
|
families,
|
|
27
30
|
}
|
package/src/useTint.tsx
CHANGED
package/types/tints.d.ts
CHANGED
|
@@ -2,24 +2,27 @@ declare const families: {
|
|
|
2
2
|
tamagui: string[];
|
|
3
3
|
xmas: string[];
|
|
4
4
|
easter: string[];
|
|
5
|
+
halloween: string[];
|
|
5
6
|
};
|
|
6
7
|
type TintFamily = keyof typeof families;
|
|
7
8
|
export declare function getTints(): {
|
|
8
|
-
name: "tamagui" | "xmas" | "easter";
|
|
9
|
+
name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
9
10
|
tints: string[];
|
|
10
11
|
families: {
|
|
11
12
|
tamagui: string[];
|
|
12
13
|
xmas: string[];
|
|
13
14
|
easter: string[];
|
|
15
|
+
halloween: string[];
|
|
14
16
|
};
|
|
15
17
|
};
|
|
16
18
|
export declare function useTints(): {
|
|
17
|
-
name: "tamagui" | "xmas" | "easter";
|
|
19
|
+
name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
18
20
|
tints: string[];
|
|
19
21
|
families: {
|
|
20
22
|
tamagui: string[];
|
|
21
23
|
xmas: string[];
|
|
22
24
|
easter: string[];
|
|
25
|
+
halloween: string[];
|
|
23
26
|
};
|
|
24
27
|
};
|
|
25
28
|
export declare const 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":"
|
|
1
|
+
{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,QAAQ;;;;;CAEb,CAAA;AAED,KAAK,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAA;AAIvC,wBAAgB,QAAQ;;;;;;;;;EAMvB;AAED,wBAAgB,QAAQ;;;;;;;;;EAUvB;AAED,eAAO,MAAM,aAAa,SAAU,UAAU,SAI7C,CAAA;AAED,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;AAI/C,eAAO,MAAM,kBAAkB,OAAQ,aAAa,eAKnD,CAAA"}
|
package/types/useTint.d.ts
CHANGED
|
@@ -9,11 +9,12 @@ export declare const useTint: () => {
|
|
|
9
9
|
readonly setTintIndex: (next: number) => void;
|
|
10
10
|
readonly setNextTintFamily: () => void;
|
|
11
11
|
readonly setNextTint: () => void;
|
|
12
|
-
readonly name: "tamagui" | "xmas" | "easter";
|
|
12
|
+
readonly name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
13
13
|
readonly families: {
|
|
14
14
|
tamagui: string[];
|
|
15
15
|
xmas: string[];
|
|
16
16
|
easter: string[];
|
|
17
|
+
halloween: string[];
|
|
17
18
|
};
|
|
18
19
|
};
|
|
19
20
|
export declare const ThemeTint: (props: {
|
package/types/useTint.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AAUA,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
|
|
1
|
+
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AAUA,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,UAAW;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gBASpE,CAAA;AAED,eAAO,MAAM,YAAY;cAKb,GAAG;;;iBAad,CAAA"}
|