@vaneui/ui 0.9.0-alpha.20260106184406.602ce72 → 0.9.0-alpha.20260106192523.680d7a3

package/dist/components/ui/props/propDescriptions.d.ts

@@ -2,7 +2,7 @@
  * Auto-generated prop descriptions from JSDoc comments.
  * DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
  *
- * Generated on: 2026-01-06T18:44:07.388Z
+ * Generated on: 2026-01-06T19:25:25.090Z
  */
 export interface PropDescription {
     description: string;

package/dist/index.esm.js

@@ -225,7 +225,7 @@ const ComponentCategories = {
  * Auto-generated prop descriptions from JSDoc comments.
  * DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
  *
- * Generated on: 2026-01-06T18:44:07.388Z
+ * Generated on: 2026-01-06T19:25:25.090Z
  */
 const PropDescriptions = {
     "appearance": {

package/dist/index.js

@@ -227,7 +227,7 @@ const ComponentCategories = {
  * Auto-generated prop descriptions from JSDoc comments.
  * DO NOT EDIT MANUALLY - Run 'npm run props:generate' to regenerate.
  *
- * Generated on: 2026-01-06T18:44:07.388Z
+ * Generated on: 2026-01-06T19:25:25.090Z
  */
 const PropDescriptions = {
     "appearance": {

package/dist/ui.css

@@ -140,6 +140,7 @@
     --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
     --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
     --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --animate-bounce: bounce 1s infinite;
     --default-transition-duration: 150ms;
@@ -1730,19 +1731,19 @@
       --br-unit: 2;
       --gap-unit: 2;
       --shadow-base: var(--shadow-sm);
-      --shadow-hover: var(--shadow);
+      --shadow-hover: var(--shadow-md);
     }
     [data-vane-type="ui"][data-size="lg"] {
       --br-unit: 2.5;
       --gap-unit: 2.5;
-      --shadow-base: var(--shadow);
-      --shadow-hover: var(--shadow-md);
+      --shadow-base: var(--shadow-md);
+      --shadow-hover: var(--shadow-lg);
     }
     [data-vane-type="ui"][data-size="xl"] {
       --br-unit: 3;
       --gap-unit: 3;
-      --shadow-base: var(--shadow-md);
-      --shadow-hover: var(--shadow-lg);
+      --shadow-base: var(--shadow-lg);
+      --shadow-hover: var(--shadow-xl);
     }
     [data-vane-type="layout"][data-size="xs"] {
       --br-unit: 3;
@@ -1757,17 +1758,17 @@
     [data-vane-type="layout"][data-size="md"] {
       --br-unit: 5;
       --gap-unit: 4;
-      --shadow-base: var(--shadow);
+      --shadow-base: var(--shadow-md);
     }
     [data-vane-type="layout"][data-size="lg"] {
       --br-unit: 6;
       --gap-unit: 5;
-      --shadow-base: var(--shadow-md);
+      --shadow-base: var(--shadow-lg);
     }
     [data-vane-type="layout"][data-size="xl"] {
       --br-unit: 7;
       --gap-unit: 6;
-      --shadow-base: var(--shadow-lg);
+      --shadow-base: var(--shadow-xl);
     }
     .vane-button {
       --lh: 1.3;

package/dist/vars.css

@@ -210,16 +210,16 @@
     /* UI type defaults (compact spacing, with hover shadows using Tailwind shadow vars) */
     [data-vane-type="ui"][data-size="xs"] { --br-unit: 1; --gap-unit: 1;   --shadow-base: var(--shadow-2xs); --shadow-hover: var(--shadow-xs); }
     [data-vane-type="ui"][data-size="sm"] { --br-unit: 1.5; --gap-unit: 1.5; --shadow-base: var(--shadow-xs);  --shadow-hover: var(--shadow-sm); }
-    [data-vane-type="ui"][data-size="md"] { --br-unit: 2; --gap-unit: 2;   --shadow-base: var(--shadow-sm);  --shadow-hover: var(--shadow); }
-    [data-vane-type="ui"][data-size="lg"] { --br-unit: 2.5; --gap-unit: 2.5; --shadow-base: var(--shadow);     --shadow-hover: var(--shadow-md); }
-    [data-vane-type="ui"][data-size="xl"] { --br-unit: 3; --gap-unit: 3;   --shadow-base: var(--shadow-md);  --shadow-hover: var(--shadow-lg); }
+    [data-vane-type="ui"][data-size="md"] { --br-unit: 2; --gap-unit: 2;   --shadow-base: var(--shadow-sm);  --shadow-hover: var(--shadow-md); }
+    [data-vane-type="ui"][data-size="lg"] { --br-unit: 2.5; --gap-unit: 2.5; --shadow-base: var(--shadow-md); --shadow-hover: var(--shadow-lg); }
+    [data-vane-type="ui"][data-size="xl"] { --br-unit: 3; --gap-unit: 3;   --shadow-base: var(--shadow-lg);  --shadow-hover: var(--shadow-xl); }
 
     /* Layout type defaults (generous spacing, static shadows using Tailwind shadow vars) */
     [data-vane-type="layout"][data-size="xs"] { --br-unit: 3; --gap-unit: 2; --shadow-base: var(--shadow-xs); }
     [data-vane-type="layout"][data-size="sm"] { --br-unit: 4; --gap-unit: 3; --shadow-base: var(--shadow-sm); }
-    [data-vane-type="layout"][data-size="md"] { --br-unit: 5; --gap-unit: 4; --shadow-base: var(--shadow); }
-    [data-vane-type="layout"][data-size="lg"] { --br-unit: 6; --gap-unit: 5; --shadow-base: var(--shadow-md); }
-    [data-vane-type="layout"][data-size="xl"] { --br-unit: 7; --gap-unit: 6; --shadow-base: var(--shadow-lg); }
+    [data-vane-type="layout"][data-size="md"] { --br-unit: 5; --gap-unit: 4; --shadow-base: var(--shadow-md); }
+    [data-vane-type="layout"][data-size="lg"] { --br-unit: 6; --gap-unit: 5; --shadow-base: var(--shadow-lg); }
+    [data-vane-type="layout"][data-size="xl"] { --br-unit: 7; --gap-unit: 6; --shadow-base: var(--shadow-xl); }
 
     /* NON-RESPONSIVE COMPONENTS */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.9.0-alpha.20260106184406.602ce72",
+  "version": "0.9.0-alpha.20260106192523.680d7a3",
   "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
   "author": "",
   "license": "ISC",