@tamagui/logo 2.0.0-rc.9 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/LogoIcon.cjs +33 -29
- package/dist/cjs/LogoIcon.native.js +36 -34
- package/dist/cjs/LogoIcon.native.js.map +1 -1
- package/dist/cjs/LogoWords.cjs +63 -52
- package/dist/cjs/LogoWords.native.js +67 -60
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/cjs/SeasonProvider.cjs +20 -15
- package/dist/cjs/SeasonProvider.native.js +20 -15
- package/dist/cjs/SeasonProvider.native.js.map +1 -1
- package/dist/cjs/TamaguiLogo.cjs +36 -32
- package/dist/cjs/TamaguiLogo.native.js +44 -42
- package/dist/cjs/TamaguiLogo.native.js.map +1 -1
- package/dist/cjs/TamaguiLogoSvg.cjs +12 -10
- package/dist/cjs/TamaguiLogoSvg.native.js +59 -57
- package/dist/cjs/TamaguiLogoSvg.native.js.map +1 -1
- package/dist/cjs/ThemeTint.cjs +40 -37
- package/dist/cjs/ThemeTint.native.js +43 -41
- package/dist/cjs/ThemeTint.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/tints.cjs +61 -47
- package/dist/cjs/tints.native.js +59 -49
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.cjs +90 -77
- package/dist/cjs/useTint.native.js +99 -90
- package/dist/cjs/useTint.native.js.map +1 -1
- package/dist/esm/LogoIcon.mjs +18 -16
- package/dist/esm/LogoIcon.mjs.map +1 -1
- package/dist/esm/LogoIcon.native.js.map +1 -1
- package/dist/esm/LogoWords.mjs +35 -26
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +38 -33
- package/dist/esm/LogoWords.native.js.map +1 -1
- package/dist/esm/SeasonProvider.mjs +5 -2
- package/dist/esm/SeasonProvider.mjs.map +1 -1
- package/dist/esm/SeasonProvider.native.js +5 -2
- package/dist/esm/SeasonProvider.native.js.map +1 -1
- package/dist/esm/TamaguiLogo.mjs +20 -18
- package/dist/esm/TamaguiLogo.mjs.map +1 -1
- package/dist/esm/TamaguiLogo.native.js +2 -2
- package/dist/esm/TamaguiLogo.native.js.map +1 -1
- package/dist/esm/ThemeTint.mjs +25 -24
- package/dist/esm/ThemeTint.mjs.map +1 -1
- package/dist/esm/ThemeTint.native.js +27 -27
- package/dist/esm/ThemeTint.native.js.map +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/tints.mjs +37 -25
- package/dist/esm/tints.mjs.map +1 -1
- package/dist/esm/tints.native.js +34 -26
- package/dist/esm/tints.native.js.map +1 -1
- package/dist/esm/useTint.mjs +62 -51
- package/dist/esm/useTint.mjs.map +1 -1
- package/dist/esm/useTint.native.js +72 -65
- package/dist/esm/useTint.native.js.map +1 -1
- package/icon/index.js +1 -0
- package/icon/index.native.js +1 -0
- package/package.json +10 -7
- package/types/LogoIcon.d.ts.map +2 -2
- package/types/LogoWords.d.ts +1 -1
- package/types/LogoWords.d.ts.map +4 -6
- package/types/SeasonProvider.d.ts.map +2 -2
- package/types/TamaguiLogo.d.ts +1 -1
- package/types/TamaguiLogo.d.ts.map +3 -3
- package/types/TamaguiLogoSvg.d.ts +1 -1
- package/types/TamaguiLogoSvg.d.ts.map +3 -3
- package/types/ThemeTint.d.ts +2 -2
- package/types/ThemeTint.d.ts.map +3 -3
- package/types/index.d.ts.map +2 -2
- package/types/tints.d.ts.map +2 -2
- package/types/useTint.d.ts.map +4 -6
- package/dist/cjs/LogoIcon.js +0 -46
- package/dist/cjs/LogoIcon.js.map +0 -6
- package/dist/cjs/LogoWords.js +0 -170
- package/dist/cjs/LogoWords.js.map +0 -6
- package/dist/cjs/SeasonProvider.js +0 -32
- package/dist/cjs/SeasonProvider.js.map +0 -6
- package/dist/cjs/TamaguiLogo.js +0 -43
- package/dist/cjs/TamaguiLogo.js.map +0 -6
- package/dist/cjs/TamaguiLogoSvg.js +0 -41
- package/dist/cjs/TamaguiLogoSvg.js.map +0 -6
- package/dist/cjs/ThemeTint.js +0 -38
- package/dist/cjs/ThemeTint.js.map +0 -6
- package/dist/cjs/index.js +0 -21
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/tints.js +0 -91
- package/dist/cjs/tints.js.map +0 -6
- package/dist/cjs/useTint.js +0 -76
- package/dist/cjs/useTint.js.map +0 -6
- package/dist/esm/LogoIcon.js +0 -32
- package/dist/esm/LogoIcon.js.map +0 -6
- package/dist/esm/LogoWords.js +0 -149
- package/dist/esm/LogoWords.js.map +0 -6
- package/dist/esm/SeasonProvider.js +0 -18
- package/dist/esm/SeasonProvider.js.map +0 -6
- package/dist/esm/TamaguiLogo.js +0 -30
- package/dist/esm/TamaguiLogo.js.map +0 -6
- package/dist/esm/TamaguiLogoSvg.js +0 -25
- package/dist/esm/TamaguiLogoSvg.js.map +0 -6
- package/dist/esm/ThemeTint.js +0 -24
- package/dist/esm/ThemeTint.js.map +0 -6
- package/dist/esm/tints.js +0 -67
- package/dist/esm/tints.js.map +0 -6
- package/dist/esm/useTint.js +0 -54
- package/dist/esm/useTint.js.map +0 -6
package/dist/esm/tints.native.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
var listeners = /* @__PURE__ */new Set()
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
2
|
+
var listeners = /* @__PURE__ */new Set();
|
|
3
|
+
var familiesValues = {
|
|
4
|
+
tamagui: ["yellow", "yellow", "yellow", "gray", "red", "green", "blue"],
|
|
5
|
+
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
6
|
+
easter: ["yellow", "yellow", "yellow", "yellow", "yellow", "yellow", "yellow"],
|
|
7
|
+
halloween: ["yellow", "gray", "yellow", "gray", "yellow", "gray", "yellow"],
|
|
8
|
+
valentine: ["red", "red", "red", "red", "red", "red", "red"],
|
|
9
|
+
lunar: ["yellow", "red", "red", "red", "red", "red", "yellow"],
|
|
10
|
+
stpatricks: ["green", "teal", "green", "teal", "green", "teal", "green"]
|
|
11
|
+
};
|
|
12
|
+
var DEFAULT_FAMILY = "tamagui";
|
|
13
|
+
var familiesNames = Object.keys(familiesValues);
|
|
14
|
+
var families = familiesValues;
|
|
15
|
+
var fam = DEFAULT_FAMILY;
|
|
16
16
|
function getTints() {
|
|
17
17
|
return {
|
|
18
18
|
name: fam || DEFAULT_FAMILY,
|
|
@@ -22,21 +22,28 @@ function getTints() {
|
|
|
22
22
|
}
|
|
23
23
|
function useTints() {
|
|
24
24
|
var [val, setVal] = React.useState(getTints());
|
|
25
|
-
|
|
25
|
+
React.useEffect(function () {
|
|
26
26
|
return onTintFamilyChange(function () {
|
|
27
27
|
React.startTransition(function () {
|
|
28
28
|
setVal(getTints());
|
|
29
29
|
});
|
|
30
30
|
});
|
|
31
|
-
}, [])
|
|
31
|
+
}, []);
|
|
32
|
+
return val;
|
|
32
33
|
}
|
|
33
34
|
function setTintFamily(next) {
|
|
34
|
-
if (!families[next]) throw
|
|
35
|
-
|
|
35
|
+
if (!families[next]) throw `impossible`;
|
|
36
|
+
fam = next;
|
|
37
|
+
if (typeof document !== "undefined") {
|
|
36
38
|
var root = document.documentElement.classList;
|
|
37
39
|
familiesNames.forEach(function (s) {
|
|
38
|
-
s !== "tamagui"
|
|
39
|
-
|
|
40
|
+
if (s !== "tamagui") {
|
|
41
|
+
root.remove(`${s}-season`);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
if (next !== "tamagui") {
|
|
45
|
+
root.add(`${next}-season`);
|
|
46
|
+
}
|
|
40
47
|
}
|
|
41
48
|
React.startTransition(function () {
|
|
42
49
|
listeners.forEach(function (l) {
|
|
@@ -45,12 +52,13 @@ function setTintFamily(next) {
|
|
|
45
52
|
});
|
|
46
53
|
}
|
|
47
54
|
var setNextTintFamily = function () {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
55
|
+
setTintFamily(familiesNames[(familiesNames.indexOf(fam) + 1) % familiesNames.length]);
|
|
56
|
+
};
|
|
57
|
+
var onTintFamilyChange = function (cb) {
|
|
58
|
+
listeners.add(cb);
|
|
59
|
+
return function () {
|
|
60
|
+
listeners.delete(cb);
|
|
54
61
|
};
|
|
62
|
+
};
|
|
55
63
|
export { getTints, onTintFamilyChange, setNextTintFamily, setTintFamily, useTints };
|
|
56
64
|
//# sourceMappingURL=tints.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","listeners","Set","familiesValues","tamagui","xmas","easter","halloween","valentine","lunar","stpatricks"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","tamagui","xmas","easter","halloween","valentine","lunar","stpatricks","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,IAAAC,SAAM,kBAAY,IAAAC,GAAI;AAItB,IAAAC,cAAM;EACJC,OAAA,EAAS,CACT,QAAO,EACP,QAAQ,EACN,UACA,QACA,OACA,SACA;EACAC,IACA,GACF,OACA,SACE,OACA,SACA,OACA,SACA;EACAC,MACA,GACF,UACA,UACA,QAAQ,EACR,UACF,UAIA,QAAM,EAEN,QAAM,CAGN;EAIAC,SAAsB,GAEf,QAAS,EAKd,MAAO,EACL,QAAM,EACN,QACA,UACF,QACF,SAEO;EAKLC,SAAO,GAEP,KAAM,EACJ,OACE,OACE,OAAiB,KAClB,EACH,KAAC,EACH,KAAK,CAEL;EACFC,KAAA,GAEO,QAAS,EACd,KAAK,EACL,KAAM,EAGN,KAAI,EACF,OAEA,OACE,QAAI,CACF;EAAyBC,UAC3B,GACF,OAAC,EAED,MAAI,EACF,OAAK,EACP,QACF,SAEA,MAAM,EACJ;AAEJ;AAEO,IAAAC,cAAM,YAAoB;AAC/B,IAAAC,aAAc,GAAAC,MAAA,CAAAC,IAAe,CAAAX,cAAc;AAC7C,IAAAY,QAAA,GAAAZ,cAAA;AAEO,IAAAa,GAAM,GAAAL,cAAA;AACX,SAAAM,QAAcA,CAAA,EAAE;EAChB,OAAO;IACLC,IAAA,EAAAF,GAAA,IAAUL,cAAS;IACrBQ,KAAA,EAAAJ,QAAA,CAAAC,GAAA,KAAAD,QAAA,CAAAX,OAAA;IACFW","ignoreList":[]}
|
package/dist/esm/useTint.mjs
CHANGED
|
@@ -1,63 +1,74 @@
|
|
|
1
1
|
import React, { createContext, useContext, useEffect, useState } from "react";
|
|
2
2
|
import { useDidFinishSSR } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints.mjs";
|
|
4
|
-
let current = 3
|
|
5
|
-
|
|
6
|
-
const listeners = /* @__PURE__ */new Set()
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
let current = 3;
|
|
5
|
+
let disableTintTheme = false;
|
|
6
|
+
const listeners = /* @__PURE__ */new Set();
|
|
7
|
+
const disableListeners = /* @__PURE__ */new Set();
|
|
8
|
+
const onTintChange = listener => {
|
|
9
|
+
listeners.add(listener);
|
|
10
|
+
return () => {
|
|
9
11
|
listeners.delete(listener);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
const numTints = getTints().tints.length;
|
|
15
|
+
const setTintIndex = next => {
|
|
16
|
+
const val = Math.max(0, next % numTints);
|
|
17
|
+
if (val === current) return;
|
|
18
|
+
current = val;
|
|
19
|
+
listeners.forEach(x => x(val));
|
|
20
|
+
};
|
|
21
|
+
const setDisableTintTheme = disable => {
|
|
22
|
+
if (disable === disableTintTheme) return;
|
|
23
|
+
disableTintTheme = disable;
|
|
24
|
+
disableListeners.forEach(x => x(disable));
|
|
25
|
+
};
|
|
26
|
+
const getDisableTintTheme = () => disableTintTheme;
|
|
20
27
|
function getDocsSection(pathname) {
|
|
21
28
|
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
22
29
|
}
|
|
23
|
-
const InitialPathContext = createContext(3)
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
30
|
+
const InitialPathContext = createContext(3);
|
|
31
|
+
const useTint = (altOffset = -1) => {
|
|
32
|
+
const initial = useContext(InitialPathContext);
|
|
33
|
+
const didHydrate = useDidFinishSSR();
|
|
34
|
+
const [index, setIndex] = useState(didHydrate ? current : initial);
|
|
35
|
+
const [disabled, setDisabled] = useState(disableTintTheme);
|
|
36
|
+
const tintsContext = useTints();
|
|
37
|
+
const {
|
|
38
|
+
tints
|
|
39
|
+
} = tintsContext;
|
|
40
|
+
const tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
return onTintChange(cur => {
|
|
35
43
|
setIndex(cur);
|
|
36
|
-
})
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
44
|
-
return {
|
|
45
|
-
...tintsContext,
|
|
46
|
-
tints: tintsContext.tints,
|
|
47
|
-
tintIndex: index,
|
|
48
|
-
tintAltIndex,
|
|
49
|
-
tint,
|
|
50
|
-
tintAlt,
|
|
51
|
-
setTintIndex,
|
|
52
|
-
setNextTintFamily,
|
|
53
|
-
setDisableTintTheme,
|
|
54
|
-
disableTintTheme: disabled,
|
|
55
|
-
setNextTint: () => {
|
|
56
|
-
React.startTransition(() => {
|
|
57
|
-
setTintIndex(index + 1);
|
|
58
|
-
});
|
|
59
|
-
}
|
|
44
|
+
});
|
|
45
|
+
}, []);
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
const cb = val => setDisabled(val);
|
|
48
|
+
disableListeners.add(cb);
|
|
49
|
+
return () => {
|
|
50
|
+
disableListeners.delete(cb);
|
|
60
51
|
};
|
|
52
|
+
}, []);
|
|
53
|
+
const tint = disabled || index === 3 ? null : tints[index];
|
|
54
|
+
const tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
55
|
+
return {
|
|
56
|
+
...tintsContext,
|
|
57
|
+
tints: tintsContext.tints,
|
|
58
|
+
tintIndex: index,
|
|
59
|
+
tintAltIndex,
|
|
60
|
+
tint,
|
|
61
|
+
tintAlt,
|
|
62
|
+
setTintIndex,
|
|
63
|
+
setNextTintFamily,
|
|
64
|
+
setDisableTintTheme,
|
|
65
|
+
disableTintTheme: disabled,
|
|
66
|
+
setNextTint: () => {
|
|
67
|
+
React.startTransition(() => {
|
|
68
|
+
setTintIndex(index + 1);
|
|
69
|
+
});
|
|
70
|
+
}
|
|
61
71
|
};
|
|
72
|
+
};
|
|
62
73
|
export { InitialPathContext, getDisableTintTheme, getDocsSection, onTintChange, setDisableTintTheme, setTintIndex, useTint };
|
|
63
74
|
//# sourceMappingURL=useTint.mjs.map
|
package/dist/esm/useTint.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","disableTintTheme","listeners","Set","disableListeners","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","setDisableTintTheme","disable","getDisableTintTheme","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","initial","didHydrate","index","setIndex","disabled","setDisabled","tintsContext","tintAltIndex","abs","cur","cb","tint","tintAlt","tintIndex","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AACtE,SAASC,eAAA,QAAuC;AAChD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","disableTintTheme","listeners","Set","disableListeners","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","setDisableTintTheme","disable","getDisableTintTheme","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","initial","didHydrate","index","setIndex","disabled","setDisabled","tintsContext","tintAltIndex","abs","cur","cb","tint","tintAlt","tintIndex","setNextTint","startTransition"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,76 +1,83 @@
|
|
|
1
1
|
import React, { createContext, useContext, useEffect, useState } from "react";
|
|
2
2
|
import { useDidFinishSSR } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints.native.js";
|
|
4
|
-
var current = 3
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
numTints = getTints().tints.length,
|
|
14
|
-
setTintIndex = function (next) {
|
|
15
|
-
var val = Math.max(0, next % numTints);
|
|
16
|
-
val !== current && (current = val, listeners.forEach(function (x) {
|
|
17
|
-
return x(val);
|
|
18
|
-
}));
|
|
19
|
-
},
|
|
20
|
-
setDisableTintTheme = function (disable) {
|
|
21
|
-
disable !== disableTintTheme && (disableTintTheme = disable, disableListeners.forEach(function (x) {
|
|
22
|
-
return x(disable);
|
|
23
|
-
}));
|
|
24
|
-
},
|
|
25
|
-
getDisableTintTheme = function () {
|
|
26
|
-
return disableTintTheme;
|
|
4
|
+
var current = 3;
|
|
5
|
+
var disableTintTheme = false;
|
|
6
|
+
var listeners = /* @__PURE__ */new Set();
|
|
7
|
+
var disableListeners = /* @__PURE__ */new Set();
|
|
8
|
+
var onTintChange = function (listener) {
|
|
9
|
+
listeners.add(listener);
|
|
10
|
+
return function () {
|
|
11
|
+
listeners.delete(listener);
|
|
27
12
|
};
|
|
13
|
+
};
|
|
14
|
+
var numTints = getTints().tints.length;
|
|
15
|
+
var setTintIndex = function (next) {
|
|
16
|
+
var val = Math.max(0, next % numTints);
|
|
17
|
+
if (val === current) return;
|
|
18
|
+
current = val;
|
|
19
|
+
listeners.forEach(function (x) {
|
|
20
|
+
return x(val);
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
var setDisableTintTheme = function (disable) {
|
|
24
|
+
if (disable === disableTintTheme) return;
|
|
25
|
+
disableTintTheme = disable;
|
|
26
|
+
disableListeners.forEach(function (x) {
|
|
27
|
+
return x(disable);
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
var getDisableTintTheme = function () {
|
|
31
|
+
return disableTintTheme;
|
|
32
|
+
};
|
|
28
33
|
function getDocsSection(pathname) {
|
|
29
34
|
return pathname === "/docs/intro/compiler-install" || pathname === "/docs/intro/benchmarks" || pathname === "/docs/intro/why-a-compiler" ? "compiler" : pathname.startsWith("/ui/") ? "ui" : pathname.startsWith("/docs/") ? "core" : null;
|
|
30
35
|
}
|
|
31
|
-
var InitialPathContext = /* @__PURE__ */createContext(3)
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
return disableListeners.add(cb), function () {
|
|
52
|
-
disableListeners.delete(cb);
|
|
53
|
-
};
|
|
54
|
-
}, []);
|
|
55
|
-
var tint = disabled || index === 3 ? null : tints[index],
|
|
56
|
-
tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
57
|
-
return {
|
|
58
|
-
...tintsContext,
|
|
59
|
-
tints: tintsContext.tints,
|
|
60
|
-
tintIndex: index,
|
|
61
|
-
tintAltIndex,
|
|
62
|
-
tint,
|
|
63
|
-
tintAlt,
|
|
64
|
-
setTintIndex,
|
|
65
|
-
setNextTintFamily,
|
|
66
|
-
setDisableTintTheme,
|
|
67
|
-
disableTintTheme: disabled,
|
|
68
|
-
setNextTint: function () {
|
|
69
|
-
React.startTransition(function () {
|
|
70
|
-
setTintIndex(index + 1);
|
|
71
|
-
});
|
|
72
|
-
}
|
|
36
|
+
var InitialPathContext = /* @__PURE__ */createContext(3);
|
|
37
|
+
var useTint = function () {
|
|
38
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
|
|
39
|
+
var initial = useContext(InitialPathContext);
|
|
40
|
+
var didHydrate = useDidFinishSSR();
|
|
41
|
+
var [index, setIndex] = useState(didHydrate ? current : initial);
|
|
42
|
+
var [disabled, setDisabled] = useState(disableTintTheme);
|
|
43
|
+
var tintsContext = useTints();
|
|
44
|
+
var {
|
|
45
|
+
tints
|
|
46
|
+
} = tintsContext;
|
|
47
|
+
var tintAltIndex = Math.abs((index + altOffset) % tints.length);
|
|
48
|
+
useEffect(function () {
|
|
49
|
+
return onTintChange(function (cur) {
|
|
50
|
+
setIndex(cur);
|
|
51
|
+
});
|
|
52
|
+
}, []);
|
|
53
|
+
useEffect(function () {
|
|
54
|
+
var cb = function (val) {
|
|
55
|
+
return setDisabled(val);
|
|
73
56
|
};
|
|
57
|
+
disableListeners.add(cb);
|
|
58
|
+
return function () {
|
|
59
|
+
disableListeners.delete(cb);
|
|
60
|
+
};
|
|
61
|
+
}, []);
|
|
62
|
+
var tint = disabled || index === 3 ? null : tints[index];
|
|
63
|
+
var tintAlt = disabled || tintAltIndex === 3 ? null : tints[tintAltIndex];
|
|
64
|
+
return {
|
|
65
|
+
...tintsContext,
|
|
66
|
+
tints: tintsContext.tints,
|
|
67
|
+
tintIndex: index,
|
|
68
|
+
tintAltIndex,
|
|
69
|
+
tint,
|
|
70
|
+
tintAlt,
|
|
71
|
+
setTintIndex,
|
|
72
|
+
setNextTintFamily,
|
|
73
|
+
setDisableTintTheme,
|
|
74
|
+
disableTintTheme: disabled,
|
|
75
|
+
setNextTint: function () {
|
|
76
|
+
React.startTransition(function () {
|
|
77
|
+
setTintIndex(index + 1);
|
|
78
|
+
});
|
|
79
|
+
}
|
|
74
80
|
};
|
|
81
|
+
};
|
|
75
82
|
export { InitialPathContext, getDisableTintTheme, getDocsSection, onTintChange, setDisableTintTheme, setTintIndex, useTint };
|
|
76
83
|
//# sourceMappingURL=useTint.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","disableTintTheme","listeners","Set","disableListeners","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","setDisableTintTheme","disable","getDisableTintTheme","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","arguments","initial","didHydrate","index","setIndex","disabled","setDisabled","tintsContext","tintAltIndex","abs","cur","cb","tint","tintAlt","tintIndex"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AACtE,SAASC,eAAA,QAAuC;AAChD,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAEtD,IAAIC,OAAA,GAAU;
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useEffect","useState","useDidFinishSSR","getTints","setNextTintFamily","useTints","current","disableTintTheme","listeners","Set","disableListeners","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","Math","max","forEach","x","setDisableTintTheme","disable","getDisableTintTheme","getDocsSection","pathname","startsWith","InitialPathContext","useTint","altOffset","arguments","initial","didHydrate","index","setIndex","disabled","setDisabled","tintsContext","tintAltIndex","abs","cur","cb","tint","tintAlt","tintIndex"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/icon/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.assign(module.exports, require('../dist/cjs/LogoIcon.cjs'))
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.assign(module.exports, require('../dist/cjs/LogoIcon.cjs'))
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "2.0.0
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"source": "src/index.tsx",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
7
7
|
"types",
|
|
8
8
|
"dist",
|
|
9
|
-
"
|
|
9
|
+
"*.cjs",
|
|
10
|
+
"icon"
|
|
10
11
|
],
|
|
11
12
|
"type": "module",
|
|
12
13
|
"main": "dist/cjs",
|
|
@@ -17,14 +18,16 @@
|
|
|
17
18
|
".": {
|
|
18
19
|
"types": "./types/index.d.ts",
|
|
19
20
|
"react-native": "./dist/esm/index.native.js",
|
|
21
|
+
"browser": "./dist/esm/index.mjs",
|
|
20
22
|
"module": "./dist/esm/index.mjs",
|
|
21
23
|
"import": "./dist/esm/index.mjs",
|
|
22
24
|
"require": "./dist/cjs/index.cjs",
|
|
23
|
-
"default": "./dist/
|
|
25
|
+
"default": "./dist/esm/index.mjs"
|
|
24
26
|
},
|
|
25
27
|
"./icon": {
|
|
26
28
|
"types": "./types/LogoIcon.d.ts",
|
|
27
29
|
"react-native": "./dist/esm/LogoIcon.native.js",
|
|
30
|
+
"browser": "./dist/esm/LogoIcon.mjs",
|
|
28
31
|
"module": "./dist/esm/LogoIcon.mjs",
|
|
29
32
|
"import": "./dist/esm/LogoIcon.mjs",
|
|
30
33
|
"require": "./dist/cjs/LogoIcon.cjs",
|
|
@@ -41,12 +44,12 @@
|
|
|
41
44
|
"clean:build": "tamagui-build clean:build"
|
|
42
45
|
},
|
|
43
46
|
"dependencies": {
|
|
44
|
-
"@tamagui/use-element-layout": "2.0.0
|
|
45
|
-
"@tamagui/web": "2.0.0
|
|
46
|
-
"tamagui": "2.0.0
|
|
47
|
+
"@tamagui/use-element-layout": "2.0.0",
|
|
48
|
+
"@tamagui/web": "2.0.0",
|
|
49
|
+
"tamagui": "2.0.0"
|
|
47
50
|
},
|
|
48
51
|
"devDependencies": {
|
|
49
|
-
"@tamagui/build": "2.0.0
|
|
52
|
+
"@tamagui/build": "2.0.0",
|
|
50
53
|
"react": ">=19"
|
|
51
54
|
},
|
|
52
55
|
"peerDependencies": {
|
package/types/LogoIcon.d.ts.map
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/LogoIcon.tsx"
|
|
6
6
|
],
|
|
7
|
+
"version": 3,
|
|
7
8
|
"sourcesContent": [
|
|
8
9
|
"import { YStack } from 'tamagui'\nimport { TamaguiIconSvg } from './TamaguiLogoSvg'\nimport type { JSX } from 'react/jsx-runtime'\n\nexport const LogoIcon = ({\n downscale = 2,\n color,\n}: {\n downscale?: number\n color?: string\n}): JSX.Element => {\n return (\n <YStack\n render=\"span\"\n className=\"unselectable\"\n alignSelf=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n scaleX: -1,\n }}\n >\n <TamaguiIconSvg\n className=\"tamagui-icon\"\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n color={color}\n />\n </YStack>\n )\n}\n"
|
|
9
|
-
]
|
|
10
|
-
"version": 3
|
|
10
|
+
]
|
|
11
11
|
}
|
package/types/LogoWords.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { XStackProps } from "tamagui";
|
|
3
|
-
export declare const LogoWords: React.MemoExoticComponent<({ downscale, animated
|
|
3
|
+
export declare const LogoWords: React.MemoExoticComponent<({ downscale, animated, ...props }: XStackProps & {
|
|
4
4
|
downscale?: number;
|
|
5
5
|
animated?: boolean;
|
|
6
6
|
}) => import("react/jsx-runtime").JSX.Element>;
|
package/types/LogoWords.d.ts.map
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AACA,OAAO,WAAoC;AAC3C,cAAc,mBAAmB;AA2BjC,OAAO,
|
|
3
|
-
"names": [
|
|
4
|
-
"LogoWords: React.MemoExoticComponent<\n ({\n downscale,\n animated,\n ...props\n }: XStackProps & {\n downscale?: number\n animated?: boolean\n }) => import('react/jsx-runtime').JSX.Element\n>"
|
|
5
|
-
],
|
|
2
|
+
"mappings": "AACA,OAAO,WAAoC;AAC3C,cAAc,mBAAmB;AA2BjC,OAAO,cAAM,WAAW,MAAM,qBAC3B,EACC,WACA,UACA,GAAG,SACF,cAAc;CACf;CACA;aACW",
|
|
3
|
+
"names": [],
|
|
6
4
|
"sources": [
|
|
7
5
|
"src/LogoWords.tsx"
|
|
8
6
|
],
|
|
7
|
+
"version": 3,
|
|
9
8
|
"sourcesContent": [
|
|
10
9
|
"import type { LayoutValue } from '@tamagui/use-element-layout'\nimport React, { useEffect, useState } from 'react'\nimport type { XStackProps } from 'tamagui'\nimport { Circle, XStack } from 'tamagui'\nimport { useTint } from './useTint'\n\n// T A M A G U I\n// default: white white white white red green blue\n// hover: yellow yellow yellow color12 red green blue\nconst defaultColors = [\n 'var(--color12)',\n 'var(--color12)',\n 'var(--color12)',\n 'var(--color12)',\n 'var(--red9)',\n 'var(--green9)',\n 'var(--blue9)',\n]\n\nconst hoveredColors = [\n 'var(--yellow9)',\n 'var(--yellow9)',\n 'var(--yellow9)',\n 'var(--color12)',\n 'var(--red9)',\n 'var(--green9)',\n 'var(--blue9)',\n]\n\nexport const LogoWords: React.MemoExoticComponent<\n ({\n downscale,\n animated,\n ...props\n }: XStackProps & {\n downscale?: number\n animated?: boolean\n }) => import('react/jsx-runtime').JSX.Element\n> = React.memo(({ downscale = 1, animated, ...props }) => {\n const Tint = useTint()\n const [hovered, setHovered] = React.useState(false)\n const [mounted, setMounted] = React.useState<'start' | 'animate' | 'done'>('start')\n\n const { tintIndex: index } = Tint\n\n useEffect(() => {\n const idle = window.requestIdleCallback || setTimeout\n idle(() => {\n setTimeout(() => {\n setMounted('animate')\n }, 50)\n\n setTimeout(() => {\n setMounted('done')\n }, 1500)\n })\n }, [])\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n const index = Number.parseInt(event.key, 10) - 1 // Convert key to index (0-based)\n if (!Number.isNaN(index) && index >= 0 && index < Tint.tints.length) {\n Tint.setTintIndex(index)\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown)\n }\n }, [Tint])\n\n const getColor = (i: number) => {\n if (hovered) return `var(--${Tint.tints[i]}9)`\n return defaultColors[i]\n }\n\n const x = Math.round(\n index * 18.5 + (18 / 2) * (index / defaultColors.length) + 3 + (index === 6 ? -3 : 0)\n )\n\n const [layout, setLayout] = useState<LayoutValue>()\n\n return (\n <XStack\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n paddingVertical=\"$2\"\n data-tauri-drag-region\n marginVertical=\"$-2\"\n position=\"relative\"\n className=\"logo-words\"\n onLayout={(e) => {\n setLayout(e.nativeEvent.layout as any)\n }}\n // @ts-ignore\n onMouseMove={(e: MouseEvent) => {\n if (!layout) return\n const x = e.clientX - layout.pageX\n // Total width divided into 7 sections (one for each letter)\n const sectionWidth = layout.width / 7\n // Calculate which section we're in (0-6)\n const section = Math.min(6, Math.floor(x / sectionWidth))\n Tint.setTintIndex(section)\n }}\n {...props}\n >\n {animated && (\n <Circle\n transition=\"medium\"\n position=\"absolute\"\n top={0}\n left={0}\n y={mounted === 'start' ? -30 : -4}\n // the last i is less wide\n x={x}\n size={4}\n backgroundColor=\"$color12\"\n />\n )}\n\n <svg\n data-tauri-drag-region\n width={373 * (1 / downscale) * 0.3333333}\n height={41 * (1 / downscale) * 0.3333333}\n viewBox=\"0 0 373 41\"\n >\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(0)}\n points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n // onMouseEnter={() => Tint.setTintIndex(0)}\n />\n\n <path\n shapeRendering=\"crispEdges\"\n fill={getColor(1)}\n d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n fillRule=\"nonzero\"\n // onMouseEnter={() => Tint.setTintIndex(1)}\n />\n\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(2)}\n points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n // onMouseEnter={() => Tint.setTintIndex(2)}\n />\n\n <path\n fill={getColor(3)}\n d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n fillRule=\"nonzero\"\n // onMouseEnter={() => Tint.setTintIndex(3)}\n />\n\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(4)}\n points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n // onMouseEnter={() => Tint.setTintIndex(4)}\n />\n\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(5)}\n points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n // onMouseEnter={() => Tint.setTintIndex(5)}\n />\n\n <polygon\n data-tauri-drag-region\n shapeRendering=\"crispEdges\"\n fill={getColor(6)}\n points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n // onMouseEnter={() => Tint.setTintIndex(6)}\n />\n </svg>\n </XStack>\n )\n})\n"
|
|
11
|
-
]
|
|
12
|
-
"version": 3
|
|
10
|
+
]
|
|
13
11
|
}
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/SeasonProvider.tsx"
|
|
6
6
|
],
|
|
7
|
+
"version": 3,
|
|
7
8
|
"sourcesContent": [
|
|
8
9
|
"import type React from 'react'\nimport { useEffect } from 'react'\nimport { setTintFamily, type TintFamily } from './tints'\n\n// inline script that runs before hydration to set season class on html\n// auto-detects season from current date\nfunction getInlineScript() {\n return `(function(){\n var d = new Date();\n var m = d.getMonth();\n var day = d.getDate();\n var season = 'tamagui';\n\n if (m === 11 && day >= 14) season = 'xmas';\n else if (m === 9 && day >= 20) season = 'halloween';\n else if (m === 2 && day >= 10 && day <= 17) season = 'stpatricks';\n else if (m === 2 && day >= 30 || m === 3 && day <= 20) season = 'easter';\n else if (m === 1 && day >= 7 && day <= 14) season = 'valentine';\n else if (m === 0 && day >= 20 || m === 1 && day <= 12) season = 'lunar';\n\n if (season !== 'tamagui') {\n document.documentElement.classList.add(season + '-season');\n }\n window.__TAMAGUI_SEASON__ = season;\n})();`\n}\n\n// syncs the tint family with the value computed by the inline script\nfunction useSeasonSync() {\n useEffect(() => {\n const computed = (window as any).__TAMAGUI_SEASON__ as TintFamily | undefined\n if (computed) {\n setTintFamily(computed)\n }\n }, [])\n}\n\nexport function SeasonProvider({\n children,\n}: {\n children: React.ReactNode\n}): React.ReactNode {\n useSeasonSync()\n\n return (\n <>\n {/* disabled because were launchig v2 and its lunar new year */}\n {/* <script\n suppressHydrationWarning\n dangerouslySetInnerHTML={{\n __html: getInlineScript(),\n }}\n /> */}\n {children}\n </>\n )\n}\n"
|
|
9
|
-
]
|
|
10
|
-
"version": 3
|
|
10
|
+
]
|
|
11
11
|
}
|
package/types/TamaguiLogo.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ type LogoProps = {
|
|
|
7
7
|
color?: string;
|
|
8
8
|
ref?: any;
|
|
9
9
|
} & XStackProps;
|
|
10
|
-
export declare const TamaguiLogo: ({ showWords, downscale, animated, color, ref
|
|
10
|
+
export declare const TamaguiLogo: ({ showWords, downscale, animated, color, ref, ...props }: LogoProps) => JSX.Element;
|
|
11
11
|
export {};
|
|
12
12
|
|
|
13
13
|
//# sourceMappingURL=TamaguiLogo.d.ts.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAAA,cAAc,WAAW;AACzB,cAAc,mBAAmB;KAK5B,YAAY;CACf;CACA;CACA;CACA;CACA;IACE;AAEJ,OAAO,cAAM,cAAe,EAC1B,WACA,WACA,UACA,OACA,
|
|
2
|
+
"mappings": "AAAA,cAAc,WAAW;AACzB,cAAc,mBAAmB;KAK5B,YAAY;CACf;CACA;CACA;CACA;CACA;IACE;AAEJ,OAAO,cAAM,cAAe,EAC1B,WACA,WACA,UACA,OACA,KACA,GAAG,SACF,cAAY,IAAI",
|
|
3
3
|
"names": [],
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/TamaguiLogo.tsx"
|
|
6
6
|
],
|
|
7
|
+
"version": 3,
|
|
7
8
|
"sourcesContent": [
|
|
8
9
|
"import type { JSX } from 'react/jsx-runtime'\nimport type { XStackProps } from 'tamagui'\nimport { XStack, YStack } from 'tamagui'\nimport { LogoIcon } from './LogoIcon'\nimport { LogoWords } from './LogoWords'\n\ntype LogoProps = {\n showWords?: boolean\n downscale?: number\n animated?: boolean\n color?: string\n ref?: any\n} & XStackProps\n\nexport const TamaguiLogo = ({\n showWords,\n downscale,\n animated,\n color,\n ref,\n ...props\n}: LogoProps): JSX.Element => {\n return (\n <XStack\n render=\"span\"\n ref={ref}\n alignItems=\"center\"\n justifyContent=\"center\"\n gap=\"$5\"\n {...props}\n >\n <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n {showWords && (\n <YStack render=\"span\" marginBottom={-4}>\n <LogoWords animated={animated} downscale={downscale ?? 2} />\n </YStack>\n )}\n </XStack>\n )\n}\n"
|
|
9
|
-
]
|
|
10
|
-
"version": 3
|
|
10
|
+
]
|
|
11
11
|
}
|
|
@@ -2,7 +2,7 @@ import type { JSX } from "react/jsx-runtime";
|
|
|
2
2
|
type TamaguiIconSvgProps = React.SVGProps<SVGSVGElement> & {
|
|
3
3
|
color?: string;
|
|
4
4
|
};
|
|
5
|
-
export declare const TamaguiIconSvg: ({ color
|
|
5
|
+
export declare const TamaguiIconSvg: ({ color, ...props }: TamaguiIconSvgProps) => JSX.Element;
|
|
6
6
|
export {};
|
|
7
7
|
|
|
8
8
|
//# sourceMappingURL=TamaguiLogoSvg.d.ts.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAAA,cAAc,WAAW;KAEpB,sBAAsB,MAAM,SAAS,iBAAiB;CACzD;;AAGF,OAAO,cAAM,iBAAkB,EAC7B,
|
|
2
|
+
"mappings": "AAAA,cAAc,WAAW;KAEpB,sBAAsB,MAAM,SAAS,iBAAiB;CACzD;;AAGF,OAAO,cAAM,iBAAkB,EAC7B,OACA,GAAG,SACF,wBAAsB,IAAI",
|
|
3
3
|
"names": [],
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/TamaguiLogoSvg.tsx"
|
|
6
6
|
],
|
|
7
|
+
"version": 3,
|
|
7
8
|
"sourcesContent": [
|
|
8
9
|
"import type { JSX } from 'react/jsx-runtime'\n\ntype TamaguiIconSvgProps = React.SVGProps<SVGSVGElement> & {\n color?: string\n}\n\nexport const TamaguiIconSvg = ({\n color = '#ECD20A',\n ...props\n}: TamaguiIconSvgProps): JSX.Element => (\n <svg width=\"160px\" height=\"160px\" viewBox=\"0 0 160 160\" {...props}>\n <g id=\"duck\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <circle id=\"Oval\" cx=\"80\" cy=\"80\" r=\"145\"></circle>\n <g id=\"Group-Copy-5\">\n <path\n d=\"M10,110 L10,100 L20,100 L20,90 L30,90 L30,80 L40,80 L40,30 L50,30 L50,10 L70,10 L70,0 L120,0 L120,10 L130,10 L130,20 L140,20 L140,40 L160,40 L160,50 L150,50 L150,60 L160,60 L160,70 L150,70 L150,80 L140,80 L140,100 L150,100 L150,110 L160,110 L160,140 L150,140 L150,150 L130,150 L130,160 L40,160 L40,150 L20,150 L20,140 L10,140 L10,130 L0,130 L0,110 L10,110 Z M90,40 L80,40 L80,50 L90,50 L90,40 Z M120,30 L110,30 L110,40 L120,40 L120,30 Z\"\n id=\"Combined-Shape\"\n fill={color}\n ></path>\n <g id=\"Group\" transform=\"translate(80, 30)\" fill=\"#000000\">\n <rect id=\"Rectangle-Copy-117\" x=\"0\" y=\"10\" width=\"10\" height=\"10\"></rect>\n <rect id=\"Rectangle-Copy-141\" x=\"30\" y=\"0\" width=\"10\" height=\"10\"></rect>\n </g>\n </g>\n </g>\n </svg>\n)\n"
|
|
9
|
-
]
|
|
10
|
-
"version": 3
|
|
10
|
+
]
|
|
11
11
|
}
|
package/types/ThemeTint.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type ThemeProps } from "@tamagui/web";
|
|
2
2
|
import type { JSX } from "react/jsx-runtime";
|
|
3
|
-
export declare const ThemeTint: ({ disable, children
|
|
3
|
+
export declare const ThemeTint: ({ disable, children, ...rest }: ThemeProps & {
|
|
4
4
|
disable?: boolean;
|
|
5
5
|
}) => JSX.Element;
|
|
6
|
-
export declare const ThemeTintAlt: ({ children, disable, offset
|
|
6
|
+
export declare const ThemeTintAlt: ({ children, disable, offset, ...rest }: ThemeProps & {
|
|
7
7
|
disable?: boolean;
|
|
8
8
|
offset?: number;
|
|
9
9
|
}) => JSX.Element;
|