@tamagui/logo 2.0.0-1768326993354 → 2.0.0-1768427228811
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.cjs +1 -3
- package/dist/cjs/LogoWords.js +7 -1
- package/dist/cjs/LogoWords.js.map +1 -1
- package/dist/cjs/LogoWords.native.js +1 -5
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/esm/LogoWords.js +8 -2
- package/dist/esm/LogoWords.js.map +1 -1
- package/dist/esm/LogoWords.mjs +2 -4
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +2 -6
- package/dist/esm/LogoWords.native.js.map +1 -1
- package/package.json +5 -5
- package/src/LogoWords.tsx +8 -5
- package/types/LogoWords.d.ts.map +1 -1
package/dist/cjs/LogoWords.cjs
CHANGED
|
@@ -45,7 +45,6 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
45
45
|
...props
|
|
46
46
|
}) => {
|
|
47
47
|
const Tint = (0, import_useTint.useTint)(),
|
|
48
|
-
theme = (0, import_tamagui.useTheme)(),
|
|
49
48
|
[hovered, setHovered] = import_react.default.useState(!1),
|
|
50
49
|
[mounted, setMounted] = import_react.default.useState("start"),
|
|
51
50
|
{
|
|
@@ -53,8 +52,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
53
52
|
tint
|
|
54
53
|
} = Tint,
|
|
55
54
|
hoveredTints = Tint.tints.map(x2 => `${x2}9`).map(t => `var(--${t})`),
|
|
56
|
-
|
|
57
|
-
tints = [textColor, textColor, textColor, textColor, ...rgb],
|
|
55
|
+
tints = ["var(--accent1)", "var(--accent1)", "var(--accent1)", "var(--accent1)", ...rgb],
|
|
58
56
|
circleTints = hovered ? Tint.tints.map(x2 => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
59
57
|
(0, import_react.useEffect)(() => {
|
|
60
58
|
(window.requestIdleCallback || setTimeout)(() => {
|
package/dist/cjs/LogoWords.js
CHANGED
|
@@ -27,7 +27,13 @@ __export(LogoWords_exports, {
|
|
|
27
27
|
module.exports = __toCommonJS(LogoWords_exports);
|
|
28
28
|
var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_useTint = require("./useTint"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = import_react.default.memo(({ downscale = 1, animated, ...props }) => {
|
|
30
|
-
const Tint = (0, import_useTint.useTint)(),
|
|
30
|
+
const Tint = (0, import_useTint.useTint)(), [hovered, setHovered] = import_react.default.useState(!1), [mounted, setMounted] = import_react.default.useState("start"), { tintIndex: index, tint } = Tint, hoveredTints = Tint.tints.map((x2) => `${x2}9`).map((t) => `var(--${t})`), tints = [
|
|
31
|
+
"var(--accent1)",
|
|
32
|
+
"var(--accent1)",
|
|
33
|
+
"var(--accent1)",
|
|
34
|
+
"var(--accent1)",
|
|
35
|
+
...rgb
|
|
36
|
+
], circleTints = hovered ? Tint.tints.map((x2) => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
31
37
|
(0, import_react.useEffect)(() => {
|
|
32
38
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
33
39
|
setTimeout(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2C,8BAE3C,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["React", "x", "index"]
|
|
6
6
|
}
|
|
@@ -47,10 +47,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
47
47
|
animated,
|
|
48
48
|
...props
|
|
49
49
|
} = param,
|
|
50
|
-
_theme_color12,
|
|
51
|
-
_theme_color,
|
|
52
50
|
Tint = (0, import_useTint.useTint)(),
|
|
53
|
-
theme = (0, import_tamagui.useTheme)(),
|
|
54
51
|
[hovered, setHovered] = import_react.default.useState(!1),
|
|
55
52
|
[mounted, setMounted] = import_react.default.useState("start"),
|
|
56
53
|
{
|
|
@@ -62,8 +59,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
62
59
|
}).map(function (t) {
|
|
63
60
|
return `var(--${t})`;
|
|
64
61
|
}),
|
|
65
|
-
|
|
66
|
-
tints = [textColor, textColor, textColor, textColor, ...rgb],
|
|
62
|
+
tints = ["var(--accent1)", "var(--accent1)", "var(--accent1)", "var(--accent1)", ...rgb],
|
|
67
63
|
circleTints = hovered ? Tint.tints.map(function (x2) {
|
|
68
64
|
return `$${x2}9`;
|
|
69
65
|
}) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LogoWords_exports","__export","LogoWords","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","import_useTint","rgb","default","memo","param","downscale","animated","props","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LogoWords_exports","__export","LogoWords","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","import_useTint","rgb","default","memo","param","downscale","animated","props","Tint","useTint","hovered","setHovered","useState","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","useEffect","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","jsxs","XStack","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","clientX","pageX","sectionWidth","width","section","min","floor","children","jsx","Circle","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/LogoWords.js
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
|
-
import { Circle, XStack
|
|
2
|
+
import { Circle, XStack } from "tamagui";
|
|
3
3
|
import { useTint } from "./useTint";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = React.memo(({ downscale = 1, animated, ...props }) => {
|
|
6
|
-
const Tint = useTint(),
|
|
6
|
+
const Tint = useTint(), [hovered, setHovered] = React.useState(!1), [mounted, setMounted] = React.useState("start"), { tintIndex: index, tint } = Tint, hoveredTints = Tint.tints.map((x2) => `${x2}9`).map((t) => `var(--${t})`), tints = [
|
|
7
|
+
"var(--accent1)",
|
|
8
|
+
"var(--accent1)",
|
|
9
|
+
"var(--accent1)",
|
|
10
|
+
"var(--accent1)",
|
|
11
|
+
...rgb
|
|
12
|
+
], circleTints = hovered ? Tint.tints.map((x2) => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
7
13
|
useEffect(() => {
|
|
8
14
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
9
15
|
setTimeout(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": "AACA,OAAO,SAAS,WAAW,gBAAgB;AAE3C,SAAS,QAAQ,
|
|
4
|
+
"mappings": "AACA,OAAO,SAAS,WAAW,gBAAgB;AAE3C,SAAS,QAAQ,cAAc;AAC/B,SAAS,eAAe;AAiGhB,cAaF,YAbE;AA/FR,MAAM,MAAM,CAAC,WAAW,WAAW,SAAS,GAE/B,YAST,MAAM,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,MAAM;AACxD,QAAM,OAAO,QAAQ,GACf,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,EAAK,GAC5C,CAAC,SAAS,UAAU,IAAI,MAAM,SAAuC,OAAO,GAE5E,EAAE,WAAW,OAAO,KAAK,IAAI,MAC7B,eAAe,KAAK,MAAM,IAAI,CAACA,OAAM,GAAGA,EAAC,GAAG,EAAE,IAAI,CAAC,MAAM,SAAS,CAAC,GAAG,GAEtE,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAEM,cAAc,UAChB,KAAK,MAAM,IAAI,CAACA,OAAM,IAAIA,EAAC,GAAG,IAC9B,CAAC,YAAY,YAAY,YAAY,YAAY,GAAG,GAAG;AAE3D,YAAU,MAAM;AAEd,KADa,OAAO,uBAAuB,YACtC,MAAM;AACT,iBAAW,MAAM;AACf,mBAAW,SAAS;AAAA,MACtB,GAAG,EAAE,GAEL,WAAW,MAAM;AACf,mBAAW,MAAM;AAAA,MACnB,GAAG,IAAI;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC,GAEL,UAAU,MAAM;AACd,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,YAAMC,SAAQ,OAAO,SAAS,MAAM,KAAK,EAAE,IAAI;AAC/C,MAAI,CAAC,OAAO,MAAMA,MAAK,KAAKA,UAAS,KAAKA,SAAQ,KAAK,MAAM,UAC3D,KAAK,aAAaA,MAAK;AAAA,IAE3B;AAEA,kBAAO,iBAAiB,WAAW,aAAa,GAEzC,MAAM;AACX,aAAO,oBAAoB,WAAW,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,WAAW,CAAC,MACZ,UAAgB,aAAa,CAAC,IAC3B,MAAM,CAAC,GAGV,IAAI,KAAK;AAAA,IACb,QAAQ,OAAQ,KAAK,KAAM,QAAQ,MAAM,UAAU,KAAK,UAAU,IAAI,KAAK;AAAA,EAC7E,GAEM,CAAC,QAAQ,SAAS,IAAI,SAAsB;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM,WAAW,EAAI;AAAA,MACnC,cAAc,MAAM,WAAW,EAAK;AAAA,MACpC,iBAAgB;AAAA,MAChB,0BAAsB;AAAA,MACtB,gBAAe;AAAA,MACf,UAAS;AAAA,MACT,WAAU;AAAA,MACV,UAAU,CAAC,MAAM;AACf,kBAAU,EAAE,YAAY,MAAa;AAAA,MACvC;AAAA,MAEA,aAAa,CAAC,MAAkB;AAC9B,YAAI,CAAC,OAAQ;AACb,cAAMD,KAAI,EAAE,UAAU,OAAO,OAEvB,eAAe,OAAO,QAAQ,GAE9B,UAAU,KAAK,IAAI,GAAG,KAAK,MAAMA,KAAI,YAAY,CAAC;AACxD,aAAK,aAAa,OAAO;AAAA,MAC3B;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBACC;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,UAAS;AAAA,YACT,KAAK;AAAA,YACL,MAAM;AAAA,YACN,GAAG,YAAY,UAAU,MAAM;AAAA,YAE/B;AAAA,YACA,MAAM;AAAA,YACN,iBAAiB,YAAY,KAAK;AAAA;AAAA,QACpC;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,0BAAsB;AAAA,YACtB,OAAO,OAAO,IAAI,aAAa;AAAA,YAC/B,QAAQ,MAAM,IAAI,aAAa;AAAA,YAC/B,SAAQ;AAAA,YAER;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,GAAE;AAAA,kBACF,UAAS;AAAA;AAAA,cAEX;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,SAAS,CAAC;AAAA,kBAChB,GAAE;AAAA,kBACF,UAAS;AAAA;AAAA,cAEX;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,0BAAsB;AAAA,kBACtB,gBAAe;AAAA,kBACf,MAAM,SAAS,CAAC;AAAA,kBAChB,QAAO;AAAA;AAAA,cAET;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;",
|
|
5
5
|
"names": ["x", "index"]
|
|
6
6
|
}
|
package/dist/esm/LogoWords.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
|
-
import { Circle, XStack
|
|
2
|
+
import { Circle, XStack } from "tamagui";
|
|
3
3
|
import { useTint } from "./useTint.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
@@ -9,7 +9,6 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
9
9
|
...props
|
|
10
10
|
}) => {
|
|
11
11
|
const Tint = useTint(),
|
|
12
|
-
theme = useTheme(),
|
|
13
12
|
[hovered, setHovered] = React.useState(!1),
|
|
14
13
|
[mounted, setMounted] = React.useState("start"),
|
|
15
14
|
{
|
|
@@ -17,8 +16,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
17
16
|
tint
|
|
18
17
|
} = Tint,
|
|
19
18
|
hoveredTints = Tint.tints.map(x2 => `${x2}9`).map(t => `var(--${t})`),
|
|
20
|
-
|
|
21
|
-
tints = [textColor, textColor, textColor, textColor, ...rgb],
|
|
19
|
+
tints = ["var(--accent1)", "var(--accent1)", "var(--accent1)", "var(--accent1)", ...rgb],
|
|
22
20
|
circleTints = hovered ? Tint.tints.map(x2 => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
23
21
|
useEffect(() => {
|
|
24
22
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","Circle","XStack","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Circle","XStack","useTint","jsx","jsxs","rgb","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"AACA,OAAOA,KAAA,IAASC,SAAA,EAAWC,QAAA,QAAgB;AAE3C,SAASC,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,OAAA,QAAe;AAiGhB,SAAAC,GAAA,EAaFC,IAAA,QAbE;AA/FR,MAAMC,GAAA,GAAM,CAAC,WAAW,WAAW,SAAS;EAE/BC,SAAA,GASTT,KAAA,CAAMU,IAAA,CAAK,CAAC;IAAEC,SAAA,GAAY;IAAGC,QAAA;IAAU,GAAGC;EAAM,MAAM;IACxD,MAAMC,IAAA,GAAOT,OAAA,CAAQ;MACf,CAACU,OAAA,EAASC,UAAU,IAAIhB,KAAA,CAAME,QAAA,CAAS,EAAK;MAC5C,CAACe,OAAA,EAASC,UAAU,IAAIlB,KAAA,CAAME,QAAA,CAAuC,OAAO;MAE5E;QAAEiB,SAAA,EAAWC,KAAA;QAAOC;MAAK,IAAIP,IAAA;MAC7BQ,YAAA,GAAeR,IAAA,CAAKS,KAAA,CAAMC,GAAA,CAAKC,EAAA,IAAM,GAAGA,EAAC,GAAG,EAAED,GAAA,CAAKE,CAAA,IAAM,SAASA,CAAC,GAAG;MAEtEH,KAAA,GAAQ,CACZ,kBACA,kBACA,kBACA,kBACA,GAAGf,GAAA,CACL;MAEMmB,WAAA,GAAcZ,OAAA,GAChBD,IAAA,CAAKS,KAAA,CAAMC,GAAA,CAAKC,EAAA,IAAM,IAAIA,EAAC,GAAG,IAC9B,CAAC,YAAY,YAAY,YAAY,YAAY,GAAGjB,GAAG;IAE3DP,SAAA,CAAU,MAAM;MAEd,CADa2B,MAAA,CAAOC,mBAAA,IAAuBC,UAAA,EACtC,MAAM;QACTA,UAAA,CAAW,MAAM;UACfZ,UAAA,CAAW,SAAS;QACtB,GAAG,EAAE,GAELY,UAAA,CAAW,MAAM;UACfZ,UAAA,CAAW,MAAM;QACnB,GAAG,IAAI;MACT,CAAC;IACH,GAAG,EAAE,GAELjB,SAAA,CAAU,MAAM;MACd,MAAM8B,aAAA,GAAiBC,KAAA,IAAyB;QAC9C,MAAMC,MAAA,GAAQC,MAAA,CAAOC,QAAA,CAASH,KAAA,CAAMI,GAAA,EAAK,EAAE,IAAI;QAC3C,CAACF,MAAA,CAAOG,KAAA,CAAMJ,MAAK,KAAKA,MAAA,IAAS,KAAKA,MAAA,GAAQnB,IAAA,CAAKS,KAAA,CAAMe,MAAA,IAC3DxB,IAAA,CAAKyB,YAAA,CAAaN,MAAK;MAE3B;MAEA,OAAAL,MAAA,CAAOY,gBAAA,CAAiB,WAAWT,aAAa,GAEzC,MAAM;QACXH,MAAA,CAAOa,mBAAA,CAAoB,WAAWV,aAAa;MACrD;IACF,GAAG,CAACjB,IAAI,CAAC;IAET,MAAM4B,QAAA,GAAYC,CAAA,IACZ5B,OAAA,GAAgBO,YAAA,CAAaqB,CAAC,IAC3BpB,KAAA,CAAMoB,CAAC;MAGVC,CAAA,GAAIC,IAAA,CAAKC,KAAA,CACb1B,KAAA,GAAQ,OAAQ,KAAK,KAAMA,KAAA,GAAQG,KAAA,CAAMe,MAAA,IAAU,KAAKlB,KAAA,KAAU,IAAI,KAAK,EAC7E;MAEM,CAAC2B,MAAA,EAAQC,SAAS,IAAI9C,QAAA,CAAsB;IAElD,OACE,eAAAK,IAAA,CAACH,MAAA;MACC6C,YAAA,EAAcA,CAAA,KAAMjC,UAAA,CAAW,EAAI;MACnCkC,YAAA,EAAcA,CAAA,KAAMlC,UAAA,CAAW,EAAK;MACpCmC,eAAA,EAAgB;MAChB,0BAAsB;MACtBC,cAAA,EAAe;MACfC,QAAA,EAAS;MACTC,SAAA,EAAU;MACVC,QAAA,EAAWC,CAAA,IAAM;QACfR,SAAA,CAAUQ,CAAA,CAAEC,WAAA,CAAYV,MAAa;MACvC;MAEAW,WAAA,EAAcF,CAAA,IAAkB;QAC9B,IAAI,CAACT,MAAA,EAAQ;QACb,MAAMtB,EAAA,GAAI+B,CAAA,CAAEG,OAAA,GAAUZ,MAAA,CAAOa,KAAA;UAEvBC,YAAA,GAAed,MAAA,CAAOe,KAAA,GAAQ;UAE9BC,OAAA,GAAUlB,IAAA,CAAKmB,GAAA,CAAI,GAAGnB,IAAA,CAAKoB,KAAA,CAAMxC,EAAA,GAAIoC,YAAY,CAAC;QACxD/C,IAAA,CAAKyB,YAAA,CAAawB,OAAO;MAC3B;MACC,GAAGlD,KAAA;MAEHqD,QAAA,GAAAtD,QAAA,IACC,eAAAN,GAAA,CAACH,MAAA;QACCgE,UAAA,EAAW;QACXd,QAAA,EAAS;QACTe,GAAA,EAAK;QACLC,IAAA,EAAM;QACNC,CAAA,EAAGrD,OAAA,KAAY,UAAU,MAAM;QAE/B2B,CAAA;QACA2B,IAAA,EAAM;QACNC,eAAA,EAAiB7C,WAAA,CAAYP,KAAK;MAAA,CACpC,GAGF,eAAAb,IAAA,CAAC;QACC,0BAAsB;QACtBuD,KAAA,EAAO,OAAO,IAAInD,SAAA,IAAa;QAC/B8D,MAAA,EAAQ,MAAM,IAAI9D,SAAA,IAAa;QAC/B+D,OAAA,EAAQ;QAERR,QAAA,kBAAA5D,GAAA,CAAC;UACC,0BAAsB;UACtBqE,cAAA,EAAe;UACfC,IAAA,EAAMlC,QAAA,CAAS,CAAC;UAChBmC,MAAA,EAAO;QAAA,CAET,GAEA,eAAAvE,GAAA,CAAC;UACCqE,cAAA,EAAe;UACfC,IAAA,EAAMlC,QAAA,CAAS,CAAC;UAChBoC,CAAA,EAAE;UACFC,QAAA,EAAS;QAAA,CAEX,GAEA,eAAAzE,GAAA,CAAC;UACC,0BAAsB;UACtBqE,cAAA,EAAe;UACfC,IAAA,EAAMlC,QAAA,CAAS,CAAC;UAChBmC,MAAA,EAAO;QAAA,CAET,GAEA,eAAAvE,GAAA,CAAC;UACCsE,IAAA,EAAMlC,QAAA,CAAS,CAAC;UAChBoC,CAAA,EAAE;UACFC,QAAA,EAAS;QAAA,CAEX,GAEA,eAAAzE,GAAA,CAAC;UACC,0BAAsB;UACtBqE,cAAA,EAAe;UACfC,IAAA,EAAMlC,QAAA,CAAS,CAAC;UAChBmC,MAAA,EAAO;QAAA,CAET,GAEA,eAAAvE,GAAA,CAAC;UACC,0BAAsB;UACtBqE,cAAA,EAAe;UACfC,IAAA,EAAMlC,QAAA,CAAS,CAAC;UAChBmC,MAAA,EAAO;QAAA,CAET,GAEA,eAAAvE,GAAA,CAAC;UACC,0BAAsB;UACtBqE,cAAA,EAAe;UACfC,IAAA,EAAMlC,QAAA,CAAS,CAAC;UAChBmC,MAAA,EAAO;QAAA,CAET;MAAA,CACF;IAAA,CACF;EAEJ,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React, { useEffect, useState } from "react";
|
|
3
|
-
import { Circle, XStack
|
|
3
|
+
import { Circle, XStack } from "tamagui";
|
|
4
4
|
import { useTint } from "./useTint.native.js";
|
|
5
5
|
var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
6
6
|
LogoWords = /* @__PURE__ */React.memo(function (param) {
|
|
@@ -9,10 +9,7 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
9
9
|
animated,
|
|
10
10
|
...props
|
|
11
11
|
} = param,
|
|
12
|
-
_theme_color12,
|
|
13
|
-
_theme_color,
|
|
14
12
|
Tint = useTint(),
|
|
15
|
-
theme = useTheme(),
|
|
16
13
|
[hovered, setHovered] = React.useState(!1),
|
|
17
14
|
[mounted, setMounted] = React.useState("start"),
|
|
18
15
|
{
|
|
@@ -24,8 +21,7 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
24
21
|
}).map(function (t) {
|
|
25
22
|
return `var(--${t})`;
|
|
26
23
|
}),
|
|
27
|
-
|
|
28
|
-
tints = [textColor, textColor, textColor, textColor, ...rgb],
|
|
24
|
+
tints = ["var(--accent1)", "var(--accent1)", "var(--accent1)", "var(--accent1)", ...rgb],
|
|
29
25
|
circleTints = hovered ? Tint.tints.map(function (x2) {
|
|
30
26
|
return `$${x2}9`;
|
|
31
27
|
}) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTint","rgb","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","idle","window","requestIdleCallback","setTimeout","handleKeyDown","event","index2","Number","parseInt","key","isNaN","length","setTintIndex","addEventListener","removeEventListener","getColor","i","x","Math","round","layout","setLayout","onMouseEnter","onMouseLeave","paddingVertical","marginVertical","position","className","onLayout","e","nativeEvent","onMouseMove","clientX","pageX","sectionWidth","width","section","min","floor","children","transition","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-1768427228811",
|
|
4
4
|
"source": "src/index.tsx",
|
|
5
5
|
"types": "./types/index.d.ts",
|
|
6
6
|
"type": "module",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"clean:build": "tamagui-build clean:build"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@tamagui/build": "2.0.0-
|
|
50
|
+
"@tamagui/build": "2.0.0-1768427228811",
|
|
51
51
|
"react": "*"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"access": "public"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
|
-
"@tamagui/use-element-layout": "2.0.0-
|
|
61
|
-
"@tamagui/web": "2.0.0-
|
|
62
|
-
"tamagui": "2.0.0-
|
|
60
|
+
"@tamagui/use-element-layout": "2.0.0-1768427228811",
|
|
61
|
+
"@tamagui/web": "2.0.0-1768427228811",
|
|
62
|
+
"tamagui": "2.0.0-1768427228811"
|
|
63
63
|
}
|
|
64
64
|
}
|
package/src/LogoWords.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { LayoutValue } from '@tamagui/use-element-layout'
|
|
2
2
|
import React, { useEffect, useState } from 'react'
|
|
3
3
|
import type { XStackProps } from 'tamagui'
|
|
4
|
-
import { Circle, XStack
|
|
4
|
+
import { Circle, XStack } from 'tamagui'
|
|
5
5
|
import { useTint } from './useTint'
|
|
6
6
|
|
|
7
7
|
const rgb = ['#ED0F0F', '#6BCF1A', '#6252F8']
|
|
@@ -17,16 +17,19 @@ export const LogoWords: React.MemoExoticComponent<
|
|
|
17
17
|
}) => import('react/jsx-runtime').JSX.Element
|
|
18
18
|
> = React.memo(({ downscale = 1, animated, ...props }) => {
|
|
19
19
|
const Tint = useTint()
|
|
20
|
-
const theme = useTheme()
|
|
21
20
|
const [hovered, setHovered] = React.useState(false)
|
|
22
21
|
const [mounted, setMounted] = React.useState<'start' | 'animate' | 'done'>('start')
|
|
23
22
|
|
|
24
23
|
const { tintIndex: index, tint } = Tint
|
|
25
24
|
const hoveredTints = Tint.tints.map((x) => `${x}9`).map((t) => `var(--${t})`)
|
|
26
25
|
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
const tints = [
|
|
27
|
+
'var(--accent1)',
|
|
28
|
+
'var(--accent1)',
|
|
29
|
+
'var(--accent1)',
|
|
30
|
+
'var(--accent1)',
|
|
31
|
+
...rgb,
|
|
32
|
+
]
|
|
30
33
|
|
|
31
34
|
const circleTints = hovered
|
|
32
35
|
? Tint.tints.map((x) => `$${x}9`)
|
package/types/LogoWords.d.ts.map
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"src/LogoWords.tsx"
|
|
8
8
|
],
|
|
9
9
|
"sourcesContent": [
|
|
10
|
-
"import type { LayoutValue } from '@tamagui/use-element-layout'\nimport React, { useEffect, useState } from 'react'\nimport type { XStackProps } from 'tamagui'\nimport { Circle, XStack
|
|
10
|
+
"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\nconst rgb = ['#ED0F0F', '#6BCF1A', '#6252F8']\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 } = Tint\n const hoveredTints = Tint.tints.map((x) => `${x}9`).map((t) => `var(--${t})`)\n\n const tints = [\n 'var(--accent1)',\n 'var(--accent1)',\n 'var(--accent1)',\n 'var(--accent1)',\n ...rgb,\n ]\n\n const circleTints = hovered\n ? Tint.tints.map((x) => `$${x}9`)\n : ['$accent1', '$accent1', '$accent1', '$accent1', ...rgb]\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 hoveredTints[i]\n return tints[i]\n }\n\n const x = Math.round(\n index * 18.5 + (18 / 2) * (index / tints.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=\"quicker\"\n position=\"absolute\"\n top={0}\n left={0}\n y={mounted === 'start' ? -30 : -3}\n // the last i is less wide\n x={x}\n size={4}\n backgroundColor={circleTints[index]}\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
11
|
],
|
|
12
12
|
"version": 3
|
|
13
13
|
}
|