@vaneui/ui 0.2.1-alpha.20250831120721.fd71f6f → 0.2.1-alpha.20250901145733.e9c8d4d

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 (3) hide show
  1. package/dist/ui.css +14 -13
  2. package/dist/vars.css +11 -11
  3. package/package.json +2 -3
package/dist/ui.css CHANGED
@@ -25,12 +25,13 @@
25
25
  --color-amber-800: oklch(47.3% 0.137 46.201);
26
26
  --color-yellow-50: oklch(98.7% 0.026 102.212);
27
27
  --color-yellow-100: oklch(97.3% 0.071 103.193);
28
- --color-yellow-600: oklch(68.1% 0.162 75.834);
28
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
29
29
  --color-green-50: oklch(98.2% 0.018 155.826);
30
30
  --color-green-200: oklch(92.5% 0.084 155.995);
31
31
  --color-green-500: oklch(72.3% 0.219 149.579);
32
32
  --color-green-600: oklch(62.7% 0.194 149.214);
33
33
  --color-green-700: oklch(52.7% 0.154 150.069);
34
+ --color-green-800: oklch(44.8% 0.119 151.328);
34
35
  --color-emerald-50: oklch(97.9% 0.021 166.113);
35
36
  --color-emerald-100: oklch(95% 0.052 163.051);
36
37
  --color-emerald-200: oklch(90.5% 0.093 164.15);
@@ -57,7 +58,7 @@
57
58
  --color-indigo-100: oklch(93% 0.034 272.788);
58
59
  --color-indigo-400: oklch(67.3% 0.182 276.935);
59
60
  --color-indigo-500: oklch(58.5% 0.233 277.117);
60
- --color-indigo-600: oklch(51.1% 0.262 276.966);
61
+ --color-indigo-800: oklch(39.8% 0.195 277.366);
61
62
  --color-violet-400: oklch(70.2% 0.183 293.541);
62
63
  --color-violet-600: oklch(54.1% 0.281 293.009);
63
64
  --color-purple-600: oklch(55.8% 0.288 302.321);
@@ -136,7 +137,7 @@
136
137
  --text-color-danger: var(--color-red-600, #dc2626);
137
138
  --text-color-warning: var(--color-amber-600, #d97706);
138
139
  --text-color-info: var(--color-cyan-600, #0891b2);
139
- --filled-text-color-default: var(--color-gray-100, #f3f4f6);
140
+ --filled-text-color-default: #ffffff;
140
141
  --filled-text-color-primary: var(--color-blue-100, #dbeafe);
141
142
  --filled-text-color-secondary: var(--color-gray-100, #f3f4f6);
142
143
  --filled-text-color-tertiary: var(--color-gray-200, #e5e7eb);
@@ -217,16 +218,16 @@
217
218
  --layout-background-warning: var(--color-yellow-50, #fefce8);
218
219
  --layout-background-info: var(--color-blue-50, #eff6ff);
219
220
  --layout-background-link: var(--color-blue-50, #eff6ff);
220
- --layout-filled-background-color-default: var(--color-gray-600, #4b5563);
221
- --layout-filled-background-color-primary: var(--color-blue-600, #2563eb);
222
- --layout-filled-background-color-secondary: var(--color-gray-600, #4b5563);
223
- --layout-filled-background-color-tertiary: var(--color-gray-500, #6b7280);
224
- --layout-filled-background-color-accent: var(--color-indigo-600, #4f46e5);
225
- --layout-filled-background-color-success: var(--color-green-600, #16a34a);
226
- --layout-filled-background-color-danger: var(--color-red-600, #dc2626);
227
- --layout-filled-background-color-warning: var(--color-yellow-600, #ca8a04);
228
- --layout-filled-background-color-info: var(--color-blue-600, #2563eb);
229
- --layout-filled-background-color-link: var(--color-blue-600, #2563eb);
221
+ --layout-filled-background-color-default: var(--color-gray-800, #4b5563);
222
+ --layout-filled-background-color-primary: var(--color-blue-800, #2563eb);
223
+ --layout-filled-background-color-secondary: var(--color-gray-900, #4b5563);
224
+ --layout-filled-background-color-tertiary: var(--color-gray-800, #6b7280);
225
+ --layout-filled-background-color-accent: var(--color-indigo-800, #4f46e5);
226
+ --layout-filled-background-color-success: var(--color-green-800, #16a34a);
227
+ --layout-filled-background-color-danger: var(--color-red-800, #dc2626);
228
+ --layout-filled-background-color-warning: var(--color-yellow-800, #ca8a04);
229
+ --layout-filled-background-color-info: var(--color-blue-800, #2563eb);
230
+ --layout-filled-background-color-link: var(--color-blue-800, #2563eb);
230
231
  --border-color-default: var(--color-gray-200, #d1d5db);
231
232
  --border-color-primary: var(--color-blue-200, #93c5fd);
232
233
  --border-color-secondary: var(--color-gray-200, #d1d5db);
package/dist/vars.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --text-color-info: var(--color-cyan-600, #0891b2);
13
13
 
14
14
  /* Filled Text Colors */
15
- --filled-text-color-default: var(--color-gray-100, #f3f4f6);
15
+ --filled-text-color-default: #ffffff;
16
16
  --filled-text-color-primary: var(--color-blue-100, #dbeafe);
17
17
  --filled-text-color-secondary: var(--color-gray-100, #f3f4f6);
18
18
  --filled-text-color-tertiary: var(--color-gray-200, #e5e7eb);
@@ -110,17 +110,17 @@
110
110
  --layout-background-link: var(--color-blue-50, #eff6ff);
111
111
 
112
112
  /* Layout Filled Background Colors */
113
- --layout-filled-background-color-default: var(--color-gray-600, #4b5563);
114
- --layout-filled-background-color-primary: var(--color-blue-600, #2563eb);
115
- --layout-filled-background-color-secondary: var(--color-gray-600, #4b5563);
116
- --layout-filled-background-color-tertiary: var(--color-gray-500, #6b7280);
117
- --layout-filled-background-color-accent: var(--color-indigo-600, #4f46e5);
118
- --layout-filled-background-color-success: var(--color-green-600, #16a34a);
119
- --layout-filled-background-color-danger: var(--color-red-600, #dc2626);
120
- --layout-filled-background-color-warning: var(--color-yellow-600, #ca8a04);
121
- --layout-filled-background-color-info: var(--color-blue-600, #2563eb);
113
+ --layout-filled-background-color-default: var(--color-gray-800, #4b5563);
114
+ --layout-filled-background-color-primary: var(--color-blue-800, #2563eb);
115
+ --layout-filled-background-color-secondary: var(--color-gray-900, #4b5563);
116
+ --layout-filled-background-color-tertiary: var(--color-gray-800, #6b7280);
117
+ --layout-filled-background-color-accent: var(--color-indigo-800, #4f46e5);
118
+ --layout-filled-background-color-success: var(--color-green-800, #16a34a);
119
+ --layout-filled-background-color-danger: var(--color-red-800, #dc2626);
120
+ --layout-filled-background-color-warning: var(--color-yellow-800, #ca8a04);
121
+ --layout-filled-background-color-info: var(--color-blue-800, #2563eb);
122
122
  --layout-filled-background-color-transparent: transparent;
123
- --layout-filled-background-color-link: var(--color-blue-600, #2563eb);
123
+ --layout-filled-background-color-link: var(--color-blue-800, #2563eb);
124
124
 
125
125
  /* Border Colors */
126
126
  --border-color-default: var(--color-gray-200, #d1d5db);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaneui/ui",
3
- "version": "0.2.1-alpha.20250831120721.fd71f6f",
3
+ "version": "0.2.1-alpha.20250901145733.e9c8d4d",
4
4
  "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
5
5
  "author": "",
6
6
  "license": "ISC",
@@ -49,8 +49,7 @@
49
49
  "build:css:ui": "npx @tailwindcss/cli -i src/components/index.css -o ./dist/ui.css",
50
50
  "build": "npm run clean && npm run build:js && npm run build:css:ui && npm run build:css:vars",
51
51
  "test": "tsc --noEmit && node node_modules/jest/bin/jest.js",
52
- "playground": "npm run build && cd playground && npm run dev",
53
- "playground:dev": "cd playground && npm run dev"
52
+ "playground": "npm run build:css:ui && npm run build:css:vars && concurrently --kill-others --raw \"npx @tailwindcss/cli -i src/components/css/vars.css -o ./dist/vars.css --watch\" \"npx @tailwindcss/cli -i src/components/index.css -o ./dist/ui.css --watch\" \"cd playground && npm run dev\""
54
53
  },
55
54
  "peerDependencies": {
56
55
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",