@cupcodev/ui 3.1.0 → 5.0.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/{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 +3166 -2804
- package/dist/index.d.cts +194 -137
- package/dist/index.d.ts +194 -137
- package/dist/index.js +2529 -2177
- package/dist/styles.css +1 -1
- package/package.json +25 -21
- package/styles/global.css +757 -132
- package/styles/tokens.css +17 -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
|
|
|
@@ -83,6 +85,9 @@
|
|
|
83
85
|
--cc-scrollbar-thumb-hover: var(--cc-hover-overlay);
|
|
84
86
|
--cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
|
|
85
87
|
--cc-scrollbar-glow: rgba(124, 91, 187, 0.35);
|
|
88
|
+
|
|
89
|
+
/* Layout tokens */
|
|
90
|
+
--cc-navbar-top-offset: 8px;
|
|
86
91
|
|
|
87
92
|
/* Border radius */
|
|
88
93
|
--radius-sm: 10px;
|
|
@@ -239,6 +244,8 @@
|
|
|
239
244
|
/* Cupcode Core Colors (mantém as mesmas cores base) */
|
|
240
245
|
--cc-surface: 0 0% 100%;
|
|
241
246
|
--cc-ink: 261 35% 25%;
|
|
247
|
+
--ink: 0 0% 98%;
|
|
248
|
+
--ink-muted: 262 20% 75%;
|
|
242
249
|
--cc-pink: 330 87% 52%;
|
|
243
250
|
--cc-purple: 261 41% 55%;
|
|
244
251
|
--cc-hover: 280 39% 53%;
|
|
@@ -284,11 +291,11 @@
|
|
|
284
291
|
--ring: 261 41% 65%;
|
|
285
292
|
|
|
286
293
|
/* Glass Morphism tokens (Dark Mode) */
|
|
287
|
-
--glass-bg:
|
|
288
|
-
--glass-bg-subtle:
|
|
289
|
-
--glass-bg-strong:
|
|
290
|
-
--glass-border:
|
|
291
|
-
--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;
|
|
292
299
|
--glass-highlight: rgba(255, 255, 255, 0.1);
|
|
293
300
|
--glass-ambient: rgba(151, 90, 182, 0.12); /* Hover ambient glow */
|
|
294
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))",
|