@igamingcareer/igaming-components 1.2.16 → 1.2.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igamingcareer/igaming-components",
-  "version": "1.2.16",
+  "version": "1.2.17",
   "description": "Reusable React component library for the iGamingCareer platform",
   "author": "iGamingCareer <info@igamingcareer.com>",
   "license": "MIT",
@@ -13,14 +13,13 @@
     "design-system"
   ],
   "main": "dist/index.js",
-  "module": "dist/index.js",
+  "module": "dist/index.mjs",
   "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.mjs",
       "require": "./dist/index.js",
-      "default": "./dist/index.js"
+      "types": "./dist/types/index.d.ts"
     },
     "./package.json": "./package.json"
   },
@@ -34,10 +33,16 @@
     "build:lib": "tsc && BUILD_LIB=true vite build",
     "preview": "vite preview",
     "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "api:extract": "api-extractor run --local",
-    "api:check": "api-extractor run"
+    "api:check": "api-extractor run",
+    "audit:a11y": "tsx scripts/audit-a11y.ts",
+    "audit:a11y:watch": "tsx scripts/audit-a11y.ts --watch",
+    "audit:a11y:verbose": "tsx scripts/audit-a11y.ts --verbose",
+    "audit:a11y:fix": "tsx scripts/audit-a11y.ts --fix"
   },
   "peerDependencies": {
     "cmdk": "^1.0.0",
@@ -45,10 +50,7 @@
     "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "@emotion/react": "^11.13.0",
-    "@emotion/styled": "^11.13.0",
     "@hookform/resolvers": "^3.9.0",
-    "@mui/material": "^5.16.7",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -85,6 +87,9 @@
     "zod": "^3.23.8"
   },
   "devDependencies": {
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "@mui/material": "^5.16.7",
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.0",
@@ -120,6 +125,7 @@
     "vite-tsconfig-paths": "^5.1.2"
   },
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "**/*.scss"
   ]
 }

package/styles/globals.css

@@ -1172,8 +1172,8 @@
         --popover: 222.2 84% 4.9%;
         --popover-foreground: 210 40% 98%;
 
-        --primary: 210 40% 98%;
-        --primary-foreground: 222.2 47.4% 11.2%;
+        --primary: 223 47% 20%;
+        --primary-foreground: 0 0% 98%;
 
         --secondary: 217.2 32.6% 17.5%;
         --secondary-foreground: 210 40% 98%;
@@ -1181,10 +1181,12 @@
         --muted: 217.2 32.6% 17.5%;
         --muted-foreground: 215 20.2% 65.1%;
 
-        --accent: 217.2 32.6% 17.5%;
-        --accent-foreground: 210 40% 98%;
-
+        /* iGC brand amber accent — replaces default shadcn blue-gray (217.2 32.6% 17.5%) */
+        --accent: 32 80% 32%;
+        --accent-foreground: 0 0% 98%;
 
+        /* iGC brand token: accent hover — darkened amber for dark surfaces */
+        --accent-hover: 25 75% 36%;
 
         --destructive: 0 62.8% 30.6%;
         --destructive-foreground: 210 40% 98%;
@@ -1193,6 +1195,28 @@
         --input: 217.2 32.6% 17.5%;
         --ring: 212.7 26.8% 83.9%;
 
+        /* iGC brand token: primary variant — deep navy for dark surfaces */
+        --primary-variant: 223 39% 14%;
+
+        /* iGC brand token: gaming gold — slightly desaturated and darkened for dark mode */
+        --gaming-gold: 45 85% 42%;
+
+        /* iGC brand token: gaming success — same hue, reduced lightness for dark mode */
+        --gaming-success: 142 60% 34%;
+
+        /* iGC brand token: gaming warning — same hue, reduced lightness for dark mode */
+        --gaming-warning: 38 80% 40%;
+
+        /* iGC brand gradients — updated to reference dark-mode token values */
+        --gradient-hero: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-variant)));
+        --gradient-accent: linear-gradient(135deg, hsl(var(--accent)), hsl(var(--gaming-gold)));
+        --gradient-card: linear-gradient(180deg, hsl(var(--card)), hsl(222.2 84% 7%));
+
+        /* iGC brand shadows — reduced opacity to suit dark surfaces */
+        --shadow-elegant: 0 10px 30px -10px hsl(var(--primary) / 0.3);
+        --shadow-accent: 0 8px 25px -8px hsl(var(--accent) / 0.35);
+        --shadow-card: 0 4px 20px -4px hsl(0 0% 0% / 0.3);
+
         --sidebar-background: 240 5.9% 10%;
         --sidebar-foreground: 240 4.8% 95.9%;
         --sidebar-primary: 224.3 76.3% 48%;