luaniverse 4.2.7 → 4.2.8

package/dist/tailwind.preset.js

@@ -32,6 +32,10 @@ export const luaniversePreset = {
           hover: 'hsl(var(--destructive-hover, 351 100% 40%))', // Fallback to #CC001E
           active: 'hsl(var(--destructive-active, 351 100% 37%))', // Fallback to #BF001C
         },
+        info: {
+          DEFAULT: 'hsl(var(--info, 217 91% 60%))', // Fallback to blue-500
+          foreground: 'hsl(var(--info-foreground, 222 47% 11%))', // Fallback to dark
+        },
         // Brand neutral colors
         black: {
           DEFAULT: '#000000',

package/dist/theme.css

@@ -51,7 +51,7 @@
     /* Accent */
     --accent: 221 83% 53%; /* blue-600 */
     --accent-foreground: 0 0% 100%; /* white */
-    
+
     /* Accent Subtle (for tabs, pills) */
     --accent-subtle: 214 100% 97%; /* blue-50 - very light blue */
     --accent-subtle-foreground: 213 97% 27%; /* blue-800 */
@@ -118,7 +118,7 @@
   /* Accent Tokens */
   --color-accent: hsl(var(--accent));
   --color-accent-foreground: hsl(var(--accent-foreground));
-  
+
   /* Accent Subtle Tokens (for tabs, pills) */
   --color-accent-subtle: hsl(var(--accent-subtle));
   --color-accent-subtle-foreground: hsl(var(--accent-subtle-foreground));
@@ -148,8 +148,8 @@
 @media (prefers-color-scheme: dark) {
   :root {
     /* Base Colors - Dark grays and off-whites */
-    --background: 222 47% 11%; /* gray-900 */
-    --foreground: 210 20% 98%; /* gray-50 */
+    --background: 220 13% 12%;
+    --foreground: 210 20% 98%;
 
     /* Card & Surface - Slightly lighter than background for depth */
     --card: 217 19% 18%; /* gray-800/850 - elevated surface */
@@ -159,17 +159,17 @@
     --popover: 217 19% 18%; /* gray-800/850 - elevated surface */
     --popover-foreground: 210 20% 98%; /* gray-50 */
 
-    /* Default (Emphasis - Inverted for dark mode) */
-    --default: 220 13% 95%; /* gray-100 - light gray for dark bg */
-    --default-foreground: 222 47% 11%; /* gray-900 - dark text */
-    --default-hover: 210 20% 98%; /* gray-50 - lighter on hover */
-    --default-active: 220 13% 91%; /* gray-200 - darker on press */
+    /* Default (Emphasis - Still prominent but comfortable) */
+    --default: 215 25% 35%; /* gray-600/650 - medium-light gray */
+    --default-foreground: 210 20% 98%; /* gray-50 - off-white text */
+    --default-hover: 217 19% 40%; /* slightly lighter on hover */
+    --default-active: 215 25% 30%; /* slightly darker on press */
 
-    /* Primary (Brand - Blue) - Slightly lighter for visibility */
-    --primary: 217 91% 60%; /* blue-500 */
-    --primary-foreground: 222 47% 11%; /* gray-900 */
-    --primary-hover: 213 94% 68%; /* blue-400 */
-    --primary-active: 221 83% 53%; /* blue-600 */
+    /* Primary (Brand - Blue) - Brighter and more vibrant for CTAs */
+    --primary: 217 95% 65%; /* blue-450 - more saturated and lighter */
+    --primary-foreground: 210 20% 98%; /* gray-50 - off-white for better contrast */
+    --primary-hover: 213 97% 70%; /* blue-400 - brighter hover */
+    --primary-active: 217 91% 60%; /* blue-500 - original as active */
 
     /* Secondary (Neutral) - Dark grays */
     --secondary: 217 19% 27%; /* gray-700 */
@@ -184,7 +184,7 @@
     /* Accent */
     --accent: 217 91% 60%; /* blue-500 */
     --accent-foreground: 222 47% 11%; /* gray-900 */
-    
+
     /* Accent Subtle (for tabs, pills) */
     --accent-subtle: 215 25% 27%; /* gray-700 - dark subtle bg */
     --accent-subtle-foreground: 213 94% 68%; /* blue-400 - bright blue text */
@@ -216,7 +216,7 @@
 .rdp-root {
   /* Calendar background */
   --rdp-background-color: hsl(var(--card));
-  
+
   /* Use semantic tokens for selected days instead of default blue */
   --rdp-accent-color: hsl(var(--foreground));
   --rdp-accent-background-color: hsl(var(--secondary));
@@ -236,11 +236,11 @@
 [data-theme='dark'] .rdp-root {
   /* Calendar background and base colors for dark mode */
   --rdp-background-color: hsl(var(--card));
-  
+
   /* Use semantic tokens for selected days in dark mode */
   --rdp-accent-color: hsl(var(--foreground));
   --rdp-accent-background-color: hsl(var(--secondary));
-  
+
   /* Range selection colors for dark mode */
   --rdp-range_middle-background-color: hsl(var(--muted));
   --rdp-range_middle-color: hsl(var(--foreground));
@@ -248,7 +248,7 @@
   --rdp-range_start-color: hsl(var(--foreground));
   --rdp-range_end-background: hsl(var(--secondary));
   --rdp-range_end-color: hsl(var(--foreground));
-  
+
   /* Today indicator for dark mode */
   --rdp-today-color: hsl(var(--foreground));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luaniverse",
-  "version": "4.2.7",
+  "version": "4.2.8",
   "description": "Lua Design System - A React component library for Lua applications",
   "type": "module",
   "main": "dist/index.cjs",