@tamagui/logo 1.108.0 → 1.108.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/LogoWords.js +14 -6
- package/dist/cjs/LogoWords.js.map +2 -2
- package/dist/cjs/LogoWords.native.js +14 -6
- package/dist/cjs/LogoWords.native.js.map +2 -2
- package/dist/cjs/TamaguiLogo.js +12 -4
- package/dist/cjs/TamaguiLogo.js.map +2 -2
- package/dist/cjs/TamaguiLogo.native.js +12 -4
- package/dist/cjs/TamaguiLogo.native.js.map +2 -2
- package/dist/cjs/tints.js +15 -7
- package/dist/cjs/tints.js.map +2 -2
- package/dist/cjs/tints.native.js +15 -7
- package/dist/cjs/tints.native.js.map +2 -2
- package/dist/cjs/useTint.js +14 -6
- package/dist/cjs/useTint.js.map +2 -2
- package/dist/cjs/useTint.native.js +14 -6
- package/dist/cjs/useTint.native.js.map +2 -2
- package/dist/esm/LogoWords.js +4 -4
- package/dist/esm/LogoWords.js.map +1 -1
- package/dist/esm/LogoWords.mjs +5 -5
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +4 -4
- package/dist/esm/LogoWords.native.js.map +2 -2
- package/dist/esm/TamaguiLogo.js +2 -2
- package/dist/esm/TamaguiLogo.js.map +1 -1
- package/dist/esm/TamaguiLogo.mjs +2 -2
- package/dist/esm/TamaguiLogo.mjs.map +1 -1
- package/dist/esm/TamaguiLogo.native.js +2 -2
- package/dist/esm/TamaguiLogo.native.js.map +2 -2
- package/dist/esm/tints.js +5 -5
- package/dist/esm/tints.js.map +1 -1
- package/dist/esm/tints.mjs +5 -5
- package/dist/esm/tints.mjs.map +1 -1
- package/dist/esm/tints.native.js +5 -5
- package/dist/esm/tints.native.js.map +2 -2
- package/dist/esm/useTint.js +4 -4
- package/dist/esm/useTint.js.map +1 -1
- package/dist/esm/useTint.mjs +4 -4
- package/dist/esm/useTint.mjs.map +1 -1
- package/dist/esm/useTint.native.js +4 -4
- package/dist/esm/useTint.native.js.map +2 -2
- package/dist/jsx/LogoWords.js +4 -4
- package/dist/jsx/LogoWords.js.map +1 -1
- package/dist/jsx/LogoWords.mjs +5 -5
- package/dist/jsx/LogoWords.mjs.map +1 -1
- package/dist/jsx/LogoWords.native.js +4 -4
- package/dist/jsx/LogoWords.native.js.map +2 -2
- package/dist/jsx/TamaguiLogo.js +2 -2
- package/dist/jsx/TamaguiLogo.js.map +1 -1
- package/dist/jsx/TamaguiLogo.mjs +2 -2
- package/dist/jsx/TamaguiLogo.mjs.map +1 -1
- package/dist/jsx/TamaguiLogo.native.js +2 -2
- package/dist/jsx/TamaguiLogo.native.js.map +2 -2
- package/dist/jsx/tints.js +5 -5
- package/dist/jsx/tints.js.map +1 -1
- package/dist/jsx/tints.mjs +5 -5
- package/dist/jsx/tints.mjs.map +1 -1
- package/dist/jsx/tints.native.js +5 -5
- package/dist/jsx/tints.native.js.map +2 -2
- package/dist/jsx/useTint.js +4 -4
- package/dist/jsx/useTint.js.map +1 -1
- package/dist/jsx/useTint.mjs +4 -4
- package/dist/jsx/useTint.mjs.map +1 -1
- package/dist/jsx/useTint.native.js +4 -4
- package/dist/jsx/useTint.native.js.map +2 -2
- package/package.json +3 -3
- package/src/LogoWords.tsx +11 -5
- package/src/TamaguiLogo.tsx +2 -2
- package/src/tints.tsx +6 -8
- package/src/useTint.tsx +5 -8
- package/types/LogoWords.d.ts +2 -1
- package/types/LogoWords.d.ts.map +1 -1
- package/types/TamaguiLogo.d.ts +3 -2
- package/types/TamaguiLogo.d.ts.map +1 -1
- package/types/tints.d.ts.map +1 -1
- package/types/useTint.d.ts.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TamaguiLogo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,QAAQ,cAAc;AAE/B,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAWpB,SAQE,KARF;AAHC,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,WAAW,UAAU,GAAG,MAAM,GAAc,QAEtD;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ;AAAA,MACA,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAI;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA,4BAAC,YAAS,YAAY,aAAa,MAAM,YAAY,IAAI,MAAM;AAAA,QAC9D,aACC,oBAAC,UAAO,KAAI,QAAO,cAAc,IAC/B,8BAAC,aAAU,UAAoB,WAAW,aAAa,GAAG,GAC5D;AAAA;AAAA;AAAA,EAEJ;AAGN;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/TamaguiLogo.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { XStack, YStack } from "tamagui";
|
|
3
3
|
import { LogoIcon } from "./LogoIcon.mjs";
|
|
4
4
|
import { LogoWords } from "./LogoWords.mjs";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
const TamaguiLogo = forwardRef(({
|
|
6
|
+
const TamaguiLogo = React.forwardRef(({
|
|
7
7
|
showWords,
|
|
8
8
|
downscale,
|
|
9
9
|
animated,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","XStack","YStack","LogoIcon","LogoWords","jsx","jsxs","TamaguiLogo","forwardRef","showWords","downscale","animated","props","ref","tag","alignItems","justifyContent","gap","children","marginBottom"],"sources":["../../src/TamaguiLogo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAA,EAAQC,MAAA,QAAc;AAE/B,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAWpB,SAQEC,GAAA,EARFC,IAAA;AAHC,MAAMC,WAAA,GAAcP,KAAA,CAAMQ,UAAA,CAC/B,CAAC;EAAEC,SAAA;EAAWC,SAAA;EAAWC,QAAA;EAAU,GAAGC;AAAM,GAAcC,GAAA,KAEtD,eAAAP,IAAA,CAACL,MAAA;EACCa,GAAA,EAAI;EACJD,GAAA;EACAE,UAAA,EAAW;EACXC,cAAA,EAAe;EACfC,GAAA,EAAI;EACH,GAAGL,KAAA;EAEJM,QAAA,kBAAAb,GAAA,CAACF,QAAA;IAASO,SAAA,GAAYA,SAAA,IAAa,MAAMD,SAAA,GAAY,IAAI;EAAA,CAAM,GAC9DA,SAAA,IACC,eAAAJ,GAAA,CAACH,MAAA;IAAOY,GAAA,EAAI;IAAOK,YAAA,EAAc;IAC/BD,QAAA,iBAAAb,GAAA,CAACD,SAAA;MAAUO,QAAA;MAAoBD,SAAA,EAAWA,SAAA,IAAa;IAAA,CAAG;EAAA,CAC5D;AAAA,CAEJ,CAGN","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { XStack, YStack } from "tamagui";
|
|
4
4
|
import { LogoIcon } from "./LogoIcon";
|
|
5
5
|
import { LogoWords } from "./LogoWords";
|
|
@@ -54,7 +54,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
54
54
|
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
55
55
|
return target;
|
|
56
56
|
}
|
|
57
|
-
var TamaguiLogo = /* @__PURE__ */ forwardRef(function(_param, ref) {
|
|
57
|
+
var TamaguiLogo = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
|
|
58
58
|
var showWords = _param.showWords, downscale = _param.downscale, animated = _param.animated, props = _object_without_properties(_param, [
|
|
59
59
|
"showWords",
|
|
60
60
|
"downscale",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/TamaguiLogo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,cAAc;AAE/B,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQnB,IAAMC,cAAcL,sBAAMM,WAC/B,SAAA,QAA0DC,KAAAA;MAAvDC,YAAAA,OAAAA,WAAWC,YAAAA,OAAAA,WAAWC,WAAAA,OAAAA,UAAaC,QAAAA,2BAAAA,QAAAA;IAAnCH;IAAWC;IAAWC;;AACvB,SACE,sBAACT,QAAAA,qBAAAA,eAAAA;IACCW,KAAI;IACJL;IACAM,YAAW;IACXC,gBAAe;IACfC,KAAI;KACAJ,KAAAA,GAAAA;;MAEJ,qBAACR,UAAAA;QAASM,YAAYA,aAAa,MAAMD,YAAY,IAAI;;MACxDA,aACC,qBAACN,QAAAA;QAAOU,KAAI;QAAOI,cAAc;kBAC/B,qBAACZ,WAAAA;UAAUM;UAAoBD,WAAWA,aAAa;;;;;AAKjE,CAAA;",
|
|
5
|
+
"names": ["React", "XStack", "YStack", "LogoIcon", "LogoWords", "TamaguiLogo", "forwardRef", "ref", "showWords", "downscale", "animated", "props", "tag", "alignItems", "justifyContent", "gap", "marginBottom"]
|
|
6
6
|
}
|
package/dist/jsx/tints.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
const listeners = /* @__PURE__ */ new Set(), familiesValues = {
|
|
3
3
|
tamagui: ["red", "pink", "purple", "blue", "green", "orange", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
@@ -16,16 +16,16 @@ function getTints() {
|
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
18
|
function useTints() {
|
|
19
|
-
const [val, setVal] = useState(getTints());
|
|
20
|
-
return useEffect(() => onTintFamilyChange(() => {
|
|
21
|
-
startTransition(() => {
|
|
19
|
+
const [val, setVal] = React.useState(getTints());
|
|
20
|
+
return React.useEffect(() => onTintFamilyChange(() => {
|
|
21
|
+
React.startTransition(() => {
|
|
22
22
|
setVal(getTints());
|
|
23
23
|
});
|
|
24
24
|
}), []), val;
|
|
25
25
|
}
|
|
26
26
|
function setTintFamily(next) {
|
|
27
27
|
if (!families[next]) throw "impossible";
|
|
28
|
-
fam = next, startTransition(() => {
|
|
28
|
+
fam = next, React.startTransition(() => {
|
|
29
29
|
listeners.forEach((l) => l(next));
|
|
30
30
|
});
|
|
31
31
|
}
|
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,
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAKlB,MAAM,YAAY,oBAAI,IAAmB,GAEnC,iBAAiB;AAAA,EACrB,SAAS,CAAC,OAAO,QAAQ,UAAU,QAAQ,SAAS,UAAU,KAAK;AAAA,EACnE,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,WAAW,CAAC,QAAQ,OAAO,QAAQ,OAAO,QAAQ,OAAO,MAAM;AAAA,EAC/D,OAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;AAC/D,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAIjB,IAAI,MAAkB;AAwBf,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,MAAM,SAAS,SAAS,CAAC;AAE/C,eAAM,UAAU,MACP,mBAAmB,MAAM;AAC9B,UAAM,gBAAgB,MAAM;AAC1B,aAAO,SAAS,CAAC;AAAA,IACnB,CAAC;AAAA,EACH,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,SAAS,cAAc,MAAkB;AAC9C,MAAI,CAAC,SAAS,IAAI,EAAG,OAAM;AAC3B,QAAM,MACN,MAAM,gBAAgB,MAAM;AAC1B,cAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAAA,EAClC,CAAC;AACH;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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
const listeners = /* @__PURE__ */new Set(),
|
|
3
3
|
familiesValues = {
|
|
4
4
|
tamagui: ["red", "pink", "purple", "blue", "green", "orange", "red"],
|
|
@@ -20,16 +20,16 @@ function getTints() {
|
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
22
|
function useTints() {
|
|
23
|
-
const [val, setVal] = useState(getTints());
|
|
24
|
-
return useEffect(() => onTintFamilyChange(() => {
|
|
25
|
-
startTransition(() => {
|
|
23
|
+
const [val, setVal] = React.useState(getTints());
|
|
24
|
+
return React.useEffect(() => onTintFamilyChange(() => {
|
|
25
|
+
React.startTransition(() => {
|
|
26
26
|
setVal(getTints());
|
|
27
27
|
});
|
|
28
28
|
}), []), val;
|
|
29
29
|
}
|
|
30
30
|
function setTintFamily(next) {
|
|
31
31
|
if (!families[next]) throw "impossible";
|
|
32
|
-
fam = next, startTransition(() => {
|
|
32
|
+
fam = next, React.startTransition(() => {
|
|
33
33
|
listeners.forEach(l => l(next));
|
|
34
34
|
});
|
|
35
35
|
}
|
package/dist/jsx/tints.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","listeners","Set","familiesValues","tamagui","xmas","easter","halloween","valentine","lunar","DEFAULT_FAMILY","familiesNames","Object","keys","families","fam","getTints","name","tints","useTints","val","setVal","useState","useEffect","onTintFamilyChange","startTransition","setTintFamily","next","forEach","l","setNextTintFamily","indexOf","length","cb","add","delete"],"sources":["../../src/tints.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAKlB,MAAMC,SAAA,GAAY,mBAAIC,GAAA,CAAmB;EAEnCC,cAAA,GAAiB;IACrBC,OAAA,EAAS,CAAC,OAAO,QAAQ,UAAU,QAAQ,SAAS,UAAU,KAAK;IACnEC,IAAA,EAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;IAC5DC,MAAA,EAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;IACvEC,SAAA,EAAW,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;IAC1EC,SAAA,EAAW,CAAC,QAAQ,OAAO,QAAQ,OAAO,QAAQ,OAAO,MAAM;IAC/DC,KAAA,EAAO,CAAC,UAAU,OAAO,OAAO,OAAO,OAAO,OAAO,QAAQ;EAC/D;EAIMC,cAAA,GAAyB;EAEzBC,aAAA,GAAgBC,MAAA,CAAOC,IAAA,CAAKV,cAAc;EAE1CW,QAAA,GAAWX,cAAA;AAIjB,IAAIY,GAAA,GAAkBL,cAAA;AAwBf,SAASM,SAAA,EAAW;EACzB,OAAO;IACLC,IAAA,EAAMF,GAAA,IAAOL,cAAA;IACbQ,KAAA,EAAOJ,QAAA,CAASC,GAAG,KAAKD,QAAA,CAASV,OAAA;IACjCU;EACF;AACF;AAEO,SAASK,SAAA,EAAW;EACzB,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIrB,KAAA,CAAMsB,QAAA,CAASN,QAAA,CAAS,CAAC;EAE/C,OAAAhB,KAAA,CAAMuB,SAAA,CAAU,MACPC,kBAAA,CAAmB,MAAM;IAC9BxB,KAAA,CAAMyB,eAAA,CAAgB,MAAM;MAC1BJ,MAAA,CAAOL,QAAA,CAAS,CAAC;IACnB,CAAC;EACH,CAAC,GACA,EAAE,GAEEI,GAAA;AACT;AAEO,SAASM,cAAcC,IAAA,EAAkB;EAC9C,IAAI,CAACb,QAAA,CAASa,IAAI,GAAG,MAAM;EAC3BZ,GAAA,GAAMY,IAAA,EACN3B,KAAA,CAAMyB,eAAA,CAAgB,MAAM;IAC1BxB,SAAA,CAAU2B,OAAA,CAASC,CAAA,IAAMA,CAAA,CAAEF,IAAI,CAAC;EAClC,CAAC;AACH;AAEO,MAAMG,iBAAA,GAAoBA,CAAA,KAAM;IACrCJ,aAAA,CAAcf,aAAA,EAAeA,aAAA,CAAcoB,OAAA,CAAQhB,GAAG,IAAI,KAAKJ,aAAA,CAAcqB,MAAM,CAAC;EACtF;EAEaR,kBAAA,GAAsBS,EAAA,KACjChC,SAAA,CAAUiC,GAAA,CAAID,EAAE,GACT,MAAM;IACXhC,SAAA,CAAUkC,MAAA,CAAOF,EAAE;EACrB","ignoreList":[]}
|
package/dist/jsx/tints.native.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
function _array_like_to_array(arr, len) {
|
|
3
3
|
(len == null || len > arr.length) && (len = arr.length);
|
|
4
4
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
@@ -104,10 +104,10 @@ function getTints() {
|
|
|
104
104
|
};
|
|
105
105
|
}
|
|
106
106
|
function useTints() {
|
|
107
|
-
var
|
|
108
|
-
return useEffect(function() {
|
|
107
|
+
var _React_useState = _sliced_to_array(React.useState(getTints()), 2), val = _React_useState[0], setVal = _React_useState[1];
|
|
108
|
+
return React.useEffect(function() {
|
|
109
109
|
return onTintFamilyChange(function() {
|
|
110
|
-
startTransition(function() {
|
|
110
|
+
React.startTransition(function() {
|
|
111
111
|
setVal(getTints());
|
|
112
112
|
});
|
|
113
113
|
});
|
|
@@ -115,7 +115,7 @@ function useTints() {
|
|
|
115
115
|
}
|
|
116
116
|
function setTintFamily(next) {
|
|
117
117
|
if (!families[next]) throw "impossible";
|
|
118
|
-
fam = next, startTransition(function() {
|
|
118
|
+
fam = next, React.startTransition(function() {
|
|
119
119
|
listeners.forEach(function(l) {
|
|
120
120
|
return l(next);
|
|
121
121
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "AAAA,OAAOA,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKlB,IAAMC,YAAY,oBAAIC,IAAAA,GAEhBC,iBAAiB;EACrBC,SAAS;IAAC;IAAO;IAAQ;IAAU;IAAQ;IAAS;IAAU;;EAC9DC,MAAM;IAAC;IAAO;IAAS;IAAO;IAAS;IAAO;IAAS;;EACvDC,QAAQ;IAAC;IAAU;IAAQ;IAAU;IAAQ;IAAU;IAAQ;;EAC/DC,WAAW;IAAC;IAAU;IAAQ;IAAU;IAAQ;IAAU;IAAQ;;EAClEC,WAAW;IAAC;IAAQ;IAAO;IAAQ;IAAO;IAAQ;IAAO;;EACzDC,OAAO;IAAC;IAAU;IAAO;IAAO;IAAO;IAAO;IAAO;;AACvD,GAIMC,iBAAyB,WAEzBC,gBAAgBC,OAAOC,KAAKV,cAAAA,GAE5BW,WAAWX,gBAIbY,MAAkBL;AAwBf,SAASM,WAAAA;AACd,SAAO;IACLC,MAAMF,OAAOL;IACbQ,OAAOJ,SAASC,GAAAA,KAAQD,SAASV;IACjCU;EACF;AACF;AAEO,SAASK,WAAAA;AACd,MAAsBnB,kBAAAA,iBAAAA,MAAMoB,SAASJ,SAAAA,CAAAA,GAAAA,CAAAA,GAA9BK,MAAerB,gBAAAA,CAAAA,GAAVsB,SAAUtB,gBAAAA,CAAAA;AAEtBA,eAAMuB,UAAU,WAAA;AACd,WAAOC,mBAAmB,WAAA;AACxBxB,YAAMyB,gBAAgB,WAAA;AACpBH,eAAON,SAAAA,CAAAA;MACT,CAAA;IACF,CAAA;EACF,GAAG,CAAA,CAAE,GAEEK;AACT;AAEO,SAASK,cAAcC,MAAgB;AAC5C,MAAI,CAACb,SAASa,IAAAA,EAAO,OAAO;AAC5BZ,QAAMY,MACN3B,MAAMyB,gBAAgB,WAAA;AACpBxB,cAAU2B,QAAQ,SAACC,GAAAA;aAAMA,EAAEF,IAAAA;;EAC7B,CAAA;AACF;AAEO,IAAMG,oBAAoB,WAAA;AAC/BJ,gBAAcf,eAAeA,cAAcoB,QAAQhB,GAAAA,IAAO,KAAKJ,cAAcqB,MAAM,CAAC;AACtF,GAEaR,qBAAqB,SAACS,IAAAA;AACjChC,mBAAUiC,IAAID,EAAAA,GACP,WAAA;AACLhC,cAAUkC,OAAOF,EAAAA;EACnB;AACF;",
|
|
5
|
+
"names": ["React", "listeners", "Set", "familiesValues", "tamagui", "xmas", "easter", "halloween", "valentine", "lunar", "DEFAULT_FAMILY", "familiesNames", "Object", "keys", "families", "fam", "getTints", "name", "tints", "useTints", "useState", "val", "setVal", "useEffect", "onTintFamilyChange", "startTransition", "setTintFamily", "next", "forEach", "l", "setNextTintFamily", "indexOf", "length", "cb", "add", "delete"]
|
|
6
6
|
}
|
package/dist/jsx/useTint.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { Theme } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -8,11 +8,11 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
8
8
|
listeners.delete(listener);
|
|
9
9
|
}), numTints = getTints().tints.length, setTintIndex = (next) => {
|
|
10
10
|
const val = next % numTints;
|
|
11
|
-
val !== current && (current = val, startTransition(() => {
|
|
11
|
+
val !== current && (current = val, React.startTransition(() => {
|
|
12
12
|
listeners.forEach((x) => x(val));
|
|
13
13
|
}));
|
|
14
14
|
}, useTint = (altOffset = -1) => {
|
|
15
|
-
const index = useSyncExternalStore(
|
|
15
|
+
const index = React.useSyncExternalStore(
|
|
16
16
|
onTintChange,
|
|
17
17
|
() => current,
|
|
18
18
|
() => initialTint
|
|
@@ -27,7 +27,7 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
27
27
|
setTintIndex,
|
|
28
28
|
setNextTintFamily,
|
|
29
29
|
setNextTint: () => {
|
|
30
|
-
startTransition(() => {
|
|
30
|
+
React.startTransition(() => {
|
|
31
31
|
setTintIndex(index + 1);
|
|
32
32
|
});
|
|
33
33
|
}
|
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,
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa;AAEtB,SAAS,UAAU,mBAAmB,gBAAgB;AAiElD;AA1DG,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,MAAM,gBAAgB,MAAM;AAC1B,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,CAAC,YAAY,OAAO;AACzC,QAAM,QAAQ,MAAM;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI,cACZ,eAAe,KAAK,KAAK,QAAQ,aAAa,MAAM,MAAM;AAEhE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX;AAAA,IACA,MAAM,MAAM,KAAK;AAAA,IACjB,SAAS,MAAM,YAAY;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,YAAM,gBAAgB,MAAM;AAC1B,qBAAa,QAAQ,CAAC;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF;AACF,GAEa,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,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,MAA2D;AACzD,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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { Theme } from "tamagui";
|
|
3
3
|
import { getTints, setNextTintFamily, useTints } from "./tints.mjs";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -11,12 +11,12 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
11
11
|
numTints = getTints().tints.length,
|
|
12
12
|
setTintIndex = next => {
|
|
13
13
|
const val = next % numTints;
|
|
14
|
-
val !== current && (current = val, startTransition(() => {
|
|
14
|
+
val !== current && (current = val, React.startTransition(() => {
|
|
15
15
|
listeners.forEach(x => x(val));
|
|
16
16
|
}));
|
|
17
17
|
},
|
|
18
18
|
useTint = (altOffset = -1) => {
|
|
19
|
-
const index = useSyncExternalStore(onTintChange, () => current, () => initialTint),
|
|
19
|
+
const index = React.useSyncExternalStore(onTintChange, () => current, () => initialTint),
|
|
20
20
|
tintsContext = useTints(),
|
|
21
21
|
{
|
|
22
22
|
tints
|
|
@@ -32,7 +32,7 @@ const listeners = /* @__PURE__ */new Set(),
|
|
|
32
32
|
setTintIndex,
|
|
33
33
|
setNextTintFamily,
|
|
34
34
|
setNextTint: () => {
|
|
35
|
-
startTransition(() => {
|
|
35
|
+
React.startTransition(() => {
|
|
36
36
|
setTintIndex(index + 1);
|
|
37
37
|
});
|
|
38
38
|
}
|
package/dist/jsx/useTint.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","Theme","getTints","setNextTintFamily","useTints","jsx","initialTint","current","listeners","Set","onTintChange","listener","add","delete","numTints","tints","length","setTintIndex","next","val","startTransition","forEach","x","useTint","altOffset","index","useSyncExternalStore","tintsContext","tintAltIndex","Math","abs","tintIndex","tint","tintAlt","setNextTint","ThemeTint","disable","children","rest","curTint","name","ThemeTintAlt","offset"],"sources":["../../src/useTint.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,KAAA,QAAa;AAEtB,SAASC,QAAA,EAAUC,iBAAA,EAAmBC,QAAA,QAAgB;AAiElD,SAAAC,GAAA;AA1DG,MAAMC,WAAA,GAAc;AAE3B,IAAIC,OAAA,GAAUD,WAAA;AAEd,MAAME,SAAA,GAAY,mBAAIC,GAAA,CAAc;EAEvBC,YAAA,GAAgBC,QAAA,KAC3BH,SAAA,CAAUI,GAAA,CAAID,QAAQ,GACf,MAAM;IACXH,SAAA,CAAUK,MAAA,CAAOF,QAAQ;EAC3B;EAGIG,QAAA,GAAWZ,QAAA,CAAS,EAAEa,KAAA,CAAMC,MAAA;EAErBC,YAAA,GAAgBC,IAAA,IAAiB;IAC5C,MAAMC,GAAA,GAAMD,IAAA,GAAOJ,QAAA;IACfK,GAAA,KAAQZ,OAAA,KACZA,OAAA,GAAUY,GAAA,EACVnB,KAAA,CAAMoB,eAAA,CAAgB,MAAM;MAC1BZ,SAAA,CAAUa,OAAA,CAASC,CAAA,IAAMA,CAAA,CAAEH,GAAG,CAAC;IACjC,CAAC;EACH;EAEaI,OAAA,GAAUA,CAACC,SAAA,GAAY,OAAO;IACzC,MAAMC,KAAA,GAAQzB,KAAA,CAAM0B,oBAAA,CAClBhB,YAAA,EACA,MAAMH,OAAA,EACN,MAAMD,WACR;MACMqB,YAAA,GAAevB,QAAA,CAAS;MACxB;QAAEW;MAAM,IAAIY,YAAA;MACZC,YAAA,GAAeC,IAAA,CAAKC,GAAA,EAAKL,KAAA,GAAQD,SAAA,IAAaT,KAAA,CAAMC,MAAM;IAEhE,OAAO;MACL,GAAGW,YAAA;MACHZ,KAAA,EAAOY,YAAA,CAAaZ,KAAA;MACpBgB,SAAA,EAAWN,KAAA;MACXG,YAAA;MACAI,IAAA,EAAMjB,KAAA,CAAMU,KAAK;MACjBQ,OAAA,EAASlB,KAAA,CAAMa,YAAY;MAC3BX,YAAA;MACAd,iBAAA;MACA+B,WAAA,EAAaA,CAAA,KAAM;QACjBlC,KAAA,CAAMoB,eAAA,CAAgB,MAAM;UAC1BH,YAAA,CAAaQ,KAAA,GAAQ,CAAC;QACxB,CAAC;MACH;IACF;EACF;EAEaU,SAAA,GAAYA,CAAC;IACxBC,OAAA;IACAC,QAAA;IACA,GAAGC;EACL,MAA0C;IACxC,MAAMC,OAAA,GAAUhB,OAAA,CAAQ,EAAES,IAAA;IAC1B,OACE,eAAA3B,GAAA,CAACJ,KAAA;MAAO,GAAGqC,IAAA;MAAME,IAAA,EAAMJ,OAAA,GAAU,OAAOG,OAAA;MACrCF;IAAA,CACH;EAEJ;EAEaI,YAAA,GAAeA,CAAC;IAC3BJ,QAAA;IACAD,OAAA;IACAM,MAAA,GAAS;IACT,GAAGJ;EACL,MAA2D;IACzD,MAAMC,OAAA,GAAUhB,OAAA,CAAQmB,MAAM,EAAET,OAAA;IAEhC,OACE,eAAA5B,GAAA,CAACJ,KAAA;MAAMuC,IAAA,EAFIJ,OAAA,GAAU,OAAOG,OAAA;MAER,GAAGD,IAAA;MACpBD;IAAA,CACH;EAEJ","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { Theme } from "tamagui";
|
|
4
4
|
import { getTints, setNextTintFamily, useTints } from "./tints";
|
|
5
5
|
function _define_property(obj, key, value) {
|
|
@@ -59,13 +59,13 @@ var initialTint = 3, current = initialTint, listeners = /* @__PURE__ */ new Set(
|
|
|
59
59
|
};
|
|
60
60
|
}, numTints = getTints().tints.length, setTintIndex = function(next) {
|
|
61
61
|
var val = next % numTints;
|
|
62
|
-
val !== current && (current = val, startTransition(function() {
|
|
62
|
+
val !== current && (current = val, React.startTransition(function() {
|
|
63
63
|
listeners.forEach(function(x) {
|
|
64
64
|
return x(val);
|
|
65
65
|
});
|
|
66
66
|
}));
|
|
67
67
|
}, useTint = function() {
|
|
68
|
-
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, index = useSyncExternalStore(onTintChange, function() {
|
|
68
|
+
var altOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, index = React.useSyncExternalStore(onTintChange, function() {
|
|
69
69
|
return current;
|
|
70
70
|
}, function() {
|
|
71
71
|
return initialTint;
|
|
@@ -79,7 +79,7 @@ var initialTint = 3, current = initialTint, listeners = /* @__PURE__ */ new Set(
|
|
|
79
79
|
setTintIndex,
|
|
80
80
|
setNextTintFamily,
|
|
81
81
|
setNextTint: function() {
|
|
82
|
-
startTransition(function() {
|
|
82
|
+
React.startTransition(function() {
|
|
83
83
|
setTintIndex(index + 1);
|
|
84
84
|
});
|
|
85
85
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/useTint.tsx"],
|
|
4
|
-
"mappings": ";AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,aAAa;AAEtB,SAASC,UAAUC,mBAAmBC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO/C,IAAMC,cAAc,GAEvBC,UAAUD,aAERE,YAAY,oBAAIC,IAAAA,GAETC,eAAe,SAACC,UAAAA;AAC3BH,mBAAUI,IAAID,QAAAA,GACP,WAAA;AACLH,cAAUK,OAAOF,QAAAA;EACnB;AACF,GAEMG,WAAWX,SAAAA,EAAWY,MAAMC,QAErBC,eAAe,SAACC,MAAAA;AAC3B,MAAMC,MAAMD,OAAOJ;AACnB,EAAIK,QAAQZ,YACZA,UAAUY,KACVlB,MAAMmB,gBAAgB,WAAA;AACpBZ,cAAUa,QAAQ,SAACC,GAAAA;aAAMA,EAAEH,GAAAA;;EAC7B,CAAA;AACF,GAEaI,UAAU,WAAA;MAACC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAY,IAC5BC,QAAQxB,MAAMyB,qBAClBhB,cACA,WAAA;WAAMH;KACN,WAAA;WAAMD;MAEFqB,eAAetB,SAAAA,GACbU,QAAUY,aAAVZ,OACFa,eAAeC,KAAKC,KAAKL,QAAQD,aAAaT,MAAMC,MAAM;AAEhE,SAAO,qBAAA,eAAA,CAAA,GACFW,YAAAA,GAAAA;IACHZ,OAAOY,aAAaZ;IACpBgB,WAAWN;IACXG;IACAI,MAAMjB,MAAMU,KAAAA;IACZQ,SAASlB,MAAMa,YAAAA;IACfX;IACAb;IACA8B,aAAa,WAAA;AACXjC,YAAMmB,gBAAgB,WAAA;AACpBH,qBAAaQ,QAAQ,CAAA;MACvB,CAAA;IACF;;AAEJ,GAEaU,YAAY,SAAA,QAAA;MACvBC,UAAAA,OAAAA,SACAC,WAAAA,OAAAA,UACGC,OAAAA,2BAAAA,QAAAA;IAFHF;IACAC;MAGME,UAAUhB,QAAAA,EAAUS;AAC1B,SACE,qBAAC9B,OAAAA,qBAAAA,eAAAA,CAAAA,GAAUoC,IAAAA,GAAAA;IAAME,MAAMJ,UAAU,OAAOG;;;AAI5C,GAEaE,eAAe,SAAA,QAAA;MAC1BJ,WAAAA,OAAAA,UACAD,UAAAA,OAAAA,SAAAA,gBAAAA,OACAM,QAAAA,SAAAA,kBAAAA,SAAS,IAAA,eACNJ,OAAAA,2BAAAA,QAAAA;IAHHD;IACAD;IACAM;MAGMH,UAAUhB,QAAQmB,MAAAA,EAAQT,SAC1BO,OAAOJ,UAAU,OAAOG;AAC9B,SACE,qBAACrC,OAAAA,qBAAAA,eAAAA;IAAMsC;KAAgBF,IAAAA,GAAAA;;;AAI3B;",
|
|
5
|
+
"names": ["React", "Theme", "getTints", "setNextTintFamily", "useTints", "initialTint", "current", "listeners", "Set", "onTintChange", "listener", "add", "delete", "numTints", "tints", "length", "setTintIndex", "next", "val", "startTransition", "forEach", "x", "useTint", "altOffset", "index", "useSyncExternalStore", "tintsContext", "tintAltIndex", "Math", "abs", "tintIndex", "tint", "tintAlt", "setNextTint", "ThemeTint", "disable", "children", "rest", "curTint", "name", "ThemeTintAlt", "offset"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.108.
|
|
3
|
+
"version": "1.108.2",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
"clean:build": "tamagui-build clean:build"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"tamagui": "1.108.
|
|
24
|
+
"tamagui": "1.108.2"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@tamagui/build": "1.108.
|
|
27
|
+
"@tamagui/build": "1.108.2",
|
|
28
28
|
"react": "^18.2.0 || ^19.0.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
package/src/LogoWords.tsx
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react'
|
|
2
2
|
import type { XStackProps } from 'tamagui'
|
|
3
3
|
import { Circle, XStack } from 'tamagui'
|
|
4
4
|
|
|
5
5
|
import { useTint } from './useTint'
|
|
6
6
|
|
|
7
|
-
export const LogoWords = memo(
|
|
7
|
+
export const LogoWords = React.memo(
|
|
8
8
|
({
|
|
9
9
|
downscale = 1,
|
|
10
10
|
grayscale,
|
|
@@ -14,10 +14,10 @@ export const LogoWords = memo(
|
|
|
14
14
|
const Tint = useTint()
|
|
15
15
|
const { tintIndex: index, tint } = Tint
|
|
16
16
|
const tints = Tint.tints.map((t) => `var(--${t}9)`)
|
|
17
|
-
const [hovered, setHovered] = useState(false)
|
|
18
|
-
const [mounted, setMounted] = useState<'start' | 'animate' | 'done'>('start')
|
|
17
|
+
const [hovered, setHovered] = React.useState(false)
|
|
18
|
+
const [mounted, setMounted] = React.useState<'start' | 'animate' | 'done'>('start')
|
|
19
19
|
|
|
20
|
-
useEffect(() => {
|
|
20
|
+
React.useEffect(() => {
|
|
21
21
|
const idle = window.requestIdleCallback || setTimeout
|
|
22
22
|
idle(() => {
|
|
23
23
|
setTimeout(() => {
|
|
@@ -90,6 +90,7 @@ export const LogoWords = memo(
|
|
|
90
90
|
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"
|
|
91
91
|
onMouseEnter={() => Tint.setTintIndex(0)}
|
|
92
92
|
/>
|
|
93
|
+
|
|
93
94
|
<path
|
|
94
95
|
shapeRendering="crispEdges"
|
|
95
96
|
fill={getColor(1)}
|
|
@@ -97,6 +98,7 @@ export const LogoWords = memo(
|
|
|
97
98
|
fillRule="nonzero"
|
|
98
99
|
onMouseEnter={() => Tint.setTintIndex(1)}
|
|
99
100
|
/>
|
|
101
|
+
|
|
100
102
|
<polygon
|
|
101
103
|
data-tauri-drag-region
|
|
102
104
|
shapeRendering="crispEdges"
|
|
@@ -104,12 +106,14 @@ export const LogoWords = memo(
|
|
|
104
106
|
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"
|
|
105
107
|
onMouseEnter={() => Tint.setTintIndex(2)}
|
|
106
108
|
/>
|
|
109
|
+
|
|
107
110
|
<path
|
|
108
111
|
fill={getColor(3)}
|
|
109
112
|
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"
|
|
110
113
|
fillRule="nonzero"
|
|
111
114
|
onMouseEnter={() => Tint.setTintIndex(3)}
|
|
112
115
|
/>
|
|
116
|
+
|
|
113
117
|
<polygon
|
|
114
118
|
data-tauri-drag-region
|
|
115
119
|
shapeRendering="crispEdges"
|
|
@@ -117,6 +121,7 @@ export const LogoWords = memo(
|
|
|
117
121
|
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"
|
|
118
122
|
onMouseEnter={() => Tint.setTintIndex(4)}
|
|
119
123
|
/>
|
|
124
|
+
|
|
120
125
|
<polygon
|
|
121
126
|
data-tauri-drag-region
|
|
122
127
|
shapeRendering="crispEdges"
|
|
@@ -124,6 +129,7 @@ export const LogoWords = memo(
|
|
|
124
129
|
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"
|
|
125
130
|
onMouseEnter={() => Tint.setTintIndex(5)}
|
|
126
131
|
/>
|
|
132
|
+
|
|
127
133
|
<polygon
|
|
128
134
|
data-tauri-drag-region
|
|
129
135
|
shapeRendering="crispEdges"
|
package/src/TamaguiLogo.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react'
|
|
2
2
|
import type { XStackProps } from 'tamagui'
|
|
3
3
|
import { XStack, YStack } from 'tamagui'
|
|
4
4
|
|
|
@@ -11,7 +11,7 @@ type LogoProps = {
|
|
|
11
11
|
animated?: boolean
|
|
12
12
|
} & XStackProps
|
|
13
13
|
|
|
14
|
-
export const TamaguiLogo = forwardRef<any, LogoProps>(
|
|
14
|
+
export const TamaguiLogo = React.forwardRef<any, LogoProps>(
|
|
15
15
|
({ showWords, downscale, animated, ...props }: LogoProps, ref) => {
|
|
16
16
|
return (
|
|
17
17
|
<XStack
|
package/src/tints.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react'
|
|
2
2
|
import type { ThemeName } from 'tamagui'
|
|
3
3
|
|
|
4
4
|
type ChangeHandler = (next: TintFamily) => void
|
|
@@ -20,9 +20,7 @@ const DEFAULT_FAMILY: Family = 'tamagui'
|
|
|
20
20
|
|
|
21
21
|
const familiesNames = Object.keys(familiesValues) as any as Family[]
|
|
22
22
|
|
|
23
|
-
const families = familiesValues as {
|
|
24
|
-
[key in Family]: ThemeName[]
|
|
25
|
-
}
|
|
23
|
+
const families = familiesValues as { [key in Family]: ThemeName[] }
|
|
26
24
|
|
|
27
25
|
type TintFamily = keyof typeof families
|
|
28
26
|
|
|
@@ -59,11 +57,11 @@ export function getTints() {
|
|
|
59
57
|
}
|
|
60
58
|
|
|
61
59
|
export function useTints() {
|
|
62
|
-
const [val, setVal] = useState(getTints())
|
|
60
|
+
const [val, setVal] = React.useState(getTints())
|
|
63
61
|
|
|
64
|
-
useEffect(() => {
|
|
62
|
+
React.useEffect(() => {
|
|
65
63
|
return onTintFamilyChange(() => {
|
|
66
|
-
startTransition(() => {
|
|
64
|
+
React.startTransition(() => {
|
|
67
65
|
setVal(getTints())
|
|
68
66
|
})
|
|
69
67
|
})
|
|
@@ -75,7 +73,7 @@ export function useTints() {
|
|
|
75
73
|
export function setTintFamily(next: TintFamily) {
|
|
76
74
|
if (!families[next]) throw `impossible`
|
|
77
75
|
fam = next
|
|
78
|
-
startTransition(() => {
|
|
76
|
+
React.startTransition(() => {
|
|
79
77
|
listeners.forEach((l) => l(next))
|
|
80
78
|
})
|
|
81
79
|
}
|
package/src/useTint.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react'
|
|
2
2
|
import type { ThemeName, ThemeProps } from 'tamagui'
|
|
3
3
|
import { Theme } from 'tamagui'
|
|
4
4
|
|
|
@@ -28,13 +28,13 @@ export const setTintIndex = (next: number) => {
|
|
|
28
28
|
const val = next % numTints
|
|
29
29
|
if (val === current) return
|
|
30
30
|
current = val
|
|
31
|
-
startTransition(() => {
|
|
31
|
+
React.startTransition(() => {
|
|
32
32
|
listeners.forEach((x) => x(val))
|
|
33
33
|
})
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
export const useTint = (altOffset = -1) => {
|
|
37
|
-
const index = useSyncExternalStore(
|
|
37
|
+
const index = React.useSyncExternalStore(
|
|
38
38
|
onTintChange,
|
|
39
39
|
() => current,
|
|
40
40
|
() => initialTint
|
|
@@ -53,7 +53,7 @@ export const useTint = (altOffset = -1) => {
|
|
|
53
53
|
setTintIndex,
|
|
54
54
|
setNextTintFamily,
|
|
55
55
|
setNextTint: () => {
|
|
56
|
-
startTransition(() => {
|
|
56
|
+
React.startTransition(() => {
|
|
57
57
|
setTintIndex(index + 1)
|
|
58
58
|
})
|
|
59
59
|
},
|
|
@@ -78,10 +78,7 @@ export const ThemeTintAlt = ({
|
|
|
78
78
|
disable,
|
|
79
79
|
offset = 1,
|
|
80
80
|
...rest
|
|
81
|
-
}: ThemeProps & {
|
|
82
|
-
disable?: boolean
|
|
83
|
-
offset?: number
|
|
84
|
-
}) => {
|
|
81
|
+
}: ThemeProps & { disable?: boolean; offset?: number }) => {
|
|
85
82
|
const curTint = useTint(offset).tintAlt
|
|
86
83
|
const name = disable ? null : curTint
|
|
87
84
|
return (
|
package/types/LogoWords.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import type { XStackProps } from 'tamagui';
|
|
2
|
-
export declare const LogoWords:
|
|
3
|
+
export declare const LogoWords: React.MemoExoticComponent<({ downscale, grayscale, animated, ...props }: XStackProps & {
|
|
3
4
|
downscale?: number;
|
|
4
5
|
animated?: boolean;
|
|
5
6
|
grayscale?: boolean;
|
package/types/LogoWords.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogoWords.d.ts","sourceRoot":"","sources":["../src/LogoWords.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LogoWords.d.ts","sourceRoot":"","sources":["../src/LogoWords.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,eAAO,MAAM,SAAS,2EAMjB,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,6CAmIjF,CAAA"}
|
package/types/TamaguiLogo.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const TamaguiLogo: React.ForwardRefExoticComponent<{
|
|
2
3
|
showWords?: boolean;
|
|
3
4
|
downscale?: number;
|
|
4
5
|
animated?: boolean;
|
|
@@ -29,5 +30,5 @@ export declare const TamaguiLogo: import("react").ForwardRefExoticComponent<{
|
|
|
29
30
|
left?: number;
|
|
30
31
|
right?: number;
|
|
31
32
|
} | undefined;
|
|
32
|
-
}>> &
|
|
33
|
+
}>> & React.RefAttributes<any>>;
|
|
33
34
|
//# sourceMappingURL=TamaguiLogo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TamaguiLogo.d.ts","sourceRoot":"","sources":["../src/TamaguiLogo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TamaguiLogo.d.ts","sourceRoot":"","sources":["../src/TamaguiLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,eAAO,MAAM,WAAW;gBALV,OAAO;gBACP,MAAM;eACP,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAuBnB,CAAA"}
|
package/types/tints.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;AAI/C,QAAA,MAAM,cAAc;;;;;;;CAOnB,CAAA;AAED,KAAK,MAAM,GAAG,MAAM,OAAO,cAAc,CAAA;AAMzC,QAAA,MAAM,QAAQ,EAAqB,
|
|
1
|
+
{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;AAI/C,QAAA,MAAM,cAAc;;;;;;;CAOnB,CAAA;AAED,KAAK,MAAM,GAAG,MAAM,OAAO,cAAc,CAAA;AAMzC,QAAA,MAAM,QAAQ,EAAqB,GAAG,GAAa,IAAN,MAAM,GAAG,SAAS,EAAE,GAAE,CAAA;AAEnE,KAAK,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAA;AA0BvC,wBAAgB,QAAQ;;;;;;;;;;;EAMvB;AAED,wBAAgB,QAAQ;;;;;;;;;;;EAYvB;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,QAM7C;AAED,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAED,eAAO,MAAM,kBAAkB,OAAQ,aAAa,eAKnD,CAAA"}
|
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,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAUpD,eAAO,MAAM,WAAW,IAAI,CAAA;AAM5B,eAAO,MAAM,YAAY,aAAc,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,eAK3D,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,SAOxC,CAAA;AAED,eAAO,MAAM,OAAO;oBAYa,SAAS,EAAE;;;mBAGlB,SAAS;sBACC,SAAS;kCAzBV,MAAM;;;;;;;;;;;;CAkCxC,CAAA;AAED,eAAO,MAAM,SAAS,mCAInB,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAOpC,CAAA;AAED,eAAO,MAAM,YAAY,2CAKtB,UAAU,GAAG;
|
|
1
|
+
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAUpD,eAAO,MAAM,WAAW,IAAI,CAAA;AAM5B,eAAO,MAAM,YAAY,aAAc,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,eAK3D,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,SAOxC,CAAA;AAED,eAAO,MAAM,OAAO;oBAYa,SAAS,EAAE;;;mBAGlB,SAAS;sBACC,SAAS;kCAzBV,MAAM;;;;;;;;;;;;CAkCxC,CAAA;AAED,eAAO,MAAM,SAAS,mCAInB,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAOpC,CAAA;AAED,eAAO,MAAM,YAAY,2CAKtB,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAQrD,CAAA"}
|