@tamagui/logo 1.75.9 → 1.77.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/LogoWords.js +9 -1
- package/dist/cjs/LogoWords.js.map +1 -1
- package/dist/cjs/LogoWords.native.js +9 -1
- package/dist/cjs/LogoWords.native.js.map +1 -1
- package/dist/cjs/tints.js +5 -4
- package/dist/cjs/tints.js.map +1 -1
- package/dist/cjs/tints.native.js +5 -4
- package/dist/cjs/tints.native.js.map +1 -1
- package/dist/cjs/useTint.js +2 -2
- package/dist/cjs/useTint.js.map +1 -1
- package/dist/cjs/useTint.native.js +2 -2
- package/dist/cjs/useTint.native.js.map +1 -1
- package/dist/esm/LogoWords.js +9 -1
- package/dist/esm/LogoWords.js.map +1 -1
- package/dist/esm/LogoWords.native.js +9 -1
- package/dist/esm/LogoWords.native.js.map +1 -1
- package/dist/esm/tints.js +5 -4
- package/dist/esm/tints.js.map +1 -1
- package/dist/esm/tints.native.js +5 -4
- package/dist/esm/tints.native.js.map +1 -1
- package/dist/esm/useTint.js +2 -2
- package/dist/esm/useTint.js.map +1 -1
- package/dist/esm/useTint.native.js +2 -2
- package/dist/esm/useTint.native.js.map +1 -1
- package/dist/jsx/LogoWords.js +9 -1
- package/dist/jsx/LogoWords.js.map +1 -1
- package/dist/jsx/LogoWords.native.js +9 -1
- package/dist/jsx/LogoWords.native.js.map +1 -1
- package/dist/jsx/tints.js +5 -4
- package/dist/jsx/tints.js.map +1 -1
- package/dist/jsx/tints.native.js +5 -4
- package/dist/jsx/tints.native.js.map +1 -1
- package/dist/jsx/useTint.js +2 -7
- package/dist/jsx/useTint.js.map +1 -1
- package/dist/jsx/useTint.native.js +2 -7
- package/dist/jsx/useTint.native.js.map +1 -1
- package/package.json +3 -3
- package/src/LogoWords.tsx +16 -1
- package/src/tints.tsx +5 -2
- package/src/useTint.tsx +2 -7
- package/types/LogoWords.d.ts +2 -1
- package/types/LogoWords.d.ts.map +1 -1
- package/types/tints.d.ts +5 -2
- package/types/tints.d.ts.map +1 -1
- package/types/useTint.d.ts +2 -1
- package/types/useTint.d.ts.map +1 -1
package/dist/cjs/LogoWords.js
CHANGED
|
@@ -21,6 +21,7 @@ var import_react = require("react"), import_tamagui = require("tamagui"), import
|
|
|
21
21
|
const LogoWords = (0, import_react.memo)(
|
|
22
22
|
({
|
|
23
23
|
downscale = 1,
|
|
24
|
+
grayscale,
|
|
24
25
|
animated,
|
|
25
26
|
...props
|
|
26
27
|
}) => {
|
|
@@ -36,7 +37,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
36
37
|
}, []);
|
|
37
38
|
const getColor = (i) => {
|
|
38
39
|
const isActive = mounted !== "start" && i === index;
|
|
39
|
-
return mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
40
|
+
return grayscale ? hovered && isActive ? "var(--gray12)" : hovered ? "var(--gray11)" : "var(--gray10)" : mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
40
41
|
}, x = Math.round(
|
|
41
42
|
index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
|
|
42
43
|
);
|
|
@@ -46,6 +47,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
46
47
|
onHoverIn: () => setHovered(!0),
|
|
47
48
|
onHoverOut: () => setHovered(!1),
|
|
48
49
|
paddingVertical: "$2",
|
|
50
|
+
"data-tauri-drag-region": !0,
|
|
49
51
|
marginVertical: "$-2",
|
|
50
52
|
position: "relative",
|
|
51
53
|
...props,
|
|
@@ -66,6 +68,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
66
68
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
67
69
|
"svg",
|
|
68
70
|
{
|
|
71
|
+
"data-tauri-drag-region": !0,
|
|
69
72
|
width: 373 * (1 / downscale) * 0.333333334,
|
|
70
73
|
height: 41 * (1 / downscale) * 0.333333334,
|
|
71
74
|
viewBox: "0 0 373 41",
|
|
@@ -73,6 +76,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
73
76
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
74
77
|
"polygon",
|
|
75
78
|
{
|
|
79
|
+
"data-tauri-drag-region": !0,
|
|
76
80
|
shapeRendering: "crispEdges",
|
|
77
81
|
fill: getColor(0),
|
|
78
82
|
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",
|
|
@@ -92,6 +96,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
92
96
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
93
97
|
"polygon",
|
|
94
98
|
{
|
|
99
|
+
"data-tauri-drag-region": !0,
|
|
95
100
|
shapeRendering: "crispEdges",
|
|
96
101
|
fill: getColor(2),
|
|
97
102
|
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",
|
|
@@ -110,6 +115,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
110
115
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
111
116
|
"polygon",
|
|
112
117
|
{
|
|
118
|
+
"data-tauri-drag-region": !0,
|
|
113
119
|
shapeRendering: "crispEdges",
|
|
114
120
|
fill: getColor(4),
|
|
115
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",
|
|
@@ -119,6 +125,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
119
125
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
120
126
|
"polygon",
|
|
121
127
|
{
|
|
128
|
+
"data-tauri-drag-region": !0,
|
|
122
129
|
shapeRendering: "crispEdges",
|
|
123
130
|
fill: getColor(5),
|
|
124
131
|
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",
|
|
@@ -128,6 +135,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
128
135
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
129
136
|
"polygon",
|
|
130
137
|
{
|
|
138
|
+
"data-tauri-drag-region": !0,
|
|
131
139
|
shapeRendering: "crispEdges",
|
|
132
140
|
fill: getColor(6),
|
|
133
141
|
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C,kBAC1C,iBAA4C,oBAE5C,iBAAwB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C,kBAC1C,iBAA4C,oBAE5C,iBAAwB,sBA6Dd;AA3DH,MAAM,gBAAY;AAAA,EACvB,CAAC;AAAA,IACC,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,MAAqF;AACnF,UAAM,WAAO,wBAAQ,GACf,EAAE,WAAW,OAAO,KAAK,IAAI,MAC7B,QAAQ,KAAK,MAAM,IAAI,CAAC,MAAM,SAAS,CAAC,IAAI,GAC5C,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAK,GACtC,CAAC,SAAS,UAAU,QAAI,uBAAuC,OAAO;AAE5E,gCAAU,MAAM;AAEd,OADa,OAAO,uBAAuB,YACtC,MAAM;AACT,mBAAW,MAAM;AACf,qBAAW,SAAS;AAAA,QACtB,GAAG,EAAE,GAEL,WAAW,MAAM;AACf,qBAAW,MAAM;AAAA,QACnB,GAAG,IAAI;AAAA,MACT,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAEL,UAAM,WAAW,CAAC,MAAc;AAC9B,YAAM,WAAW,YAAY,WAAW,MAAM;AAC9C,aAAI,YACK,WAAW,WACd,kBACA,UACA,kBACA,kBAEF,YAAY,UAAU,UACjB,WAAW,iBAAiB,MAAM,KAAK,IAE5C,WAAW,WACN,iBAEF,MAAM,CAAC;AAAA,IAChB,GAEM,IAAI,KAAK;AAAA,MACb,QAAQ,OAAQ,KAAK,KAAM,QAAQ,MAAM,UAAU,KAAK,UAAU,IAAI,KAAK;AAAA,IAC7E;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM,WAAW,EAAI;AAAA,QAChC,YAAY,MAAM,WAAW,EAAK;AAAA,QAClC,iBAAgB;AAAA,QAChB,0BAAsB;AAAA,QACtB,gBAAe;AAAA,QACf,UAAS;AAAA,QACR,GAAG;AAAA,QAEH;AAAA,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,UAAS;AAAA,cACT,KAAK;AAAA,cACL,MAAM;AAAA,cAIN,GAAG,YAAY,UAAU,MAAM;AAAA,cAE/B;AAAA,cACA,MAAM;AAAA,cACN,iBAAgB;AAAA;AAAA,UAClB;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,0BAAsB;AAAA,cACtB,OAAO,OAAO,IAAI,aAAa;AAAA,cAC/B,QAAQ,MAAM,IAAI,aAAa;AAAA,cAC/B,SAAQ;AAAA,cAER;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,0BAAsB;AAAA,oBACtB,gBAAe;AAAA,oBACf,MAAM,SAAS,CAAC;AAAA,oBAChB,QAAO;AAAA,oBACP,cAAc,MAAM,KAAK,aAAa,CAAC;AAAA;AAAA,gBACzC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,MAAM,SAAS,CAAC;AAAA,oBAChB,GAAE;AAAA,oBACF,UAAS;AAAA,oBACT,cAAc,MAAM,KAAK,aAAa,CAAC;AAAA;AAAA,gBACzC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,0BAAsB;AAAA,oBACtB,gBAAe;AAAA,oBACf,MAAM,SAAS,CAAC;AAAA,oBAChB,QAAO;AAAA,oBACP,cAAc,MAAM,KAAK,aAAa,CAAC;AAAA;AAAA,gBACzC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM,SAAS,CAAC;AAAA,oBAChB,GAAE;AAAA,oBACF,UAAS;AAAA,oBACT,cAAc,MAAM,KAAK,aAAa,CAAC;AAAA;AAAA,gBACzC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,0BAAsB;AAAA,oBACtB,gBAAe;AAAA,oBACf,MAAM,SAAS,CAAC;AAAA,oBAChB,QAAO;AAAA,oBACP,cAAc,MAAM,KAAK,aAAa,CAAC;AAAA;AAAA,gBACzC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,0BAAsB;AAAA,oBACtB,gBAAe;AAAA,oBACf,MAAM,SAAS,CAAC;AAAA,oBAChB,QAAO;AAAA,oBACP,cAAc,MAAM,KAAK,aAAa,CAAC;AAAA;AAAA,gBACzC;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,0BAAsB;AAAA,oBACtB,gBAAe;AAAA,oBACf,MAAM,SAAS,CAAC;AAAA,oBAChB,QAAO;AAAA,oBACP,cAAc,MAAM,KAAK,aAAa,CAAC;AAAA;AAAA,gBACzC;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -22,6 +22,7 @@ var import_react = require("react"), import_tamagui = require("tamagui"), import
|
|
|
22
22
|
const LogoWords = (0, import_react.memo)(
|
|
23
23
|
({
|
|
24
24
|
downscale = 1,
|
|
25
|
+
grayscale,
|
|
25
26
|
animated,
|
|
26
27
|
...props
|
|
27
28
|
}) => {
|
|
@@ -37,7 +38,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
37
38
|
}, []);
|
|
38
39
|
const getColor = (i) => {
|
|
39
40
|
const isActive = mounted !== "start" && i === index;
|
|
40
|
-
return mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
41
|
+
return grayscale ? hovered && isActive ? "var(--gray12)" : hovered ? "var(--gray11)" : "var(--gray10)" : mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
41
42
|
}, x = Math.round(
|
|
42
43
|
index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
|
|
43
44
|
);
|
|
@@ -47,6 +48,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
47
48
|
onHoverIn: () => setHovered(!0),
|
|
48
49
|
onHoverOut: () => setHovered(!1),
|
|
49
50
|
paddingVertical: "$2",
|
|
51
|
+
"data-tauri-drag-region": !0,
|
|
50
52
|
marginVertical: "$-2",
|
|
51
53
|
position: "relative",
|
|
52
54
|
...props,
|
|
@@ -67,6 +69,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
67
69
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
68
70
|
"svg",
|
|
69
71
|
{
|
|
72
|
+
"data-tauri-drag-region": !0,
|
|
70
73
|
width: 373 * (1 / downscale) * 0.333333334,
|
|
71
74
|
height: 41 * (1 / downscale) * 0.333333334,
|
|
72
75
|
viewBox: "0 0 373 41",
|
|
@@ -74,6 +77,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
74
77
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
75
78
|
"polygon",
|
|
76
79
|
{
|
|
80
|
+
"data-tauri-drag-region": !0,
|
|
77
81
|
shapeRendering: "crispEdges",
|
|
78
82
|
fill: getColor(0),
|
|
79
83
|
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",
|
|
@@ -93,6 +97,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
93
97
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
94
98
|
"polygon",
|
|
95
99
|
{
|
|
100
|
+
"data-tauri-drag-region": !0,
|
|
96
101
|
shapeRendering: "crispEdges",
|
|
97
102
|
fill: getColor(2),
|
|
98
103
|
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",
|
|
@@ -111,6 +116,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
111
116
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
112
117
|
"polygon",
|
|
113
118
|
{
|
|
119
|
+
"data-tauri-drag-region": !0,
|
|
114
120
|
shapeRendering: "crispEdges",
|
|
115
121
|
fill: getColor(4),
|
|
116
122
|
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",
|
|
@@ -120,6 +126,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
120
126
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
121
127
|
"polygon",
|
|
122
128
|
{
|
|
129
|
+
"data-tauri-drag-region": !0,
|
|
123
130
|
shapeRendering: "crispEdges",
|
|
124
131
|
fill: getColor(5),
|
|
125
132
|
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",
|
|
@@ -129,6 +136,7 @@ const LogoWords = (0, import_react.memo)(
|
|
|
129
136
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
130
137
|
"polygon",
|
|
131
138
|
{
|
|
139
|
+
"data-tauri-drag-region": !0,
|
|
132
140
|
shapeRendering: "crispEdges",
|
|
133
141
|
fill: getColor(6),
|
|
134
142
|
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C,kBAC1C,iBAA4C,oBAE5C,iBAAwB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/tints.js
CHANGED
|
@@ -25,12 +25,13 @@ var import_react = require("react");
|
|
|
25
25
|
const familiesValues = {
|
|
26
26
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
27
27
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
28
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
29
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
30
|
+
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
31
|
+
let fam = DEFAULT_FAMILY;
|
|
31
32
|
function getTints() {
|
|
32
33
|
return {
|
|
33
|
-
name: fam ||
|
|
34
|
+
name: fam || DEFAULT_FAMILY,
|
|
34
35
|
tints: families[fam] || families.tamagui,
|
|
35
36
|
families
|
|
36
37
|
};
|
package/dist/cjs/tints.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,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;AAC5E,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,QAAI,uBAAS,SAAS,CAAC;AAEzC,qCAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/tints.native.js
CHANGED
|
@@ -26,12 +26,13 @@ var import_react = require("react");
|
|
|
26
26
|
const familiesValues = {
|
|
27
27
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
28
28
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
29
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
30
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
31
|
+
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
32
|
+
let fam = DEFAULT_FAMILY;
|
|
32
33
|
function getTints() {
|
|
33
34
|
return {
|
|
34
|
-
name: fam ||
|
|
35
|
+
name: fam || DEFAULT_FAMILY,
|
|
35
36
|
tints: families[fam] || families.tamagui,
|
|
36
37
|
families
|
|
37
38
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,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;AAC5E,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,QAAI,uBAAS,SAAS,CAAC;AAEzC,qCAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/useTint.js
CHANGED
|
@@ -51,11 +51,11 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
51
51
|
};
|
|
52
52
|
}, ThemeTint = (props) => {
|
|
53
53
|
const curTint = useTint().tint;
|
|
54
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: props.disable ? null : curTint, children:
|
|
54
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: props.disable ? null : curTint, children: props.children });
|
|
55
55
|
}, ThemeTintAlt = ({
|
|
56
56
|
children,
|
|
57
57
|
disable,
|
|
58
|
-
offset =
|
|
58
|
+
offset = 1
|
|
59
59
|
}) => {
|
|
60
60
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
61
61
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: disable ? null : curTint, children: (0, import_react.useMemo)(() => children, [children]) });
|
package/dist/cjs/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D,kBAC/D,iBAAiC,oBAEjC,eAAsD,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D,kBAC/D,iBAAiC,oBAEjC,eAAsD,oBAwD7C;AAjDF,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,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,SACV,8BAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,YAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SAAO,4CAAC,wBAAM,MAAM,MAAM,UAAU,OAAO,SAAU,gBAAM,UAAS;AACtE,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,4CAAC,wBAAM,MAAM,UAAU,OAAO,SAE3B,oCAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC,GACrC;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -52,11 +52,11 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
52
52
|
};
|
|
53
53
|
}, ThemeTint = (props) => {
|
|
54
54
|
const curTint = useTint().tint;
|
|
55
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: props.disable ? null : curTint, children:
|
|
55
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: props.disable ? null : curTint, children: props.children });
|
|
56
56
|
}, ThemeTintAlt = ({
|
|
57
57
|
children,
|
|
58
58
|
disable,
|
|
59
|
-
offset =
|
|
59
|
+
offset = 1
|
|
60
60
|
}) => {
|
|
61
61
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
62
62
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: disable ? null : curTint, children: (0, import_react.useMemo)(() => children, [children]) });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D,kBAC/D,iBAAiC,oBAEjC,eAAsD,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D,kBAC/D,iBAAiC,oBAEjC,eAAsD,oBAwD7C;AAjDF,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,eAAW,uBAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,SACV,8BAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,YAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,mBAAe,uBAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SAAO,4CAAC,wBAAM,MAAM,MAAM,UAAU,OAAO,SAAU,gBAAM,UAAS;AACtE,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,4CAAC,wBAAM,MAAM,UAAU,OAAO,SAE3B,oCAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC,GACrC;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/LogoWords.js
CHANGED
|
@@ -5,6 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
const LogoWords = memo(
|
|
6
6
|
({
|
|
7
7
|
downscale = 1,
|
|
8
|
+
grayscale,
|
|
8
9
|
animated,
|
|
9
10
|
...props
|
|
10
11
|
}) => {
|
|
@@ -20,7 +21,7 @@ const LogoWords = memo(
|
|
|
20
21
|
}, []);
|
|
21
22
|
const getColor = (i) => {
|
|
22
23
|
const isActive = mounted !== "start" && i === index;
|
|
23
|
-
return mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
24
|
+
return grayscale ? hovered && isActive ? "var(--gray12)" : hovered ? "var(--gray11)" : "var(--gray10)" : mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
24
25
|
}, x = Math.round(
|
|
25
26
|
index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
|
|
26
27
|
);
|
|
@@ -30,6 +31,7 @@ const LogoWords = memo(
|
|
|
30
31
|
onHoverIn: () => setHovered(!0),
|
|
31
32
|
onHoverOut: () => setHovered(!1),
|
|
32
33
|
paddingVertical: "$2",
|
|
34
|
+
"data-tauri-drag-region": !0,
|
|
33
35
|
marginVertical: "$-2",
|
|
34
36
|
position: "relative",
|
|
35
37
|
...props,
|
|
@@ -50,6 +52,7 @@ const LogoWords = memo(
|
|
|
50
52
|
/* @__PURE__ */ jsxs(
|
|
51
53
|
"svg",
|
|
52
54
|
{
|
|
55
|
+
"data-tauri-drag-region": !0,
|
|
53
56
|
width: 373 * (1 / downscale) * 0.333333334,
|
|
54
57
|
height: 41 * (1 / downscale) * 0.333333334,
|
|
55
58
|
viewBox: "0 0 373 41",
|
|
@@ -57,6 +60,7 @@ const LogoWords = memo(
|
|
|
57
60
|
/* @__PURE__ */ jsx(
|
|
58
61
|
"polygon",
|
|
59
62
|
{
|
|
63
|
+
"data-tauri-drag-region": !0,
|
|
60
64
|
shapeRendering: "crispEdges",
|
|
61
65
|
fill: getColor(0),
|
|
62
66
|
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",
|
|
@@ -76,6 +80,7 @@ const LogoWords = memo(
|
|
|
76
80
|
/* @__PURE__ */ jsx(
|
|
77
81
|
"polygon",
|
|
78
82
|
{
|
|
83
|
+
"data-tauri-drag-region": !0,
|
|
79
84
|
shapeRendering: "crispEdges",
|
|
80
85
|
fill: getColor(2),
|
|
81
86
|
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",
|
|
@@ -94,6 +99,7 @@ const LogoWords = memo(
|
|
|
94
99
|
/* @__PURE__ */ jsx(
|
|
95
100
|
"polygon",
|
|
96
101
|
{
|
|
102
|
+
"data-tauri-drag-region": !0,
|
|
97
103
|
shapeRendering: "crispEdges",
|
|
98
104
|
fill: getColor(4),
|
|
99
105
|
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",
|
|
@@ -103,6 +109,7 @@ const LogoWords = memo(
|
|
|
103
109
|
/* @__PURE__ */ jsx(
|
|
104
110
|
"polygon",
|
|
105
111
|
{
|
|
112
|
+
"data-tauri-drag-region": !0,
|
|
106
113
|
shapeRendering: "crispEdges",
|
|
107
114
|
fill: getColor(5),
|
|
108
115
|
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",
|
|
@@ -112,6 +119,7 @@ const LogoWords = memo(
|
|
|
112
119
|
/* @__PURE__ */ jsx(
|
|
113
120
|
"polygon",
|
|
114
121
|
{
|
|
122
|
+
"data-tauri-drag-region": !0,
|
|
115
123
|
shapeRendering: "crispEdges",
|
|
116
124
|
fill: getColor(6),
|
|
117
125
|
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,MAAM,WAAW,gBAAgB;AAC1C,SAAS,QAAQ,cAA2B;AAE5C,SAAS,eAAe;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -5,6 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
const LogoWords = memo(
|
|
6
6
|
({
|
|
7
7
|
downscale = 1,
|
|
8
|
+
grayscale,
|
|
8
9
|
animated,
|
|
9
10
|
...props
|
|
10
11
|
}) => {
|
|
@@ -20,7 +21,7 @@ const LogoWords = memo(
|
|
|
20
21
|
}, []);
|
|
21
22
|
const getColor = (i) => {
|
|
22
23
|
const isActive = mounted !== "start" && i === index;
|
|
23
|
-
return mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
24
|
+
return grayscale ? hovered && isActive ? "var(--gray12)" : hovered ? "var(--gray11)" : "var(--gray10)" : mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
24
25
|
}, x = Math.round(
|
|
25
26
|
index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
|
|
26
27
|
);
|
|
@@ -30,6 +31,7 @@ const LogoWords = memo(
|
|
|
30
31
|
onHoverIn: () => setHovered(!0),
|
|
31
32
|
onHoverOut: () => setHovered(!1),
|
|
32
33
|
paddingVertical: "$2",
|
|
34
|
+
"data-tauri-drag-region": !0,
|
|
33
35
|
marginVertical: "$-2",
|
|
34
36
|
position: "relative",
|
|
35
37
|
...props,
|
|
@@ -50,6 +52,7 @@ const LogoWords = memo(
|
|
|
50
52
|
/* @__PURE__ */ jsxs(
|
|
51
53
|
"svg",
|
|
52
54
|
{
|
|
55
|
+
"data-tauri-drag-region": !0,
|
|
53
56
|
width: 373 * (1 / downscale) * 0.333333334,
|
|
54
57
|
height: 41 * (1 / downscale) * 0.333333334,
|
|
55
58
|
viewBox: "0 0 373 41",
|
|
@@ -57,6 +60,7 @@ const LogoWords = memo(
|
|
|
57
60
|
/* @__PURE__ */ jsx(
|
|
58
61
|
"polygon",
|
|
59
62
|
{
|
|
63
|
+
"data-tauri-drag-region": !0,
|
|
60
64
|
shapeRendering: "crispEdges",
|
|
61
65
|
fill: getColor(0),
|
|
62
66
|
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",
|
|
@@ -76,6 +80,7 @@ const LogoWords = memo(
|
|
|
76
80
|
/* @__PURE__ */ jsx(
|
|
77
81
|
"polygon",
|
|
78
82
|
{
|
|
83
|
+
"data-tauri-drag-region": !0,
|
|
79
84
|
shapeRendering: "crispEdges",
|
|
80
85
|
fill: getColor(2),
|
|
81
86
|
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",
|
|
@@ -94,6 +99,7 @@ const LogoWords = memo(
|
|
|
94
99
|
/* @__PURE__ */ jsx(
|
|
95
100
|
"polygon",
|
|
96
101
|
{
|
|
102
|
+
"data-tauri-drag-region": !0,
|
|
97
103
|
shapeRendering: "crispEdges",
|
|
98
104
|
fill: getColor(4),
|
|
99
105
|
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",
|
|
@@ -103,6 +109,7 @@ const LogoWords = memo(
|
|
|
103
109
|
/* @__PURE__ */ jsx(
|
|
104
110
|
"polygon",
|
|
105
111
|
{
|
|
112
|
+
"data-tauri-drag-region": !0,
|
|
106
113
|
shapeRendering: "crispEdges",
|
|
107
114
|
fill: getColor(5),
|
|
108
115
|
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",
|
|
@@ -112,6 +119,7 @@ const LogoWords = memo(
|
|
|
112
119
|
/* @__PURE__ */ jsx(
|
|
113
120
|
"polygon",
|
|
114
121
|
{
|
|
122
|
+
"data-tauri-drag-region": !0,
|
|
115
123
|
shapeRendering: "crispEdges",
|
|
116
124
|
fill: getColor(6),
|
|
117
125
|
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,MAAM,WAAW,gBAAgB;AAC1C,SAAS,QAAQ,cAA2B;AAE5C,SAAS,eAAe;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/tints.js
CHANGED
|
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
const familiesValues = {
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
|
+
let fam = DEFAULT_FAMILY;
|
|
8
9
|
function getTints() {
|
|
9
10
|
return {
|
|
10
|
-
name: fam ||
|
|
11
|
+
name: fam || DEFAULT_FAMILY,
|
|
11
12
|
tints: families[fam] || families.tamagui,
|
|
12
13
|
families
|
|
13
14
|
};
|
package/dist/esm/tints.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,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;AAC5E,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,SAAS,SAAS,CAAC;AAEzC,mBAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/tints.native.js
CHANGED
|
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
const familiesValues = {
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
|
+
let fam = DEFAULT_FAMILY;
|
|
8
9
|
function getTints() {
|
|
9
10
|
return {
|
|
10
|
-
name: fam ||
|
|
11
|
+
name: fam || DEFAULT_FAMILY,
|
|
11
12
|
tints: families[fam] || families.tamagui,
|
|
12
13
|
families
|
|
13
14
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,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;AAC5E,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,SAAS,SAAS,CAAC;AAEzC,mBAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/useTint.js
CHANGED
|
@@ -30,11 +30,11 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
30
30
|
};
|
|
31
31
|
}, ThemeTint = (props) => {
|
|
32
32
|
const curTint = useTint().tint;
|
|
33
|
-
return /* @__PURE__ */ jsx(Theme, { name: props.disable ? null : curTint, children:
|
|
33
|
+
return /* @__PURE__ */ jsx(Theme, { name: props.disable ? null : curTint, children: props.children });
|
|
34
34
|
}, ThemeTintAlt = ({
|
|
35
35
|
children,
|
|
36
36
|
disable,
|
|
37
|
-
offset =
|
|
37
|
+
offset = 1
|
|
38
38
|
}) => {
|
|
39
39
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
40
40
|
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, children: useMemo(() => children, [children]) });
|
package/dist/esm/useTint.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAwD7C;AAjDF,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,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SAAO,oBAAC,SAAM,MAAM,MAAM,UAAU,OAAO,SAAU,gBAAM,UAAS;AACtE,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,oBAAC,SAAM,MAAM,UAAU,OAAO,SAE3B,kBAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC,GACrC;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -30,11 +30,11 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
30
30
|
};
|
|
31
31
|
}, ThemeTint = (props) => {
|
|
32
32
|
const curTint = useTint().tint;
|
|
33
|
-
return /* @__PURE__ */ jsx(Theme, { name: props.disable ? null : curTint, children:
|
|
33
|
+
return /* @__PURE__ */ jsx(Theme, { name: props.disable ? null : curTint, children: props.children });
|
|
34
34
|
}, ThemeTintAlt = ({
|
|
35
35
|
children,
|
|
36
36
|
disable,
|
|
37
|
-
offset =
|
|
37
|
+
offset = 1
|
|
38
38
|
}) => {
|
|
39
39
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
40
40
|
return /* @__PURE__ */ jsx(Theme, { name: disable ? null : curTint, children: useMemo(() => children, [children]) });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAwD7C;AAjDF,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,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SAAO,oBAAC,SAAM,MAAM,MAAM,UAAU,OAAO,SAAU,gBAAM,UAAS;AACtE,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,oBAAC,SAAM,MAAM,UAAU,OAAO,SAE3B,kBAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC,GACrC;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/LogoWords.js
CHANGED
|
@@ -4,6 +4,7 @@ import { useTint } from "./useTint";
|
|
|
4
4
|
const LogoWords = memo(
|
|
5
5
|
({
|
|
6
6
|
downscale = 1,
|
|
7
|
+
grayscale,
|
|
7
8
|
animated,
|
|
8
9
|
...props
|
|
9
10
|
}) => {
|
|
@@ -19,7 +20,7 @@ const LogoWords = memo(
|
|
|
19
20
|
}, []);
|
|
20
21
|
const getColor = (i) => {
|
|
21
22
|
const isActive = mounted !== "start" && i === index;
|
|
22
|
-
return mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
23
|
+
return grayscale ? hovered && isActive ? "var(--gray12)" : hovered ? "var(--gray11)" : "var(--gray10)" : mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
23
24
|
}, x = Math.round(
|
|
24
25
|
index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
|
|
25
26
|
);
|
|
@@ -27,6 +28,7 @@ const LogoWords = memo(
|
|
|
27
28
|
onHoverIn={() => setHovered(!0)}
|
|
28
29
|
onHoverOut={() => setHovered(!1)}
|
|
29
30
|
paddingVertical="$2"
|
|
31
|
+
data-tauri-drag-region
|
|
30
32
|
marginVertical="$-2"
|
|
31
33
|
position="relative"
|
|
32
34
|
{...props}
|
|
@@ -42,11 +44,13 @@ const LogoWords = memo(
|
|
|
42
44
|
backgroundColor="$color9"
|
|
43
45
|
/>}
|
|
44
46
|
<svg
|
|
47
|
+
data-tauri-drag-region
|
|
45
48
|
width={373 * (1 / downscale) * 0.333333334}
|
|
46
49
|
height={41 * (1 / downscale) * 0.333333334}
|
|
47
50
|
viewBox="0 0 373 41"
|
|
48
51
|
>
|
|
49
52
|
<polygon
|
|
53
|
+
data-tauri-drag-region
|
|
50
54
|
shapeRendering="crispEdges"
|
|
51
55
|
fill={getColor(0)}
|
|
52
56
|
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"
|
|
@@ -60,6 +64,7 @@ const LogoWords = memo(
|
|
|
60
64
|
onMouseEnter={() => Tint.setTintIndex(1)}
|
|
61
65
|
/>
|
|
62
66
|
<polygon
|
|
67
|
+
data-tauri-drag-region
|
|
63
68
|
shapeRendering="crispEdges"
|
|
64
69
|
fill={getColor(2)}
|
|
65
70
|
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"
|
|
@@ -72,18 +77,21 @@ const LogoWords = memo(
|
|
|
72
77
|
onMouseEnter={() => Tint.setTintIndex(3)}
|
|
73
78
|
/>
|
|
74
79
|
<polygon
|
|
80
|
+
data-tauri-drag-region
|
|
75
81
|
shapeRendering="crispEdges"
|
|
76
82
|
fill={getColor(4)}
|
|
77
83
|
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"
|
|
78
84
|
onMouseEnter={() => Tint.setTintIndex(4)}
|
|
79
85
|
/>
|
|
80
86
|
<polygon
|
|
87
|
+
data-tauri-drag-region
|
|
81
88
|
shapeRendering="crispEdges"
|
|
82
89
|
fill={getColor(5)}
|
|
83
90
|
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"
|
|
84
91
|
onMouseEnter={() => Tint.setTintIndex(5)}
|
|
85
92
|
/>
|
|
86
93
|
<polygon
|
|
94
|
+
data-tauri-drag-region
|
|
87
95
|
shapeRendering="crispEdges"
|
|
88
96
|
fill={getColor(6)}
|
|
89
97
|
points="372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,MAAM,WAAW,gBAAgB;AAC1C,SAAS,QAAQ,cAA2B;AAE5C,SAAS,eAAe;AAEjB,MAAM,YAAY;AAAA,EACvB,CAAC;AAAA,IACC,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -4,6 +4,7 @@ import { useTint } from "./useTint";
|
|
|
4
4
|
const LogoWords = memo(
|
|
5
5
|
({
|
|
6
6
|
downscale = 1,
|
|
7
|
+
grayscale,
|
|
7
8
|
animated,
|
|
8
9
|
...props
|
|
9
10
|
}) => {
|
|
@@ -19,7 +20,7 @@ const LogoWords = memo(
|
|
|
19
20
|
}, []);
|
|
20
21
|
const getColor = (i) => {
|
|
21
22
|
const isActive = mounted !== "start" && i === index;
|
|
22
|
-
return mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
23
|
+
return grayscale ? hovered && isActive ? "var(--gray12)" : hovered ? "var(--gray11)" : "var(--gray10)" : mounted !== "done" || hovered ? isActive ? "var(--color)" : tints[index] : hovered && isActive ? "var(--color)" : tints[i];
|
|
23
24
|
}, x = Math.round(
|
|
24
25
|
index * 18.5 + 18 / 2 * (index / tints.length) + 3 + (index === 6 ? -3 : 0)
|
|
25
26
|
);
|
|
@@ -27,6 +28,7 @@ const LogoWords = memo(
|
|
|
27
28
|
onHoverIn={() => setHovered(!0)}
|
|
28
29
|
onHoverOut={() => setHovered(!1)}
|
|
29
30
|
paddingVertical="$2"
|
|
31
|
+
data-tauri-drag-region
|
|
30
32
|
marginVertical="$-2"
|
|
31
33
|
position="relative"
|
|
32
34
|
{...props}
|
|
@@ -42,11 +44,13 @@ const LogoWords = memo(
|
|
|
42
44
|
backgroundColor="$color9"
|
|
43
45
|
/>}
|
|
44
46
|
<svg
|
|
47
|
+
data-tauri-drag-region
|
|
45
48
|
width={373 * (1 / downscale) * 0.333333334}
|
|
46
49
|
height={41 * (1 / downscale) * 0.333333334}
|
|
47
50
|
viewBox="0 0 373 41"
|
|
48
51
|
>
|
|
49
52
|
<polygon
|
|
53
|
+
data-tauri-drag-region
|
|
50
54
|
shapeRendering="crispEdges"
|
|
51
55
|
fill={getColor(0)}
|
|
52
56
|
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"
|
|
@@ -60,6 +64,7 @@ const LogoWords = memo(
|
|
|
60
64
|
onMouseEnter={() => Tint.setTintIndex(1)}
|
|
61
65
|
/>
|
|
62
66
|
<polygon
|
|
67
|
+
data-tauri-drag-region
|
|
63
68
|
shapeRendering="crispEdges"
|
|
64
69
|
fill={getColor(2)}
|
|
65
70
|
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"
|
|
@@ -72,18 +77,21 @@ const LogoWords = memo(
|
|
|
72
77
|
onMouseEnter={() => Tint.setTintIndex(3)}
|
|
73
78
|
/>
|
|
74
79
|
<polygon
|
|
80
|
+
data-tauri-drag-region
|
|
75
81
|
shapeRendering="crispEdges"
|
|
76
82
|
fill={getColor(4)}
|
|
77
83
|
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"
|
|
78
84
|
onMouseEnter={() => Tint.setTintIndex(4)}
|
|
79
85
|
/>
|
|
80
86
|
<polygon
|
|
87
|
+
data-tauri-drag-region
|
|
81
88
|
shapeRendering="crispEdges"
|
|
82
89
|
fill={getColor(5)}
|
|
83
90
|
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"
|
|
84
91
|
onMouseEnter={() => Tint.setTintIndex(5)}
|
|
85
92
|
/>
|
|
86
93
|
<polygon
|
|
94
|
+
data-tauri-drag-region
|
|
87
95
|
shapeRendering="crispEdges"
|
|
88
96
|
fill={getColor(6)}
|
|
89
97
|
points="372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LogoWords.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,MAAM,WAAW,gBAAgB;AAC1C,SAAS,QAAQ,cAA2B;AAE5C,SAAS,eAAe;AAEjB,MAAM,YAAY;AAAA,EACvB,CAAC;AAAA,IACC,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/tints.js
CHANGED
|
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
const familiesValues = {
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
|
+
let fam = DEFAULT_FAMILY;
|
|
8
9
|
function getTints() {
|
|
9
10
|
return {
|
|
10
|
-
name: fam ||
|
|
11
|
+
name: fam || DEFAULT_FAMILY,
|
|
11
12
|
tints: families[fam] || families.tamagui,
|
|
12
13
|
families
|
|
13
14
|
};
|
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,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,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;AAC5E,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,SAAS,SAAS,CAAC;AAEzC,mBAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/tints.native.js
CHANGED
|
@@ -2,12 +2,13 @@ import { useEffect, useState } from "react";
|
|
|
2
2
|
const familiesValues = {
|
|
3
3
|
tamagui: ["orange", "yellow", "green", "blue", "purple", "pink", "red"],
|
|
4
4
|
xmas: ["red", "green", "red", "green", "red", "green", "red"],
|
|
5
|
-
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"]
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
easter: ["yellow", "pink", "yellow", "pink", "yellow", "pink", "yellow"],
|
|
6
|
+
halloween: ["orange", "gray", "orange", "gray", "orange", "gray", "orange"]
|
|
7
|
+
}, DEFAULT_FAMILY = "tamagui", familiesNames = Object.keys(familiesValues), families = familiesValues;
|
|
8
|
+
let fam = DEFAULT_FAMILY;
|
|
8
9
|
function getTints() {
|
|
9
10
|
return {
|
|
10
|
-
name: fam ||
|
|
11
|
+
name: fam || DEFAULT_FAMILY,
|
|
11
12
|
tints: families[fam] || families.tamagui,
|
|
12
13
|
families
|
|
13
14
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tints.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAAA,EAC5D,QAAQ,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,QAAQ,QAAQ;
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAGpC,MAAM,iBAAiB;AAAA,EACrB,SAAS,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAAA,EACtE,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;AAC5E,GAIM,iBAAyB,WAEzB,gBAAgB,OAAO,KAAK,cAAc,GAE1C,WAAW;AAMjB,IAAI,MAAkB;AAEf,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,SAAS,SAAS,CAAC;AAEzC,mBAAU,MACD,mBAAmB,MAAM;AAC9B,WAAO,SAAS,CAAC;AAAA,EACnB,CAAC,GACA,CAAC,CAAC,GAEE;AACT;AAEO,MAAM,gBAAgB,CAAC,SAAqB;AACjD,MAAI,CAAC,SAAS,IAAI;AAAG,UAAM;AAC3B,QAAM,MACN,UAAU,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;AAClC,GAEa,oBAAoB,MAAM;AACrC,gBAAc,eAAe,cAAc,QAAQ,GAAG,IAAI,KAAK,cAAc,MAAM,CAAC;AACtF,GAIM,YAAY,oBAAI,IAAmB,GAE5B,qBAAqB,CAAC,QACjC,UAAU,IAAI,EAAE,GACT,MAAM;AACX,YAAU,OAAO,EAAE;AACrB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/useTint.js
CHANGED
|
@@ -29,16 +29,11 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
29
29
|
};
|
|
30
30
|
}, ThemeTint = (props) => {
|
|
31
31
|
const curTint = useTint().tint;
|
|
32
|
-
return <Theme name={props.disable ? null : curTint}>
|
|
33
|
-
{
|
|
34
|
-
/* */
|
|
35
|
-
}
|
|
36
|
-
{useMemo(() => props.children, [props.children])}
|
|
37
|
-
</Theme>;
|
|
32
|
+
return <Theme name={props.disable ? null : curTint}>{props.children}</Theme>;
|
|
38
33
|
}, ThemeTintAlt = ({
|
|
39
34
|
children,
|
|
40
35
|
disable,
|
|
41
|
-
offset =
|
|
36
|
+
offset = 1
|
|
42
37
|
}) => {
|
|
43
38
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
44
39
|
return <Theme name={disable ? null : curTint}>
|
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,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,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,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,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,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SAAO,CAAC,MAAM,MAAM,MAAM,UAAU,OAAO,UAAU,MAAM,SAAS,EAA5D;AACV,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,CAAC,MAAM,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,KAE3B,QAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC;AAAA,EACrC,EAHC;AAKL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -29,16 +29,11 @@ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (liste
|
|
|
29
29
|
};
|
|
30
30
|
}, ThemeTint = (props) => {
|
|
31
31
|
const curTint = useTint().tint;
|
|
32
|
-
return <Theme name={props.disable ? null : curTint}>
|
|
33
|
-
{
|
|
34
|
-
/* */
|
|
35
|
-
}
|
|
36
|
-
{useMemo(() => props.children, [props.children])}
|
|
37
|
-
</Theme>;
|
|
32
|
+
return <Theme name={props.disable ? null : curTint}>{props.children}</Theme>;
|
|
38
33
|
}, ThemeTintAlt = ({
|
|
39
34
|
children,
|
|
40
35
|
disable,
|
|
41
|
-
offset =
|
|
36
|
+
offset = 1
|
|
42
37
|
}) => {
|
|
43
38
|
const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
|
|
44
39
|
return <Theme name={disable ? null : curTint}>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useTint.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,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,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,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,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SAAO,CAAC,MAAM,MAAM,MAAM,UAAU,OAAO,UAAU,MAAM,SAAS,EAA5D;AACV,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,CAAC,MAAM,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,KAE3B,QAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC;AAAA,EACrC,EAHC;AAKL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/logo",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.77.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
"react": "*"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"tamagui": "1.
|
|
27
|
+
"tamagui": "1.77.0"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@tamagui/build": "1.
|
|
30
|
+
"@tamagui/build": "1.77.0",
|
|
31
31
|
"react": "^18.2.0"
|
|
32
32
|
},
|
|
33
33
|
"publishConfig": {
|
package/src/LogoWords.tsx
CHANGED
|
@@ -6,9 +6,10 @@ import { useTint } from './useTint'
|
|
|
6
6
|
export const LogoWords = memo(
|
|
7
7
|
({
|
|
8
8
|
downscale = 1,
|
|
9
|
+
grayscale,
|
|
9
10
|
animated,
|
|
10
11
|
...props
|
|
11
|
-
}: XStackProps & { downscale?: number; animated?: boolean }) => {
|
|
12
|
+
}: XStackProps & { downscale?: number; animated?: boolean; grayscale?: boolean }) => {
|
|
12
13
|
const Tint = useTint()
|
|
13
14
|
const { tintIndex: index, tint } = Tint
|
|
14
15
|
const tints = Tint.tints.map((t) => `var(--${t}9)`)
|
|
@@ -30,6 +31,13 @@ export const LogoWords = memo(
|
|
|
30
31
|
|
|
31
32
|
const getColor = (i: number) => {
|
|
32
33
|
const isActive = mounted !== 'start' && i === index
|
|
34
|
+
if (grayscale) {
|
|
35
|
+
return hovered && isActive
|
|
36
|
+
? `var(--gray12)`
|
|
37
|
+
: hovered
|
|
38
|
+
? `var(--gray11)`
|
|
39
|
+
: `var(--gray10)`
|
|
40
|
+
}
|
|
33
41
|
if (mounted !== 'done' || hovered) {
|
|
34
42
|
return isActive ? 'var(--color)' : tints[index]
|
|
35
43
|
}
|
|
@@ -48,6 +56,7 @@ export const LogoWords = memo(
|
|
|
48
56
|
onHoverIn={() => setHovered(true)}
|
|
49
57
|
onHoverOut={() => setHovered(false)}
|
|
50
58
|
paddingVertical="$2"
|
|
59
|
+
data-tauri-drag-region
|
|
51
60
|
marginVertical="$-2"
|
|
52
61
|
position="relative"
|
|
53
62
|
{...props}
|
|
@@ -69,11 +78,13 @@ export const LogoWords = memo(
|
|
|
69
78
|
/>
|
|
70
79
|
)}
|
|
71
80
|
<svg
|
|
81
|
+
data-tauri-drag-region
|
|
72
82
|
width={373 * (1 / downscale) * 0.333333334}
|
|
73
83
|
height={41 * (1 / downscale) * 0.333333334}
|
|
74
84
|
viewBox="0 0 373 41"
|
|
75
85
|
>
|
|
76
86
|
<polygon
|
|
87
|
+
data-tauri-drag-region
|
|
77
88
|
shapeRendering="crispEdges"
|
|
78
89
|
fill={getColor(0)}
|
|
79
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"
|
|
@@ -87,6 +98,7 @@ export const LogoWords = memo(
|
|
|
87
98
|
onMouseEnter={() => Tint.setTintIndex(1)}
|
|
88
99
|
/>
|
|
89
100
|
<polygon
|
|
101
|
+
data-tauri-drag-region
|
|
90
102
|
shapeRendering="crispEdges"
|
|
91
103
|
fill={getColor(2)}
|
|
92
104
|
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"
|
|
@@ -99,18 +111,21 @@ export const LogoWords = memo(
|
|
|
99
111
|
onMouseEnter={() => Tint.setTintIndex(3)}
|
|
100
112
|
/>
|
|
101
113
|
<polygon
|
|
114
|
+
data-tauri-drag-region
|
|
102
115
|
shapeRendering="crispEdges"
|
|
103
116
|
fill={getColor(4)}
|
|
104
117
|
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"
|
|
105
118
|
onMouseEnter={() => Tint.setTintIndex(4)}
|
|
106
119
|
/>
|
|
107
120
|
<polygon
|
|
121
|
+
data-tauri-drag-region
|
|
108
122
|
shapeRendering="crispEdges"
|
|
109
123
|
fill={getColor(5)}
|
|
110
124
|
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"
|
|
111
125
|
onMouseEnter={() => Tint.setTintIndex(5)}
|
|
112
126
|
/>
|
|
113
127
|
<polygon
|
|
128
|
+
data-tauri-drag-region
|
|
114
129
|
shapeRendering="crispEdges"
|
|
115
130
|
fill={getColor(6)}
|
|
116
131
|
points="372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903"
|
package/src/tints.tsx
CHANGED
|
@@ -5,10 +5,13 @@ const familiesValues = {
|
|
|
5
5
|
tamagui: ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red'],
|
|
6
6
|
xmas: ['red', 'green', 'red', 'green', 'red', 'green', 'red'],
|
|
7
7
|
easter: ['yellow', 'pink', 'yellow', 'pink', 'yellow', 'pink', 'yellow'],
|
|
8
|
+
halloween: ['orange', 'gray', 'orange', 'gray', 'orange', 'gray', 'orange'],
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
type Family = keyof typeof familiesValues
|
|
11
12
|
|
|
13
|
+
const DEFAULT_FAMILY: Family = 'tamagui'
|
|
14
|
+
|
|
12
15
|
const familiesNames = Object.keys(familiesValues) as any as Family[]
|
|
13
16
|
|
|
14
17
|
const families = familiesValues as {
|
|
@@ -17,11 +20,11 @@ const families = familiesValues as {
|
|
|
17
20
|
|
|
18
21
|
type TintFamily = keyof typeof families
|
|
19
22
|
|
|
20
|
-
let fam: TintFamily =
|
|
23
|
+
let fam: TintFamily = DEFAULT_FAMILY
|
|
21
24
|
|
|
22
25
|
export function getTints() {
|
|
23
26
|
return {
|
|
24
|
-
name: fam ||
|
|
27
|
+
name: fam || DEFAULT_FAMILY,
|
|
25
28
|
tints: families[fam] || families.tamagui,
|
|
26
29
|
families,
|
|
27
30
|
}
|
package/src/useTint.tsx
CHANGED
|
@@ -57,18 +57,13 @@ export const useTint = () => {
|
|
|
57
57
|
export const ThemeTint = (props: { children: any; disable?: boolean }) => {
|
|
58
58
|
const curTint = useTint().tint
|
|
59
59
|
|
|
60
|
-
return
|
|
61
|
-
<Theme name={props.disable ? null : curTint}>
|
|
62
|
-
{/* */}
|
|
63
|
-
{useMemo(() => props.children, [props.children])}
|
|
64
|
-
</Theme>
|
|
65
|
-
)
|
|
60
|
+
return <Theme name={props.disable ? null : curTint}>{props.children}</Theme>
|
|
66
61
|
}
|
|
67
62
|
|
|
68
63
|
export const ThemeTintAlt = ({
|
|
69
64
|
children,
|
|
70
65
|
disable,
|
|
71
|
-
offset =
|
|
66
|
+
offset = 1,
|
|
72
67
|
}: {
|
|
73
68
|
children: any
|
|
74
69
|
disable?: boolean
|
package/types/LogoWords.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { XStackProps } from 'tamagui';
|
|
3
|
-
export declare const LogoWords: import("react").MemoExoticComponent<({ downscale, animated, ...props }: Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").WebOnlyPressEvents & import("@tamagui/web").TamaguiComponentPropsBaseBase & {
|
|
3
|
+
export declare const LogoWords: import("react").MemoExoticComponent<({ downscale, grayscale, animated, ...props }: Omit<import("react-native").ViewProps, "style" | "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").WebOnlyPressEvents & import("@tamagui/web").TamaguiComponentPropsBaseBase & {
|
|
4
4
|
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
|
|
5
5
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/web").PseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>> & import("@tamagui/web").MediaProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/web").PseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>>> & {
|
|
6
6
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
@@ -102,5 +102,6 @@ export declare const LogoWords: import("react").MemoExoticComponent<({ downscale
|
|
|
102
102
|
}>> & {
|
|
103
103
|
downscale?: number | undefined;
|
|
104
104
|
animated?: boolean | undefined;
|
|
105
|
+
grayscale?: boolean | undefined;
|
|
105
106
|
}) => JSX.Element>;
|
|
106
107
|
//# sourceMappingURL=LogoWords.d.ts.map
|
package/types/LogoWords.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogoWords.d.ts","sourceRoot":"","sources":["../src/LogoWords.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrD,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"LogoWords.d.ts","sourceRoot":"","sources":["../src/LogoWords.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAoIrB,CAAA"}
|
package/types/tints.d.ts
CHANGED
|
@@ -2,24 +2,27 @@ declare const families: {
|
|
|
2
2
|
tamagui: string[];
|
|
3
3
|
xmas: string[];
|
|
4
4
|
easter: string[];
|
|
5
|
+
halloween: string[];
|
|
5
6
|
};
|
|
6
7
|
type TintFamily = keyof typeof families;
|
|
7
8
|
export declare function getTints(): {
|
|
8
|
-
name: "tamagui" | "xmas" | "easter";
|
|
9
|
+
name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
9
10
|
tints: string[];
|
|
10
11
|
families: {
|
|
11
12
|
tamagui: string[];
|
|
12
13
|
xmas: string[];
|
|
13
14
|
easter: string[];
|
|
15
|
+
halloween: string[];
|
|
14
16
|
};
|
|
15
17
|
};
|
|
16
18
|
export declare function useTints(): {
|
|
17
|
-
name: "tamagui" | "xmas" | "easter";
|
|
19
|
+
name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
18
20
|
tints: string[];
|
|
19
21
|
families: {
|
|
20
22
|
tamagui: string[];
|
|
21
23
|
xmas: string[];
|
|
22
24
|
easter: string[];
|
|
25
|
+
halloween: string[];
|
|
23
26
|
};
|
|
24
27
|
};
|
|
25
28
|
export declare const setTintFamily: (next: TintFamily) => void;
|
package/types/tints.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tints.d.ts","sourceRoot":"","sources":["../src/tints.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,QAAQ;;;;;CAEb,CAAA;AAED,KAAK,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAA;AAIvC,wBAAgB,QAAQ;;;;;;;;;EAMvB;AAED,wBAAgB,QAAQ;;;;;;;;;EAUvB;AAED,eAAO,MAAM,aAAa,SAAU,UAAU,SAI7C,CAAA;AAED,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;AAI/C,eAAO,MAAM,kBAAkB,OAAQ,aAAa,eAKnD,CAAA"}
|
package/types/useTint.d.ts
CHANGED
|
@@ -9,11 +9,12 @@ export declare const useTint: () => {
|
|
|
9
9
|
readonly setTintIndex: (next: number) => void;
|
|
10
10
|
readonly setNextTintFamily: () => void;
|
|
11
11
|
readonly setNextTint: () => void;
|
|
12
|
-
readonly name: "tamagui" | "xmas" | "easter";
|
|
12
|
+
readonly name: "tamagui" | "xmas" | "easter" | "halloween";
|
|
13
13
|
readonly families: {
|
|
14
14
|
tamagui: string[];
|
|
15
15
|
xmas: string[];
|
|
16
16
|
easter: string[];
|
|
17
|
+
halloween: string[];
|
|
17
18
|
};
|
|
18
19
|
};
|
|
19
20
|
export declare const ThemeTint: (props: {
|
package/types/useTint.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,WAAW,IAAI,CAAA;AAM5B,eAAO,MAAM,YAAY,mBAAoB,MAAM,KAAK,IAAI,eAK3D,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,SAOxC,CAAA;AAED,eAAO,MAAM,OAAO;;;;kCATe,MAAM
|
|
1
|
+
{"version":3,"file":"useTint.d.ts","sourceRoot":"","sources":["../src/useTint.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,WAAW,IAAI,CAAA;AAM5B,eAAO,MAAM,YAAY,mBAAoB,MAAM,KAAK,IAAI,eAK3D,CAAA;AAID,eAAO,MAAM,YAAY,SAAU,MAAM,SAOxC,CAAA;AAED,eAAO,MAAM,OAAO;;;;kCATe,MAAM;;;;;;;;;;CA6BxC,CAAA;AAED,eAAO,MAAM,SAAS,UAAW;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,gBAIpE,CAAA;AAED,eAAO,MAAM,YAAY;cAKb,GAAG;;;iBAad,CAAA"}
|