@cupcodev/ui 1.2.10 → 1.2.11
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/index.cjs +10 -10
- package/dist/index.js +10 -10
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/styles/base.css +18 -18
- package/styles/dock.css +10 -10
- package/styles/global.css +31 -31
- package/styles/tokens.css +63 -63
package/dist/index.cjs
CHANGED
|
@@ -594,7 +594,7 @@ var BackgroundRainbow = () => {
|
|
|
594
594
|
will-change: transform;
|
|
595
595
|
}
|
|
596
596
|
|
|
597
|
-
/* usa tuas globais #ed1e79 e #
|
|
597
|
+
/* usa tuas globais #ed1e79 e #7c5bbb com ~0.4 de opacidade */
|
|
598
598
|
.cc-a {
|
|
599
599
|
background: radial-gradient(circle at center,
|
|
600
600
|
color-mix(in srgb, var(--color-one) 40%, transparent) 0%,
|
|
@@ -685,7 +685,7 @@ function BackgroundStars() {
|
|
|
685
685
|
const palette = [
|
|
686
686
|
"#ffffff",
|
|
687
687
|
"#d7c8ff",
|
|
688
|
-
"#
|
|
688
|
+
"#7c5bbb",
|
|
689
689
|
// roxo Cupcode
|
|
690
690
|
"#b146ea",
|
|
691
691
|
"#ed1e79",
|
|
@@ -858,7 +858,7 @@ function BackgroundStars() {
|
|
|
858
858
|
const halo3 = size * 10.8 * k;
|
|
859
859
|
drawHalo(starsCtx, 0, 0, halo1, "rgba(251,88,235,0.65)");
|
|
860
860
|
drawHalo(starsCtx, 0, 0, halo2, "rgba(237,30,121,0.58)");
|
|
861
|
-
drawHalo(starsCtx, 0, 0, halo3, "rgba(
|
|
861
|
+
drawHalo(starsCtx, 0, 0, halo3, "rgba(124,91,187,0.52)");
|
|
862
862
|
const gp = size * (1.8 + glow);
|
|
863
863
|
drawHalo(starsCtx, 0, 0, gp, "rgba(233,12,211,0.28)");
|
|
864
864
|
if (s.isHighlight) {
|
|
@@ -907,12 +907,12 @@ function BackgroundStars() {
|
|
|
907
907
|
ctx.globalAlpha = 0.2 + 0.8 * ease;
|
|
908
908
|
drawHalo(ctx, 0, 0, 0.85, "rgba(255,255,255,1)");
|
|
909
909
|
drawHalo(ctx, 0, 0, 8, "rgba(237,30,121,0.75)");
|
|
910
|
-
drawHalo(ctx, 0, 0, 14, "rgba(
|
|
910
|
+
drawHalo(ctx, 0, 0, 14, "rgba(124,91,187,0.6)");
|
|
911
911
|
const tailLen = c.len;
|
|
912
912
|
const grd = ctx.createLinearGradient(0, 0, -tailLen, 0);
|
|
913
913
|
grd.addColorStop(0, "rgba(255,255,255,0.95)");
|
|
914
914
|
grd.addColorStop(0.4, "rgba(237,30,121,0.75)");
|
|
915
|
-
grd.addColorStop(0.75, "rgba(
|
|
915
|
+
grd.addColorStop(0.75, "rgba(124,91,187,0.55)");
|
|
916
916
|
grd.addColorStop(1, "rgba(0,0,0,0)");
|
|
917
917
|
ctx.fillStyle = grd;
|
|
918
918
|
ctx.fillRect(-tailLen, -1, tailLen, 2);
|
|
@@ -2108,7 +2108,7 @@ var JellyButton = (0, import_react8.forwardRef)(
|
|
|
2108
2108
|
};
|
|
2109
2109
|
const variantStyles3 = {
|
|
2110
2110
|
primary: {
|
|
2111
|
-
base: "bg-gradient-to-r from-cupcode-purple via-[#
|
|
2111
|
+
base: "bg-gradient-to-r from-cupcode-purple via-[#6f4eb1] to-cupcode-ink text-white shadow-[0_0_25px_rgba(124,91,187,0.35)]",
|
|
2112
2112
|
overlay: "bg-gradient-to-r from-white/20 via-transparent to-transparent"
|
|
2113
2113
|
},
|
|
2114
2114
|
secondary: {
|
|
@@ -2116,7 +2116,7 @@ var JellyButton = (0, import_react8.forwardRef)(
|
|
|
2116
2116
|
overlay: "bg-gradient-to-r from-white/15 via-emerald-300/20 to-transparent"
|
|
2117
2117
|
},
|
|
2118
2118
|
half: {
|
|
2119
|
-
base: "bg-gradient-to-r from-cupcode-ink via-[#
|
|
2119
|
+
base: "bg-gradient-to-r from-cupcode-ink via-[#31224d] to-black text-cupcode-pink shadow-[0_0_30px_rgba(58,42,88,0.45)]",
|
|
2120
2120
|
overlay: "bg-gradient-to-br from-white/12 via-cupcode-pink/10 to-transparent"
|
|
2121
2121
|
},
|
|
2122
2122
|
"original-pink": {
|
|
@@ -2249,7 +2249,7 @@ var Eyebrow = (0, import_react10.forwardRef)(
|
|
|
2249
2249
|
const variantClasses = {
|
|
2250
2250
|
galaxy: "cc-gradient-galaxy text-white shadow-[0_0_20px_rgba(193,27,150,0.4)]",
|
|
2251
2251
|
pink: "bg-cupcode-pink text-white shadow-[0_0_20px_rgba(237,30,121,0.4)]",
|
|
2252
|
-
purple: "bg-cupcode-purple text-white shadow-[0_0_20px_rgba(
|
|
2252
|
+
purple: "bg-cupcode-purple text-white shadow-[0_0_20px_rgba(124,91,187,0.4)]",
|
|
2253
2253
|
outline: "border-2 border-cupcode-purple text-cupcode-purple bg-transparent"
|
|
2254
2254
|
};
|
|
2255
2255
|
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
@@ -24465,8 +24465,8 @@ function ParticleSystem({
|
|
|
24465
24465
|
particle.x - particle.speedX * 10,
|
|
24466
24466
|
particle.y - particle.speedY * 10
|
|
24467
24467
|
);
|
|
24468
|
-
gradient.addColorStop(0, `rgba(
|
|
24469
|
-
gradient.addColorStop(1, "rgba(
|
|
24468
|
+
gradient.addColorStop(0, `rgba(124,91,187, ${particle.opacity})`);
|
|
24469
|
+
gradient.addColorStop(1, "rgba(124,91,187, 0)");
|
|
24470
24470
|
ctx.strokeStyle = gradient;
|
|
24471
24471
|
ctx.lineWidth = particle.size;
|
|
24472
24472
|
ctx.beginPath();
|
package/dist/index.js
CHANGED
|
@@ -202,7 +202,7 @@ var BackgroundRainbow = () => {
|
|
|
202
202
|
will-change: transform;
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
/* usa tuas globais #ed1e79 e #
|
|
205
|
+
/* usa tuas globais #ed1e79 e #7c5bbb com ~0.4 de opacidade */
|
|
206
206
|
.cc-a {
|
|
207
207
|
background: radial-gradient(circle at center,
|
|
208
208
|
color-mix(in srgb, var(--color-one) 40%, transparent) 0%,
|
|
@@ -293,7 +293,7 @@ function BackgroundStars() {
|
|
|
293
293
|
const palette = [
|
|
294
294
|
"#ffffff",
|
|
295
295
|
"#d7c8ff",
|
|
296
|
-
"#
|
|
296
|
+
"#7c5bbb",
|
|
297
297
|
// roxo Cupcode
|
|
298
298
|
"#b146ea",
|
|
299
299
|
"#ed1e79",
|
|
@@ -466,7 +466,7 @@ function BackgroundStars() {
|
|
|
466
466
|
const halo3 = size * 10.8 * k;
|
|
467
467
|
drawHalo(starsCtx, 0, 0, halo1, "rgba(251,88,235,0.65)");
|
|
468
468
|
drawHalo(starsCtx, 0, 0, halo2, "rgba(237,30,121,0.58)");
|
|
469
|
-
drawHalo(starsCtx, 0, 0, halo3, "rgba(
|
|
469
|
+
drawHalo(starsCtx, 0, 0, halo3, "rgba(124,91,187,0.52)");
|
|
470
470
|
const gp = size * (1.8 + glow);
|
|
471
471
|
drawHalo(starsCtx, 0, 0, gp, "rgba(233,12,211,0.28)");
|
|
472
472
|
if (s.isHighlight) {
|
|
@@ -515,12 +515,12 @@ function BackgroundStars() {
|
|
|
515
515
|
ctx.globalAlpha = 0.2 + 0.8 * ease;
|
|
516
516
|
drawHalo(ctx, 0, 0, 0.85, "rgba(255,255,255,1)");
|
|
517
517
|
drawHalo(ctx, 0, 0, 8, "rgba(237,30,121,0.75)");
|
|
518
|
-
drawHalo(ctx, 0, 0, 14, "rgba(
|
|
518
|
+
drawHalo(ctx, 0, 0, 14, "rgba(124,91,187,0.6)");
|
|
519
519
|
const tailLen = c.len;
|
|
520
520
|
const grd = ctx.createLinearGradient(0, 0, -tailLen, 0);
|
|
521
521
|
grd.addColorStop(0, "rgba(255,255,255,0.95)");
|
|
522
522
|
grd.addColorStop(0.4, "rgba(237,30,121,0.75)");
|
|
523
|
-
grd.addColorStop(0.75, "rgba(
|
|
523
|
+
grd.addColorStop(0.75, "rgba(124,91,187,0.55)");
|
|
524
524
|
grd.addColorStop(1, "rgba(0,0,0,0)");
|
|
525
525
|
ctx.fillStyle = grd;
|
|
526
526
|
ctx.fillRect(-tailLen, -1, tailLen, 2);
|
|
@@ -1716,7 +1716,7 @@ var JellyButton = forwardRef6(
|
|
|
1716
1716
|
};
|
|
1717
1717
|
const variantStyles3 = {
|
|
1718
1718
|
primary: {
|
|
1719
|
-
base: "bg-gradient-to-r from-cupcode-purple via-[#
|
|
1719
|
+
base: "bg-gradient-to-r from-cupcode-purple via-[#6f4eb1] to-cupcode-ink text-white shadow-[0_0_25px_rgba(124,91,187,0.35)]",
|
|
1720
1720
|
overlay: "bg-gradient-to-r from-white/20 via-transparent to-transparent"
|
|
1721
1721
|
},
|
|
1722
1722
|
secondary: {
|
|
@@ -1724,7 +1724,7 @@ var JellyButton = forwardRef6(
|
|
|
1724
1724
|
overlay: "bg-gradient-to-r from-white/15 via-emerald-300/20 to-transparent"
|
|
1725
1725
|
},
|
|
1726
1726
|
half: {
|
|
1727
|
-
base: "bg-gradient-to-r from-cupcode-ink via-[#
|
|
1727
|
+
base: "bg-gradient-to-r from-cupcode-ink via-[#31224d] to-black text-cupcode-pink shadow-[0_0_30px_rgba(58,42,88,0.45)]",
|
|
1728
1728
|
overlay: "bg-gradient-to-br from-white/12 via-cupcode-pink/10 to-transparent"
|
|
1729
1729
|
},
|
|
1730
1730
|
"original-pink": {
|
|
@@ -1857,7 +1857,7 @@ var Eyebrow = forwardRef7(
|
|
|
1857
1857
|
const variantClasses = {
|
|
1858
1858
|
galaxy: "cc-gradient-galaxy text-white shadow-[0_0_20px_rgba(193,27,150,0.4)]",
|
|
1859
1859
|
pink: "bg-cupcode-pink text-white shadow-[0_0_20px_rgba(237,30,121,0.4)]",
|
|
1860
|
-
purple: "bg-cupcode-purple text-white shadow-[0_0_20px_rgba(
|
|
1860
|
+
purple: "bg-cupcode-purple text-white shadow-[0_0_20px_rgba(124,91,187,0.4)]",
|
|
1861
1861
|
outline: "border-2 border-cupcode-purple text-cupcode-purple bg-transparent"
|
|
1862
1862
|
};
|
|
1863
1863
|
return /* @__PURE__ */ jsx14(
|
|
@@ -24123,8 +24123,8 @@ function ParticleSystem({
|
|
|
24123
24123
|
particle.x - particle.speedX * 10,
|
|
24124
24124
|
particle.y - particle.speedY * 10
|
|
24125
24125
|
);
|
|
24126
|
-
gradient.addColorStop(0, `rgba(
|
|
24127
|
-
gradient.addColorStop(1, "rgba(
|
|
24126
|
+
gradient.addColorStop(0, `rgba(124,91,187, ${particle.opacity})`);
|
|
24127
|
+
gradient.addColorStop(1, "rgba(124,91,187, 0)");
|
|
24128
24128
|
ctx.strokeStyle = gradient;
|
|
24129
24129
|
ctx.lineWidth = particle.size;
|
|
24130
24130
|
ctx.beginPath();
|