@cupcodev/ui 3.2.0 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{charts-DqY2Q-7w.d.cts → charts-citXBvHw.d.cts} +1 -1
- package/dist/{charts-DqY2Q-7w.d.ts → charts-citXBvHw.d.ts} +1 -1
- package/dist/charts.d.cts +1 -1
- package/dist/charts.d.ts +1 -1
- package/dist/index.cjs +3165 -2803
- package/dist/index.d.cts +194 -137
- package/dist/index.d.ts +194 -137
- package/dist/index.js +2528 -2176
- package/dist/styles.css +1 -1
- package/package.json +25 -21
- package/styles/global.css +757 -132
- package/styles/tokens.css +14 -10
- package/tailwind-preset.cjs +2 -0
package/styles/tokens.css
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
/* Cupcode Core Colors (HSL) */
|
|
4
4
|
--cc-surface: 0 0% 100%; /* #ffffff */
|
|
5
5
|
--cc-ink: 261 35% 25%; /* #3a2a58 */
|
|
6
|
+
--ink: 258 91% 11.8%;
|
|
7
|
+
--ink-muted: 258 40% 45%;
|
|
6
8
|
--cc-pink: 330 87% 52%; /* #ed1e79 (high-attention highlight) */
|
|
7
9
|
--cc-purple: 261 41% 55%; /* #7c5bbb */
|
|
8
10
|
--cc-hover: 280 39% 53%; /* #975ab6 */
|
|
@@ -59,11 +61,11 @@
|
|
|
59
61
|
--ring: 261 41% 55%;
|
|
60
62
|
|
|
61
63
|
/* Glass Morphism tokens (Light Mode) */
|
|
62
|
-
--glass-bg:
|
|
63
|
-
--glass-bg-subtle:
|
|
64
|
-
--glass-bg-strong:
|
|
65
|
-
--glass-border:
|
|
66
|
-
--glass-border-subtle:
|
|
64
|
+
--glass-bg: 0 0% 100% / 0.65;
|
|
65
|
+
--glass-bg-subtle: 0 0% 100% / 0.45;
|
|
66
|
+
--glass-bg-strong: 0 0% 100% / 0.78;
|
|
67
|
+
--glass-border: 0 0% 100% / 0.45;
|
|
68
|
+
--glass-border-subtle: 0 0% 100% / 0.3;
|
|
67
69
|
--glass-highlight: rgba(255, 255, 255, 0.55);
|
|
68
70
|
--glass-ambient: rgba(58, 42, 88, 0.12);
|
|
69
71
|
|
|
@@ -242,6 +244,8 @@
|
|
|
242
244
|
/* Cupcode Core Colors (mantém as mesmas cores base) */
|
|
243
245
|
--cc-surface: 0 0% 100%;
|
|
244
246
|
--cc-ink: 261 35% 25%;
|
|
247
|
+
--ink: 0 0% 98%;
|
|
248
|
+
--ink-muted: 262 20% 75%;
|
|
245
249
|
--cc-pink: 330 87% 52%;
|
|
246
250
|
--cc-purple: 261 41% 55%;
|
|
247
251
|
--cc-hover: 280 39% 53%;
|
|
@@ -287,11 +291,11 @@
|
|
|
287
291
|
--ring: 261 41% 65%;
|
|
288
292
|
|
|
289
293
|
/* Glass Morphism tokens (Dark Mode) */
|
|
290
|
-
--glass-bg:
|
|
291
|
-
--glass-bg-subtle:
|
|
292
|
-
--glass-bg-strong:
|
|
293
|
-
--glass-border:
|
|
294
|
-
--glass-border-subtle:
|
|
294
|
+
--glass-bg: 262 45% 30% / 0.22; /* Purple tinted glass */
|
|
295
|
+
--glass-bg-subtle: 262 45% 30% / 0.14;
|
|
296
|
+
--glass-bg-strong: 262 45% 30% / 0.32;
|
|
297
|
+
--glass-border: 280 39% 53% / 0.35; /* Hover border glow */
|
|
298
|
+
--glass-border-subtle: 262 45% 30% / 0.2;
|
|
295
299
|
--glass-highlight: rgba(255, 255, 255, 0.1);
|
|
296
300
|
--glass-ambient: rgba(151, 90, 182, 0.12); /* Hover ambient glow */
|
|
297
301
|
|
package/tailwind-preset.cjs
CHANGED
|
@@ -61,6 +61,8 @@ module.exports = {
|
|
|
61
61
|
DEFAULT: "hsl(var(--card))",
|
|
62
62
|
foreground: "hsl(var(--card-foreground))",
|
|
63
63
|
},
|
|
64
|
+
ink: "hsl(var(--ink) / <alpha-value>)",
|
|
65
|
+
"ink-muted": "hsl(var(--ink-muted) / <alpha-value>)",
|
|
64
66
|
cupcode: {
|
|
65
67
|
pink: "hsl(var(--cc-pink))",
|
|
66
68
|
highlight: "hsl(var(--cc-highlight))",
|