@tamagui/logo 1.142.0 → 2.0.0-1
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 +5 -3
- package/dist/cjs/LogoWords.js +3 -9
- package/dist/cjs/LogoWords.js.map +1 -1
- package/dist/cjs/LogoWords.native.js +7 -3
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/esm/LogoWords.js +4 -10
- package/dist/esm/LogoWords.js.map +1 -1
- package/dist/esm/LogoWords.mjs +6 -4
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +8 -4
- package/dist/esm/LogoWords.native.js.map +1 -1
- package/package.json +5 -5
- package/src/LogoWords.tsx +7 -10
- package/types/LogoWords.d.ts.map +1 -1
package/dist/cjs/LogoWords.cjs
CHANGED
|
@@ -45,6 +45,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
45
45
|
...props
|
|
46
46
|
}) => {
|
|
47
47
|
const Tint = (0, import_useTint.useTint)(),
|
|
48
|
+
theme = (0, import_tamagui.useTheme)(),
|
|
48
49
|
[hovered, setHovered] = import_react.default.useState(!1),
|
|
49
50
|
[mounted, setMounted] = import_react.default.useState("start"),
|
|
50
51
|
{
|
|
@@ -52,7 +53,8 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
52
53
|
tint
|
|
53
54
|
} = Tint,
|
|
54
55
|
hoveredTints = Tint.tints.map(x2 => `${x2}9`).map(t => `var(--${t})`),
|
|
55
|
-
|
|
56
|
+
textColor = theme.color12?.val || theme.color?.val || "var(--accent1)",
|
|
57
|
+
tints = [textColor, textColor, textColor, textColor, ...rgb],
|
|
56
58
|
circleTints = hovered ? Tint.tints.map(x2 => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
57
59
|
(0, import_react.useEffect)(() => {
|
|
58
60
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
@@ -75,8 +77,8 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
75
77
|
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)),
|
|
76
78
|
[layout, setLayout] = (0, import_react.useState)();
|
|
77
79
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
+
onMouseEnter: () => setHovered(!0),
|
|
81
|
+
onMouseLeave: () => setHovered(!1),
|
|
80
82
|
paddingVertical: "$2",
|
|
81
83
|
"data-tauri-drag-region": !0,
|
|
82
84
|
marginVertical: "$-2",
|
package/dist/cjs/LogoWords.js
CHANGED
|
@@ -27,13 +27,7 @@ __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)(), [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];
|
|
30
|
+
const Tint = (0, import_useTint.useTint)(), theme = (0, import_tamagui.useTheme)(), [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})`), textColor = theme.color12?.val || theme.color?.val || "var(--accent1)", tints = [textColor, textColor, textColor, textColor, ...rgb], circleTints = hovered ? Tint.tints.map((x2) => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
37
31
|
(0, import_react.useEffect)(() => {
|
|
38
32
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
39
33
|
setTimeout(() => {
|
|
@@ -57,8 +51,8 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = import_react.default.
|
|
|
57
51
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
58
52
|
import_tamagui.XStack,
|
|
59
53
|
{
|
|
60
|
-
|
|
61
|
-
|
|
54
|
+
onMouseEnter: () => setHovered(!0),
|
|
55
|
+
onMouseLeave: () => setHovered(!1),
|
|
62
56
|
paddingVertical: "$2",
|
|
63
57
|
"data-tauri-drag-region": !0,
|
|
64
58
|
marginVertical: "$-2",
|
|
@@ -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,7 +47,10 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
47
47
|
animated,
|
|
48
48
|
...props
|
|
49
49
|
} = param,
|
|
50
|
+
_theme_color12,
|
|
51
|
+
_theme_color,
|
|
50
52
|
Tint = (0, import_useTint.useTint)(),
|
|
53
|
+
theme = (0, import_tamagui.useTheme)(),
|
|
51
54
|
[hovered, setHovered] = import_react.default.useState(!1),
|
|
52
55
|
[mounted, setMounted] = import_react.default.useState("start"),
|
|
53
56
|
{
|
|
@@ -59,7 +62,8 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
59
62
|
}).map(function (t) {
|
|
60
63
|
return `var(--${t})`;
|
|
61
64
|
}),
|
|
62
|
-
|
|
65
|
+
textColor = ((_theme_color12 = theme.color12) === null || _theme_color12 === void 0 ? void 0 : _theme_color12.val) || ((_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val) || "var(--accent1)",
|
|
66
|
+
tints = [textColor, textColor, textColor, textColor, ...rgb],
|
|
63
67
|
circleTints = hovered ? Tint.tints.map(function (x2) {
|
|
64
68
|
return `$${x2}9`;
|
|
65
69
|
}) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
@@ -87,10 +91,10 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
87
91
|
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)),
|
|
88
92
|
[layout, setLayout] = (0, import_react.useState)();
|
|
89
93
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
90
|
-
|
|
94
|
+
onMouseEnter: function () {
|
|
91
95
|
return setHovered(!0);
|
|
92
96
|
},
|
|
93
|
-
|
|
97
|
+
onMouseLeave: function () {
|
|
94
98
|
return setHovered(!1);
|
|
95
99
|
},
|
|
96
100
|
paddingVertical: "$2",
|
|
@@ -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","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","
|
|
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","_theme_color12","_theme_color","Tint","useTint","theme","useTheme","hovered","setHovered","useState","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","textColor","color12","val","color","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","animation","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,15 +1,9 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
|
-
import { Circle, XStack } from "tamagui";
|
|
2
|
+
import { Circle, XStack, useTheme } 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(), [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];
|
|
6
|
+
const Tint = useTint(), theme = useTheme(), [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})`), textColor = theme.color12?.val || theme.color?.val || "var(--accent1)", tints = [textColor, textColor, textColor, textColor, ...rgb], circleTints = hovered ? Tint.tints.map((x2) => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
13
7
|
useEffect(() => {
|
|
14
8
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
15
9
|
setTimeout(() => {
|
|
@@ -33,8 +27,8 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = React.memo(({ downsca
|
|
|
33
27
|
return /* @__PURE__ */ jsxs(
|
|
34
28
|
XStack,
|
|
35
29
|
{
|
|
36
|
-
|
|
37
|
-
|
|
30
|
+
onMouseEnter: () => setHovered(!0),
|
|
31
|
+
onMouseLeave: () => setHovered(!1),
|
|
38
32
|
paddingVertical: "$2",
|
|
39
33
|
"data-tauri-drag-region": !0,
|
|
40
34
|
marginVertical: "$-2",
|
|
@@ -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": "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",
|
|
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 } from "tamagui";
|
|
2
|
+
import { Circle, XStack, useTheme } 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,6 +9,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
9
9
|
...props
|
|
10
10
|
}) => {
|
|
11
11
|
const Tint = useTint(),
|
|
12
|
+
theme = useTheme(),
|
|
12
13
|
[hovered, setHovered] = React.useState(!1),
|
|
13
14
|
[mounted, setMounted] = React.useState("start"),
|
|
14
15
|
{
|
|
@@ -16,7 +17,8 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
16
17
|
tint
|
|
17
18
|
} = Tint,
|
|
18
19
|
hoveredTints = Tint.tints.map(x2 => `${x2}9`).map(t => `var(--${t})`),
|
|
19
|
-
|
|
20
|
+
textColor = theme.color12?.val || theme.color?.val || "var(--accent1)",
|
|
21
|
+
tints = [textColor, textColor, textColor, textColor, ...rgb],
|
|
20
22
|
circleTints = hovered ? Tint.tints.map(x2 => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
21
23
|
useEffect(() => {
|
|
22
24
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
@@ -39,8 +41,8 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
39
41
|
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)),
|
|
40
42
|
[layout, setLayout] = useState();
|
|
41
43
|
return /* @__PURE__ */jsxs(XStack, {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
+
onMouseEnter: () => setHovered(!0),
|
|
45
|
+
onMouseLeave: () => setHovered(!1),
|
|
44
46
|
paddingVertical: "$2",
|
|
45
47
|
"data-tauri-drag-region": !0,
|
|
46
48
|
marginVertical: "$-2",
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Circle","XStack","useTheme","useTint","jsx","jsxs","rgb","LogoWords","memo","downscale","animated","props","Tint","theme","hovered","setHovered","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","textColor","color12","val","color","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","animation","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","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 } from "tamagui";
|
|
3
|
+
import { Circle, XStack, useTheme } 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,7 +9,10 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
9
9
|
animated,
|
|
10
10
|
...props
|
|
11
11
|
} = param,
|
|
12
|
+
_theme_color12,
|
|
13
|
+
_theme_color,
|
|
12
14
|
Tint = useTint(),
|
|
15
|
+
theme = useTheme(),
|
|
13
16
|
[hovered, setHovered] = React.useState(!1),
|
|
14
17
|
[mounted, setMounted] = React.useState("start"),
|
|
15
18
|
{
|
|
@@ -21,7 +24,8 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
21
24
|
}).map(function (t) {
|
|
22
25
|
return `var(--${t})`;
|
|
23
26
|
}),
|
|
24
|
-
|
|
27
|
+
textColor = ((_theme_color12 = theme.color12) === null || _theme_color12 === void 0 ? void 0 : _theme_color12.val) || ((_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val) || "var(--accent1)",
|
|
28
|
+
tints = [textColor, textColor, textColor, textColor, ...rgb],
|
|
25
29
|
circleTints = hovered ? Tint.tints.map(function (x2) {
|
|
26
30
|
return `$${x2}9`;
|
|
27
31
|
}) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
@@ -49,10 +53,10 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
49
53
|
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)),
|
|
50
54
|
[layout, setLayout] = useState();
|
|
51
55
|
return /* @__PURE__ */_jsxs(XStack, {
|
|
52
|
-
|
|
56
|
+
onMouseEnter: function () {
|
|
53
57
|
return setHovered(!0);
|
|
54
58
|
},
|
|
55
|
-
|
|
59
|
+
onMouseLeave: function () {
|
|
56
60
|
return setHovered(!1);
|
|
57
61
|
},
|
|
58
62
|
paddingVertical: "$2",
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","useState","Circle","XStack","useTheme","useTint","rgb","LogoWords","memo","param","downscale","animated","props","_theme_color12","_theme_color","Tint","theme","hovered","setHovered","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","textColor","color12","val","color","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","animation","top","left","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAOA,GAAA,IAASC,IAAA,EAAAC,IAAA,IAAWC,KAAA,QAAgB;AAE3C,OAAAC,KAAS,IAAAC,SAAgB,EAAAC,QAAA,QAAgB;AACzC,SAASC,MAAA,EAAAC,MAAA,EAAeC,QAAA;AA8FhB,SAAAC,OAaF,6BAbE;AA5FR,IAAAC,GAAM,IAYJ,SAAM,EAgBN,WAEE,SADa,CAEX;EAAAC,SAAA,kBAAiBR,KAAA,CAAAS,IAAA,WAAAC,KAAA;IACf;QAAAC,SAAA,GAAW;QAAAC,QAAS;QAAA,GAAAC;MAAA,IAAAH,KAAA;MAAAI,cAAA;MAAAC,YAAA;MAAAC,IAAA,GAAAV,OAAA;MAAAW,KAAA,GAAAZ,QAAA;MAAA,CAAAa,OAAA,EAAAC,UAAA,IAAAnB,KAAA,CAAAE,QAAA;MAAA,CAAAkB,OAAA,EAAAC,UAAA,IAAArB,KAAA,CAAAE,QAAA;MAAA;QAAAoB,SAAA,EAAAC,KAAA;QAAAC;MAAA,IAAAR,IAAA;MAAAS,YAAA,GAAAT,IAAA,CAAAU,KAAA,CAAAC,GAAA,WAAAC,EAAA;QAAA,OACjB,GAELA,EAAA;MACE,GAAAD,GAAA,WAAAE,CAAW;QAAM,OAChB,SAAIA,CAAA;MAAA,EACT;MAACC,SAAA,KAAAhB,cAAA,GAAAG,KAAA,CAAAc,OAAA,cAAAjB,cAAA,uBAAAA,cAAA,CAAAkB,GAAA,OAAAjB,YAAA,GAAAE,KAAA,CAAAgB,KAAA,cAAAlB,YAAA,uBAAAA,YAAA,CAAAiB,GAAA;MAAAN,KAAA,IACHI,SAEA,EACEA,SAAM,EACJA,SAAM,EACNA,SAAK,EAGP,GAAAvB,GAAA,CAEA;MAAA2B,WAAA,GAAOhB,OAAA,GAAAF,IAAA,CAAAU,KAAiB,CAAAC,GAAA,WAAWC,EAAA;QAGjC,WAAOA,EAAA;MAA4C,EACrD,IACF,UAAS,EAET,UAAM,EAMJ,UAAQ,EACV,UAEe,EAEf,GAAArB,GACE;IAACN,SAAA;MAAA,IACCkC,IAAA,GAAAC,MAAc,CAAAC,mBAAqB,IAAAC,UAAA;MAAAH,IACnC,aAAc;QACdG,UAAA,aAAgB;UAChBjB,UAAA;QACA,QAAAiB,UAAe;UACfjB,UAAS;QACT;MAAU,EACV;IACE,QAAApB,SAAU,CAAE;MAAyB,IACvCsC,aAAA,YAAAA,CAAAC,KAAA;QAEA,IAAAC,MAAA,GAAaC,MAAC,CAAkBC,QAAA,CAAAH,KAAA,CAAAI,GAAA;QAC9B,CAAAF,MAAK,CAAAG,KAAA,CAAQJ,MAAA,KAAAA,MAAA,SAAAA,MAAA,GAAAzB,IAAA,CAAAU,KAAA,CAAAoB,MAAA,IAAA9B,IAAA,CAAA+B,YAAA,CAAAN,MAAA;MACb;MAKA,OAAAL,MAAK,CAAAY,gBAAoB,YAAAT,aAAA;QAC3BH,MAAA,CAAAa,mBAAA,YAAAV,aAAA;MAAA;IACI,IAEHvB,IAAA,CACC;IAAC,IAAAkC,QAAA,YAAAA,CAAAC,CAAA;QAAA,OAAAjC,OACC,GAAAO,YAAU,CAAA0B,CAAA,IAAAzB,KAAA,CAAAyB,CAAA;MAAA;MAAAC,CAAA,GAAAC,IACV,CAAAC,KAAA,CAAA/B,KAAS,oBAAAA,KAAA,GAAAG,KAAA,CAAAoB,MAAA,SAAAvB,KAAA;MAAA,CAAAgC,MAAA,EAAAC,SAAA,IAAAtD,QAAA;IAAA,sBACJH,KAAA,CAAAK,MAAA;MAAAqD,YACL,EAAM,SAAAA,CAAA;QAAA,OACNtC,UAAG,IAAY;MAAgB;MAE/BuC,YACA,EAAM,SAAAA,CAAA;QAAA,OACNvC,UAAA;MAAkC;MAAAwC,eACpC;MAAA,wBAGF;MAAAC,cAAC;MAAAC,QAAA;MAAAC,SACC;MAAsBC,QACtB,WAAAA,CAAOC,CAAA,EAAO;QAAiBR,SAC/B,CAAAQ,CAAA,CAAAC,WAAc,CAAIV,MAAA;MAAa;MACvB;MAERW,WAAA,WAAAA,CAAAF,CAAA;QAAA,IAAAT,MAAC;UAAA,IAAA3B,EAAA,GAAAoC,CAAA,CAAAG,OAAA,GAAAZ,MAAA,CAAAa,KAAA;YAAAC,YAAA,GAAAd,MAAA,CAAAe,KAAA;YAAAC,OAAA,GAAAlB,IAAA,CAAAmB,GAAA,IAAAnB,IAAA,CAAAoB,KAAA,CAAA7C,EAAA,GAAAyC,YAAA;UAAArD,IAAA,CAAA+B,YACC,CAAAwB,OAAA;QAAsB;MACP;MACC,GAAA1D,KAAA;MACT6D,QAAA,GAAA9D,QAET,mBAAAf,IAAA,CAAAM,MAAA;QAAAwE,SAEA;QAAAd,QAAC;QAAAe,GAAA;QAAAC,IAAA;QACgBC,CAAA,EAAA1D,OACf,YAAM,GAAS,CAAC;QAAA;QACdgC,CAAA;QACO2B,IAAA;QAAAC,eAEX,EAAA9C,WAAA,CAAAX,KAAA;MAAA,IAEA,eAACxB,KAAA;QAAA;QAAAuE,KAAA,KACC,QAAA3D,SAAA,aAAsB;QAAAsE,MAAA,IACtB,QAAAtE,SAAe;QAAAuE,OAAA,cACT;QAAUR,QAAA,EAChB,CAAO,eAAA7E,IAAA;UAAA,wBAET;UAAAsF,cAEA;UAAAC,IAAC,EAAAlC,QAAA;UAAAmC,MAAA;QAAA;QACiB;QACd;QACFxF,IAAS;UAAAsF,cAAA;UAAAC,IAEX,EAAAlC,QAAA;UAAAoC,CAAA,EAEA;UAAAC,QAAC;QAAA;QAAA;QACuB;QACtB1F,IAAA,UAAe;UAAA,wBACC;UAAAsF,cACT;UAAAC,IAAA,EAAAlC,QAAA;UAAAmC,MAET;QAAA;QAEA;QAAC;QAAAxF,IAAA;UAAAuF,IAAA,EACClC,QAAA;UAAsBoC,CAAA,waACP;UAAAC,QACf;QAAgB;QACT;QAAA;QAET1F,IAAA;UAAA,wBAEA;UAAAsF,cAAC;UAAAC,IAAA,EAAAlC,QAAA;UAAAmC,MACC;QAAsB;QACP;QACC;QACTxF,IAAA;UAAA;UAAAsF,cAET;UAAAC,IAAA,EAAAlC,QAAA;UAAAmC,MAAA;QACF;QAAA;QAAA;QAAAxF,IAAA;UACF;UAEHsF,cAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-001",
|
|
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": "
|
|
50
|
+
"@tamagui/build": "2.0.0-001",
|
|
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": "
|
|
61
|
-
"@tamagui/web": "
|
|
62
|
-
"tamagui": "
|
|
60
|
+
"@tamagui/use-element-layout": "2.0.0-001",
|
|
61
|
+
"@tamagui/web": "2.0.0-001",
|
|
62
|
+
"tamagui": "2.0.0-001"
|
|
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 } from 'tamagui'
|
|
4
|
+
import { Circle, XStack, useTheme } from 'tamagui'
|
|
5
5
|
import { useTint } from './useTint'
|
|
6
6
|
|
|
7
7
|
const rgb = ['#ED0F0F', '#6BCF1A', '#6252F8']
|
|
@@ -17,19 +17,16 @@ 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()
|
|
20
21
|
const [hovered, setHovered] = React.useState(false)
|
|
21
22
|
const [mounted, setMounted] = React.useState<'start' | 'animate' | 'done'>('start')
|
|
22
23
|
|
|
23
24
|
const { tintIndex: index, tint } = Tint
|
|
24
25
|
const hoveredTints = Tint.tints.map((x) => `${x}9`).map((t) => `var(--${t})`)
|
|
25
26
|
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
'var(--accent1)',
|
|
30
|
-
'var(--accent1)',
|
|
31
|
-
...rgb,
|
|
32
|
-
]
|
|
27
|
+
const textColor = theme.color12?.val || theme.color?.val || 'var(--accent1)'
|
|
28
|
+
|
|
29
|
+
const tints = [textColor, textColor, textColor, textColor, ...rgb]
|
|
33
30
|
|
|
34
31
|
const circleTints = hovered
|
|
35
32
|
? Tint.tints.map((x) => `$${x}9`)
|
|
@@ -76,8 +73,8 @@ export const LogoWords: React.MemoExoticComponent<
|
|
|
76
73
|
|
|
77
74
|
return (
|
|
78
75
|
<XStack
|
|
79
|
-
|
|
80
|
-
|
|
76
|
+
onMouseEnter={() => setHovered(true)}
|
|
77
|
+
onMouseLeave={() => setHovered(false)}
|
|
81
78
|
paddingVertical="$2"
|
|
82
79
|
data-tauri-drag-region
|
|
83
80
|
marginVertical="$-2"
|
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 } 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
|
|
10
|
+
"import type { LayoutValue } from '@tamagui/use-element-layout'\nimport React, { useEffect, useState } from 'react'\nimport type { XStackProps } from 'tamagui'\nimport { Circle, XStack, useTheme } 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 theme = useTheme()\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 textColor = theme.color12?.val || theme.color?.val || 'var(--accent1)'\n\n const tints = [textColor, textColor, textColor, textColor, ...rgb]\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 animation=\"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
|
}
|