@tamagui/logo 1.125.12 → 1.125.13
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 +11 -6
- package/dist/cjs/LogoWords.js +11 -6
- package/dist/cjs/LogoWords.js.map +2 -2
- package/dist/cjs/LogoWords.native.js +12 -3
- package/dist/cjs/LogoWords.native.js.map +2 -2
- package/dist/esm/LogoWords.js +12 -7
- package/dist/esm/LogoWords.js.map +2 -2
- package/dist/esm/LogoWords.mjs +12 -7
- package/dist/esm/LogoWords.mjs.map +1 -1
- package/dist/esm/LogoWords.native.js +11 -4
- package/dist/esm/LogoWords.native.js.map +1 -1
- package/package.json +3 -3
- package/src/LogoWords.tsx +18 -6
package/dist/cjs/LogoWords.cjs
CHANGED
|
@@ -54,7 +54,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
54
54
|
hoveredTints = Tint.tints.map(x2 => `${x2}9`).map(t => `var(--${t})`),
|
|
55
55
|
tints = ["var(--accent1)", "var(--accent1)", "var(--accent1)", "var(--accent1)", ...rgb],
|
|
56
56
|
circleTints = hovered ? Tint.tints.map(x2 => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
57
|
-
import_react.
|
|
57
|
+
(0, import_react.useEffect)(() => {
|
|
58
58
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
59
59
|
setTimeout(() => {
|
|
60
60
|
setMounted("animate");
|
|
@@ -62,11 +62,16 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
62
62
|
setMounted("done");
|
|
63
63
|
}, 1500);
|
|
64
64
|
});
|
|
65
|
-
}, [])
|
|
66
|
-
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
}
|
|
65
|
+
}, []), (0, import_react.useEffect)(() => {
|
|
66
|
+
const handleKeyDown = event => {
|
|
67
|
+
const index2 = Number.parseInt(event.key, 10) - 1;
|
|
68
|
+
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length && Tint.setTintIndex(index2);
|
|
69
|
+
};
|
|
70
|
+
return window.addEventListener("keydown", handleKeyDown), () => {
|
|
71
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
72
|
+
};
|
|
73
|
+
}, [Tint]);
|
|
74
|
+
const getColor = i => hovered ? hoveredTints[i] : tints[i],
|
|
70
75
|
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
|
|
71
76
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
72
77
|
onHoverIn: () => setHovered(!0),
|
package/dist/cjs/LogoWords.js
CHANGED
|
@@ -34,7 +34,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = import_react.default.
|
|
|
34
34
|
"var(--accent1)",
|
|
35
35
|
...rgb
|
|
36
36
|
], circleTints = hovered ? Tint.tints.map((x2) => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
37
|
-
import_react.
|
|
37
|
+
(0, import_react.useEffect)(() => {
|
|
38
38
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
39
39
|
setTimeout(() => {
|
|
40
40
|
setMounted("animate");
|
|
@@ -42,11 +42,16 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = import_react.default.
|
|
|
42
42
|
setMounted("done");
|
|
43
43
|
}, 1500);
|
|
44
44
|
});
|
|
45
|
-
}, [])
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
45
|
+
}, []), (0, import_react.useEffect)(() => {
|
|
46
|
+
const handleKeyDown = (event) => {
|
|
47
|
+
const index2 = Number.parseInt(event.key, 10) - 1;
|
|
48
|
+
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length && Tint.setTintIndex(index2);
|
|
49
|
+
};
|
|
50
|
+
return window.addEventListener("keydown", handleKeyDown), () => {
|
|
51
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
52
|
+
};
|
|
53
|
+
}, [Tint]);
|
|
54
|
+
const getColor = (i) => hovered ? hoveredTints[i] : tints[i], x = Math.round(
|
|
50
55
|
index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
|
|
51
56
|
);
|
|
52
57
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
5
|
-
"names": ["React", "x"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "x", "index"]
|
|
6
6
|
}
|
|
@@ -50,7 +50,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
|
|
|
50
50
|
"$accent1",
|
|
51
51
|
...rgb
|
|
52
52
|
];
|
|
53
|
-
import_react.
|
|
53
|
+
(0, import_react.useEffect)(function() {
|
|
54
54
|
var idle = window.requestIdleCallback || setTimeout;
|
|
55
55
|
idle(function() {
|
|
56
56
|
setTimeout(function() {
|
|
@@ -59,9 +59,18 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(re
|
|
|
59
59
|
setMounted("done");
|
|
60
60
|
}, 1500);
|
|
61
61
|
});
|
|
62
|
-
}, [])
|
|
62
|
+
}, []), (0, import_react.useEffect)(function() {
|
|
63
|
+
var handleKeyDown = function(event) {
|
|
64
|
+
var index2 = Number.parseInt(event.key, 10) - 1;
|
|
65
|
+
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length && Tint.setTintIndex(index2);
|
|
66
|
+
};
|
|
67
|
+
return window.addEventListener("keydown", handleKeyDown), function() {
|
|
68
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
69
|
+
};
|
|
70
|
+
}, [
|
|
71
|
+
Tint
|
|
72
|
+
]);
|
|
63
73
|
var getColor = function(i) {
|
|
64
|
-
var isActive = mounted !== "start" && i === index;
|
|
65
74
|
return hovered ? hoveredTints[i] : tints[i];
|
|
66
75
|
}, x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
|
|
67
76
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/packages/logo/src/LogoWords.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,
|
|
5
|
-
"names": ["rgb", "LogoWords", "React", "memo", "downscale", "animated", "props", "Tint", "useTint", "hovered", "setHovered", "useState", "mounted", "setMounted", "tintIndex", "index", "tint", "hoveredTints", "tints", "map", "x", "t", "circleTints", "useEffect", "idle", "window", "requestIdleCallback", "setTimeout", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["rgb", "LogoWords", "React", "memo", "downscale", "animated", "props", "Tint", "useTint", "hovered", "setHovered", "useState", "mounted", "setMounted", "tintIndex", "index", "tint", "hoveredTints", "tints", "map", "x", "t", "circleTints", "useEffect", "idle", "window", "requestIdleCallback", "setTimeout", "handleKeyDown", "event", "Number", "parseInt", "key", "isNaN", "length", "setTintIndex", "addEventListener", "removeEventListener", "getColor", "i", "Math", "round", "_jsxs", "XStack", "onHoverIn", "onHoverOut", "paddingVertical", "data-tauri-drag-region", "marginVertical", "position", "className", "onMouseMove", "e", "rect", "currentTarget", "getBoundingClientRect", "clientX", "left", "sectionWidth", "width", "section", "min", "floor", "_jsx", "Circle", "animation", "top", "y", "size", "backgroundColor", "svg", "height", "viewBox", "polygon", "shapeRendering", "fill", "points", "path", "d", "fillRule"]
|
|
6
6
|
}
|
package/dist/esm/LogoWords.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useEffect } from "react";
|
|
2
2
|
import { Circle, XStack } from "tamagui";
|
|
3
3
|
import { useTint } from "./useTint";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -10,7 +10,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = React.memo(({ downsca
|
|
|
10
10
|
"var(--accent1)",
|
|
11
11
|
...rgb
|
|
12
12
|
], circleTints = hovered ? Tint.tints.map((x2) => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
13
|
-
|
|
13
|
+
useEffect(() => {
|
|
14
14
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
15
15
|
setTimeout(() => {
|
|
16
16
|
setMounted("animate");
|
|
@@ -18,11 +18,16 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"], LogoWords = React.memo(({ downsca
|
|
|
18
18
|
setMounted("done");
|
|
19
19
|
}, 1500);
|
|
20
20
|
});
|
|
21
|
-
}, [])
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
}, []), useEffect(() => {
|
|
22
|
+
const handleKeyDown = (event) => {
|
|
23
|
+
const index2 = Number.parseInt(event.key, 10) - 1;
|
|
24
|
+
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length && Tint.setTintIndex(index2);
|
|
25
|
+
};
|
|
26
|
+
return window.addEventListener("keydown", handleKeyDown), () => {
|
|
27
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
28
|
+
};
|
|
29
|
+
}, [Tint]);
|
|
30
|
+
const getColor = (i) => hovered ? hoveredTints[i] : tints[i], x = Math.round(
|
|
26
31
|
index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
|
|
27
32
|
);
|
|
28
33
|
return /* @__PURE__ */ jsxs(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,
|
|
5
|
-
"names": ["x"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["x", "index"]
|
|
6
6
|
}
|
package/dist/esm/LogoWords.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useEffect } from "react";
|
|
2
2
|
import { Circle, XStack } from "tamagui";
|
|
3
3
|
import { useTint } from "./useTint.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -18,7 +18,7 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
18
18
|
hoveredTints = Tint.tints.map(x2 => `${x2}9`).map(t => `var(--${t})`),
|
|
19
19
|
tints = ["var(--accent1)", "var(--accent1)", "var(--accent1)", "var(--accent1)", ...rgb],
|
|
20
20
|
circleTints = hovered ? Tint.tints.map(x2 => `$${x2}9`) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
21
|
-
|
|
21
|
+
useEffect(() => {
|
|
22
22
|
(window.requestIdleCallback || setTimeout)(() => {
|
|
23
23
|
setTimeout(() => {
|
|
24
24
|
setMounted("animate");
|
|
@@ -26,11 +26,16 @@ const rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
26
26
|
setMounted("done");
|
|
27
27
|
}, 1500);
|
|
28
28
|
});
|
|
29
|
-
}, [])
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
}
|
|
29
|
+
}, []), useEffect(() => {
|
|
30
|
+
const handleKeyDown = event => {
|
|
31
|
+
const index2 = Number.parseInt(event.key, 10) - 1;
|
|
32
|
+
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length && Tint.setTintIndex(index2);
|
|
33
|
+
};
|
|
34
|
+
return window.addEventListener("keydown", handleKeyDown), () => {
|
|
35
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
36
|
+
};
|
|
37
|
+
}, [Tint]);
|
|
38
|
+
const getColor = i => hovered ? hoveredTints[i] : tints[i],
|
|
34
39
|
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
|
|
35
40
|
return /* @__PURE__ */jsxs(XStack, {
|
|
36
41
|
onHoverIn: () => setHovered(!0),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Circle","XStack","useTint","jsx","jsxs","rgb","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","useState","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","
|
|
1
|
+
{"version":3,"names":["React","useEffect","Circle","XStack","useTint","jsx","jsxs","rgb","LogoWords","memo","downscale","animated","props","Tint","hovered","setHovered","useState","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","onHoverIn","onHoverOut","paddingVertical","marginVertical","position","className","onMouseMove","e","rect","currentTarget","getBoundingClientRect","clientX","left","sectionWidth","width","section","min","floor","children","animation","top","y","size","backgroundColor","height","viewBox","shapeRendering","fill","points","d","fillRule"],"sources":["../../src/LogoWords.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { useEffect } from "react";
|
|
3
3
|
import { Circle, XStack } from "tamagui";
|
|
4
4
|
import { useTint } from "./useTint.native.js";
|
|
5
5
|
var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
@@ -25,7 +25,7 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
25
25
|
circleTints = hovered ? Tint.tints.map(function (x2) {
|
|
26
26
|
return `$${x2}9`;
|
|
27
27
|
}) : ["$accent1", "$accent1", "$accent1", "$accent1", ...rgb];
|
|
28
|
-
|
|
28
|
+
useEffect(function () {
|
|
29
29
|
var idle = window.requestIdleCallback || setTimeout;
|
|
30
30
|
idle(function () {
|
|
31
31
|
setTimeout(function () {
|
|
@@ -34,9 +34,16 @@ var rgb = ["#ED0F0F", "#6BCF1A", "#6252F8"],
|
|
|
34
34
|
setMounted("done");
|
|
35
35
|
}, 1500);
|
|
36
36
|
});
|
|
37
|
-
}, [])
|
|
37
|
+
}, []), useEffect(function () {
|
|
38
|
+
var handleKeyDown = function (event) {
|
|
39
|
+
var index2 = Number.parseInt(event.key, 10) - 1;
|
|
40
|
+
!Number.isNaN(index2) && index2 >= 0 && index2 < Tint.tints.length && Tint.setTintIndex(index2);
|
|
41
|
+
};
|
|
42
|
+
return window.addEventListener("keydown", handleKeyDown), function () {
|
|
43
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
44
|
+
};
|
|
45
|
+
}, [Tint]);
|
|
38
46
|
var getColor = function (i) {
|
|
39
|
-
var isActive = mounted !== "start" && i === index;
|
|
40
47
|
return hovered ? hoveredTints[i] : tints[i];
|
|
41
48
|
},
|
|
42
49
|
x = Math.round(index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Circle","XStack","useTint","rgb","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","useState","mounted","setMounted","tintIndex","index","tint","hoveredTints","tints","map","x2","t","circleTints","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useEffect","Circle","XStack","useTint","rgb","LogoWords","memo","param","downscale","animated","props","Tint","hovered","setHovered","useState","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","onHoverIn","onHoverOut","paddingVertical","marginVertical","position","className","onMouseMove","e","rect","currentTarget","getBoundingClientRect","clientX","left","sectionWidth","width","section","min","floor","children","animation","top","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": "1.125.
|
|
3
|
+
"version": "1.125.13",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"one": "1.1.450",
|
|
48
|
-
"tamagui": "1.125.
|
|
48
|
+
"tamagui": "1.125.13"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@tamagui/build": "1.125.
|
|
51
|
+
"@tamagui/build": "1.125.13",
|
|
52
52
|
"react": "*"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
package/src/LogoWords.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React, { useEffect } from 'react'
|
|
2
2
|
import type { XStackProps } from 'tamagui'
|
|
3
3
|
import { Circle, XStack } from 'tamagui'
|
|
4
4
|
|
|
@@ -35,7 +35,7 @@ export const LogoWords: React.MemoExoticComponent<
|
|
|
35
35
|
? Tint.tints.map((x) => `$${x}9`)
|
|
36
36
|
: ['$accent1', '$accent1', '$accent1', '$accent1', ...rgb]
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
useEffect(() => {
|
|
39
39
|
const idle = window.requestIdleCallback || setTimeout
|
|
40
40
|
idle(() => {
|
|
41
41
|
setTimeout(() => {
|
|
@@ -48,11 +48,23 @@ export const LogoWords: React.MemoExoticComponent<
|
|
|
48
48
|
})
|
|
49
49
|
}, [])
|
|
50
50
|
|
|
51
|
-
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
useEffect(() => {
|
|
52
|
+
const handleKeyDown = (event: KeyboardEvent) => {
|
|
53
|
+
const index = Number.parseInt(event.key, 10) - 1 // Convert key to index (0-based)
|
|
54
|
+
if (!Number.isNaN(index) && index >= 0 && index < Tint.tints.length) {
|
|
55
|
+
Tint.setTintIndex(index)
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
window.addEventListener('keydown', handleKeyDown)
|
|
60
|
+
|
|
61
|
+
return () => {
|
|
62
|
+
window.removeEventListener('keydown', handleKeyDown)
|
|
55
63
|
}
|
|
64
|
+
}, [Tint])
|
|
65
|
+
|
|
66
|
+
const getColor = (i: number) => {
|
|
67
|
+
if (hovered) return hoveredTints[i]
|
|
56
68
|
return tints[i]
|
|
57
69
|
}
|
|
58
70
|
|