@igamingcareer/igaming-components 1.0.26 → 1.0.28

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.
Files changed (4) hide show
  1. package/dist/index.js +1555 -1554
  2. package/dist/index.mjs +12201 -12259
  3. package/package.json +2 -2
  4. package/styles/globals.css +87 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@igamingcareer/igaming-components",
3
- "version": "1.0.26",
3
+ "version": "1.0.28",
4
4
  "description": "Reusable React component library for the iGamingCareer platform",
5
5
  "author": "iGamingCareer <info@igamingcareer.com>",
6
6
  "license": "MIT",
@@ -45,7 +45,7 @@
45
45
  "@radix-ui/react-dialog": "^1.1.2",
46
46
  "@radix-ui/react-icons": "^1.3.0",
47
47
  "@radix-ui/react-label": "^2.1.0",
48
- "@radix-ui/react-slot": "^1.1.0",
48
+ "@radix-ui/react-slot": "^1.2.3",
49
49
  "@radix-ui/react-tabs": "^1.1.1",
50
50
  "class-variance-authority": "^0.7.0",
51
51
  "clsx": "^2.1.1",
package/styles/globals.css CHANGED
@@ -32,8 +32,11 @@
32
32
  }
33
33
 
34
34
  :root {
35
- --primary: 349 85% 55%;
36
- --primary-foreground: 0 0% 100%;
35
+ /*--primary: 349 85% 55%;*/
36
+ /*--primary-foreground: 0 0% 100%;*/
37
+ --primary: 223 47% 11%;
38
+ --primary-foreground: 0 0% 98%;
39
+
37
40
  --secondary: 54 91% 55%;
38
41
  --secondary-foreground: 0 0% 0%;
39
42
  --background: 0 0% 100%;
@@ -44,14 +47,53 @@
44
47
  --popover-foreground: 0 0% 3.9%;
45
48
  --muted: 0 0% 96.1%;
46
49
  --muted-foreground: 0 0% 45.1%;
47
- --accent: 0 0% 96.1%;
48
- --accent-foreground: 0 0% 9%;
50
+ /*--accent: 0 0% 96.1%;*/
51
+ /*--accent-foreground: 0 0% 9%;*/
52
+ --accent: 32 95% 44%;
53
+ --accent-foreground: 0 0% 98%;
54
+ --accent-hover: 25 85% 48%;
49
55
  --destructive: 0 84.2% 60.2%;
50
56
  --destructive-foreground: 0 0% 98%;
51
57
  --border: 0 0% 89.8%;
52
58
  --input: 0 0% 89.8%;
53
59
  --ring: 0 0% 3.9%;
54
60
  --radius: 0.5rem;
61
+ /* Additional iGaming Career Platform Tokens (Non-Conflicting) */
62
+
63
+ /* Extended Primary */
64
+ --primary-variant: 223 39% 18%;
65
+
66
+ /* Accent Hover */
67
+ --accent-hover: 25 85% 48%;
68
+
69
+ /* Gaming-specific Colors */
70
+ --gaming-gold: 45 100% 51%;
71
+ --gaming-success: 142 71% 45%;
72
+ --gaming-warning: 38 92% 50%;
73
+
74
+ /* Gradients */
75
+ --gradient-hero: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-variant)));
76
+ --gradient-accent: linear-gradient(135deg, hsl(var(--accent)), hsl(var(--gaming-gold)));
77
+ --gradient-card: linear-gradient(180deg, hsl(var(--card)), hsl(var(--secondary)));
78
+
79
+ /* Shadows */
80
+ --shadow-elegant: 0 10px 30px -10px hsl(var(--primary) / 0.1);
81
+ --shadow-accent: 0 8px 25px -8px hsl(var(--accent) / 0.25);
82
+ --shadow-card: 0 4px 20px -4px hsl(var(--muted-foreground) / 0.1);
83
+
84
+ /* Animations */
85
+ --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
86
+ --transition-bounce: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
87
+
88
+ /* Sidebar Theme */
89
+ --sidebar-background: 0 0% 98%;
90
+ --sidebar-foreground: 240 5.3% 26.1%;
91
+ --sidebar-primary: 240 5.9% 10%;
92
+ --sidebar-primary-foreground: 0 0% 98%;
93
+ --sidebar-accent: 240 4.8% 95.9%;
94
+ --sidebar-accent-foreground: 240 5.9% 10%;
95
+ --sidebar-border: 220 13% 91%;
96
+ --sidebar-ring: 217.2 91.2% 59.8%;
55
97
  }
56
98
 
57
99
  /* ! tailwindcss v3.4.5 | MIT License | https://tailwindcss.com */ *, ::after, ::before {
@@ -1120,4 +1162,45 @@
1120
1162
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1121
1163
  }
1122
1164
 
1165
+ .dark {
1166
+ --background: 222.2 84% 4.9%;
1167
+ --foreground: 210 40% 98%;
1168
+
1169
+ --card: 222.2 84% 4.9%;
1170
+ --card-foreground: 210 40% 98%;
1171
+
1172
+ --popover: 222.2 84% 4.9%;
1173
+ --popover-foreground: 210 40% 98%;
1174
+
1175
+ --primary: 210 40% 98%;
1176
+ --primary-foreground: 222.2 47.4% 11.2%;
1177
+
1178
+ --secondary: 217.2 32.6% 17.5%;
1179
+ --secondary-foreground: 210 40% 98%;
1180
+
1181
+ --muted: 217.2 32.6% 17.5%;
1182
+ --muted-foreground: 215 20.2% 65.1%;
1183
+
1184
+ --accent: 217.2 32.6% 17.5%;
1185
+ --accent-foreground: 210 40% 98%;
1186
+
1187
+
1188
+
1189
+ --destructive: 0 62.8% 30.6%;
1190
+ --destructive-foreground: 210 40% 98%;
1191
+
1192
+ --border: 217.2 32.6% 17.5%;
1193
+ --input: 217.2 32.6% 17.5%;
1194
+ --ring: 212.7 26.8% 83.9%;
1195
+
1196
+ --sidebar-background: 240 5.9% 10%;
1197
+ --sidebar-foreground: 240 4.8% 95.9%;
1198
+ --sidebar-primary: 224.3 76.3% 48%;
1199
+ --sidebar-primary-foreground: 0 0% 100%;
1200
+ --sidebar-accent: 240 3.7% 15.9%;
1201
+ --sidebar-accent-foreground: 240 4.8% 95.9%;
1202
+ --sidebar-border: 240 3.7% 15.9%;
1203
+ --sidebar-ring: 217.2 91.2% 59.8%;
1204
+ }
1205
+
1123
1206
  }