@duskmoon-dev/core 1.4.0 → 1.5.0

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 (17) hide show
  1. package/dist/components/appbar.css +186 -1
  2. package/dist/components/cascader.css +418 -0
  3. package/dist/components/checkbox.css +2 -1
  4. package/dist/components/index.css +4203 -2768
  5. package/dist/components/popover.css +329 -3
  6. package/dist/components/textarea.css +212 -16
  7. package/dist/components/tree-select.css +36 -3
  8. package/dist/esm/components/appbar.js +186 -1
  9. package/dist/esm/components/cascader.js +425 -0
  10. package/dist/esm/components/checkbox.js +2 -1
  11. package/dist/esm/components/popover.js +329 -3
  12. package/dist/esm/components/textarea.js +212 -16
  13. package/dist/esm/components/tree-select.js +36 -3
  14. package/dist/index.css +4397 -2907
  15. package/dist/themes/moonlight.css +96 -68
  16. package/dist/themes/sunshine.css +95 -68
  17. package/package.json +1 -1
package/dist/themes/moonlight.css CHANGED
@@ -12,22 +12,22 @@
12
12
  * ============================================ */
13
13
 
14
14
  /* Primary Color Family - Cool Blue */
15
- --color-primary: oklch(68% 0.18 255);
16
- --color-primary-content: oklch(100% 0 0);
17
- --color-primary-container: oklch(35% 0.08 255);
18
- --color-on-primary-container: oklch(88% 0.08 255);
15
+ --color-primary: oklch(85.45% 0 0);
16
+ --color-primary-content: oklch(14.94% 0.031 39.947);
17
+ --color-primary-container: oklch(25% 0.01 0);
18
+ --color-on-primary-container: oklch(85% 0.01 0);
19
19
 
20
20
  /* Secondary Color Family - Soft Teal */
21
- --color-secondary: oklch(72% 0.10 190);
22
- --color-secondary-content: oklch(20% 0 0);
23
- --color-secondary-container: oklch(32% 0.05 190);
24
- --color-on-secondary-container: oklch(85% 0.06 190);
21
+ --color-secondary: oklch(83.33% 0.0981 73.78);
22
+ --color-secondary-content: oklch(14.507% 0.035 2.72);
23
+ --color-secondary-container: oklch(28% 0.03 73.78);
24
+ --color-on-secondary-container: oklch(88% 0.03 73.78);
25
25
 
26
26
  /* Tertiary Color Family - Lavender */
27
- --color-tertiary: oklch(72% 0.14 310);
28
- --color-tertiary-content: oklch(20% 0 0);
29
- --color-tertiary-container: oklch(35% 0.08 310);
30
- --color-on-tertiary-container: oklch(88% 0.06 310);
27
+ --color-tertiary: oklch(72% 0.090 255);
28
+ --color-tertiary-content: oklch(14% 0.012 255);
29
+ --color-tertiary-container: oklch(28% 0.030 255);
30
+ --color-on-tertiary-container: oklch(88% 0.010 255);
31
31
 
32
32
  /* ============================================
33
33
  * SURFACE COLORS
@@ -49,26 +49,26 @@
49
49
  * ============================================ */
50
50
 
51
51
  /* Info - Light Blue */
52
- --color-info: oklch(72% 0.12 235);
53
- --color-info-content: oklch(20% 0 0);
52
+ --color-info: oklch(82.42% 0.09757279812867503 240.7677443360475);
53
+ --color-info-content: oklch(17.111% 0.017 206.015);
54
54
  --color-info-container: oklch(32% 0.06 235);
55
55
  --color-on-info-container: oklch(88% 0.06 235);
56
56
 
57
57
  /* Success - Mint Green */
58
- --color-success: oklch(65% 0.12 150);
59
- --color-success-content: oklch(20% 0 0);
58
+ --color-success: oklch(82.19% 0.0621 133.3);
59
+ --color-success-content: oklch(17.112% 0.017 144.778);
60
60
  --color-success-container: oklch(30% 0.05 150);
61
61
  --color-on-success-container: oklch(85% 0.06 150);
62
62
 
63
63
  /* Warning - Warm Amber */
64
- --color-warning: oklch(82% 0.14 80);
65
- --color-warning-content: oklch(20% 0 0);
64
+ --color-warning: oklch(76.36% 0.1752731353930708 61.96388739129725);
65
+ --color-warning-content: oklch(17.113% 0.016 74.427);
66
66
  --color-warning-container: oklch(35% 0.06 80);
67
67
  --color-on-warning-container: oklch(90% 0.06 80);
68
68
 
69
69
  /* Error - Soft Red */
70
- --color-error: oklch(62% 0.18 25);
71
- --color-error-content: oklch(100% 0 0);
70
+ --color-error: oklch(46.38% 0.1898 29.17);
71
+ --color-error-content: oklch(86.38% 0.298 39.17);
72
72
  --color-error-container: oklch(30% 0.08 25);
73
73
  --color-on-error-container: oklch(88% 0.06 25);
74
74
 
@@ -76,16 +76,17 @@
76
76
  * NEUTRAL COLORS (Base Scale)
77
77
  * ============================================ */
78
78
 
79
- --color-base-100: oklch(20% 0.02 260);
80
- --color-base-200: oklch(23% 0.02 260);
81
- --color-base-300: oklch(26% 0.02 260);
82
- --color-base-400: oklch(32% 0.01 260);
83
- --color-base-500: oklch(44% 0.01 260);
84
- --color-base-600: oklch(58% 0.01 260);
85
- --color-base-700: oklch(70% 0.01 260);
86
- --color-base-800: oklch(84% 0.01 260);
87
- --color-base-900: oklch(94% 0.01 260);
88
- --color-base-content: oklch(95% 0.01 260);
79
+ --color-base-100: oklch(22% 0.019 237.69);
80
+ --color-base-200: oklch(20% 0.019 237.69);
81
+ --color-base-300: oklch(18% 0.019 237.69);
82
+ --color-base-400: oklch(26% 0.019 237.69);
83
+ --color-base-500: oklch(32% 0.019 237.69);
84
+ --color-base-600: oklch(40% 0.018 237.69);
85
+ --color-base-700: oklch(55% 0.017 237.69);
86
+ --color-base-800: oklch(70% 0.016 237.69);
87
+ --color-base-900: oklch(85% 0.015 237.69);
88
+ --color-base-content: oklch(77.383% 0.043 245.096);
89
+
89
90
 
90
91
  /* ============================================
91
92
  * OUTLINE COLORS
@@ -98,17 +99,30 @@
98
99
  * ACCENT COLORS
99
100
  * ============================================ */
100
101
 
101
- --color-accent: oklch(72% 0.16 175);
102
- --color-accent-content: oklch(20% 0 0);
102
+ --color-accent: oklch(75.65% 0.1303 335.51);
103
+ --color-accent-content: oklch(14.258% 0.033 299.844);
103
104
 
104
105
  /* ============================================
105
106
  * NEUTRAL COLORS
106
107
  * ============================================ */
107
108
 
108
- --color-neutral: oklch(75% 0.01 260);
109
- --color-neutral-content: oklch(20% 0.01 260);
109
+ --color-neutral: oklch(23% 0 0);
110
+ --color-neutral-content: oklch(52.43% 0 0);
110
111
  --color-neutral-variant: oklch(55% 0.01 260);
111
112
 
113
+ /* ============================================
114
+ * SHAPE & DEPTH
115
+ * ============================================ */
116
+
117
+ --radius-selector: 0rem;
118
+ --radius-field: 0.5rem;
119
+ --radius-box: 2rem;
120
+ --size-selector: 0.1875rem;
121
+ --size-field: 0.1875rem;
122
+ --border: 0.5px;
123
+ --depth: 1;
124
+ --noise: 1;
125
+
112
126
  /* ============================================
113
127
  * SURFACE VARIANT
114
128
  * ============================================ */
@@ -137,20 +151,20 @@
137
151
  color-scheme: dark;
138
152
 
139
153
  /* Brand Colors */
140
- --color-primary: oklch(68% 0.18 255);
141
- --color-primary-content: oklch(100% 0 0);
142
- --color-primary-container: oklch(35% 0.08 255);
143
- --color-on-primary-container: oklch(88% 0.08 255);
154
+ --color-primary: oklch(85.45% 0 0);
155
+ --color-primary-content: oklch(14.94% 0.031 39.947);
156
+ --color-primary-container: oklch(25% 0.01 0);
157
+ --color-on-primary-container: oklch(85% 0.01 0);
144
158
 
145
- --color-secondary: oklch(72% 0.10 190);
146
- --color-secondary-content: oklch(20% 0 0);
147
- --color-secondary-container: oklch(32% 0.05 190);
148
- --color-on-secondary-container: oklch(85% 0.06 190);
159
+ --color-secondary: oklch(83.33% 0.0981 73.78);
160
+ --color-secondary-content: oklch(14.507% 0.035 2.72);
161
+ --color-secondary-container: oklch(28% 0.03 73.78);
162
+ --color-on-secondary-container: oklch(88% 0.03 73.78);
149
163
 
150
- --color-tertiary: oklch(72% 0.14 310);
151
- --color-tertiary-content: oklch(20% 0 0);
152
- --color-tertiary-container: oklch(35% 0.08 310);
153
- --color-on-tertiary-container: oklch(88% 0.06 310);
164
+ --color-tertiary: oklch(72% 0.090 255);
165
+ --color-tertiary-content: oklch(14% 0.012 255);
166
+ --color-tertiary-container: oklch(28% 0.030 255);
167
+ --color-on-tertiary-container: oklch(88% 0.010 255);
154
168
 
155
169
  /* Surface Colors */
156
170
  --color-surface: oklch(20% 0.02 260);
@@ -165,51 +179,64 @@
165
179
  --color-on-surface-variant: oklch(75% 0.01 260);
166
180
 
167
181
  /* Semantic Colors */
168
- --color-info: oklch(72% 0.12 235);
169
- --color-info-content: oklch(20% 0 0);
182
+ --color-info: oklch(82.42% 0.09757279812867503 240.7677443360475);
183
+ --color-info-content: oklch(17.111% 0.017 206.015);
170
184
  --color-info-container: oklch(32% 0.06 235);
171
185
  --color-on-info-container: oklch(88% 0.06 235);
172
186
 
173
- --color-success: oklch(65% 0.12 150);
174
- --color-success-content: oklch(20% 0 0);
187
+ --color-success: oklch(82.19% 0.0621 133.3);
188
+ --color-success-content: oklch(17.112% 0.017 144.778);
175
189
  --color-success-container: oklch(30% 0.05 150);
176
190
  --color-on-success-container: oklch(85% 0.06 150);
177
191
 
178
- --color-warning: oklch(82% 0.14 80);
179
- --color-warning-content: oklch(20% 0 0);
192
+ --color-warning: oklch(76.36% 0.1752731353930708 61.96388739129725);
193
+ --color-warning-content: oklch(17.113% 0.016 74.427);
180
194
  --color-warning-container: oklch(35% 0.06 80);
181
195
  --color-on-warning-container: oklch(90% 0.06 80);
182
196
 
183
- --color-error: oklch(62% 0.18 25);
184
- --color-error-content: oklch(100% 0 0);
197
+ --color-error: oklch(46.38% 0.1898 29.17);
198
+ --color-error-content: oklch(86.38% 0.298 39.17);
185
199
  --color-error-container: oklch(30% 0.08 25);
186
200
  --color-on-error-container: oklch(88% 0.06 25);
187
201
 
188
202
  /* Neutral Colors */
189
- --color-base-100: oklch(20% 0.02 260);
190
- --color-base-200: oklch(23% 0.02 260);
191
- --color-base-300: oklch(26% 0.02 260);
192
- --color-base-400: oklch(32% 0.01 260);
193
- --color-base-500: oklch(44% 0.01 260);
194
- --color-base-600: oklch(58% 0.01 260);
195
- --color-base-700: oklch(70% 0.01 260);
196
- --color-base-800: oklch(84% 0.01 260);
197
- --color-base-900: oklch(94% 0.01 260);
198
- --color-base-content: oklch(95% 0.01 260);
203
+ --color-base-100: oklch(22% 0.019 237.69);
204
+ --color-base-200: oklch(20% 0.019 237.69);
205
+ --color-base-300: oklch(18% 0.019 237.69);
206
+ --color-base-400: oklch(26% 0.019 237.69);
207
+ --color-base-500: oklch(32% 0.019 237.69);
208
+ --color-base-600: oklch(40% 0.018 237.69);
209
+ --color-base-700: oklch(55% 0.017 237.69);
210
+ --color-base-800: oklch(70% 0.016 237.69);
211
+ --color-base-900: oklch(85% 0.015 237.69);
212
+ --color-base-content: oklch(77.383% 0.043 245.096);
199
213
 
200
214
  /* Outline Colors */
201
215
  --color-outline: oklch(44% 0.01 260);
202
216
  --color-outline-variant: oklch(35% 0.01 260);
203
217
 
204
218
  /* Accent Colors */
205
- --color-accent: oklch(72% 0.16 175);
206
- --color-accent-content: oklch(20% 0 0);
219
+ --color-accent: oklch(75.65% 0.1303 335.51);
220
+ --color-accent-content: oklch(14.258% 0.033 299.844);
207
221
 
208
222
  /* Neutral Colors */
209
- --color-neutral: oklch(75% 0.01 260);
210
- --color-neutral-content: oklch(20% 0.01 260);
223
+ --color-neutral: oklch(23% 0 0);
224
+ --color-neutral-content: oklch(52.43% 0 0);
211
225
  --color-neutral-variant: oklch(55% 0.01 260);
212
226
 
227
+ /* ============================================
228
+ * SHAPE & DEPTH
229
+ * ============================================ */
230
+
231
+ --radius-selector: 0rem;
232
+ --radius-field: 0.5rem;
233
+ --radius-box: 2rem;
234
+ --size-selector: 0.1875rem;
235
+ --size-field: 0.1875rem;
236
+ --border: 0.5px;
237
+ --depth: 1;
238
+ --noise: 1;
239
+
213
240
  /* Surface Variant */
214
241
  --color-surface-variant: oklch(30% 0.02 260);
215
242
 
@@ -223,3 +250,4 @@
223
250
  --color-scrim: oklch(0% 0 0 / 60%);
224
251
  }
225
252
  }
253
+
package/dist/themes/sunshine.css CHANGED
@@ -12,22 +12,22 @@
12
12
  * ============================================ */
13
13
 
14
14
  /* Primary Color Family - Warm Orange */
15
- --color-primary: oklch(72% 0.165 55);
16
- --color-primary-content: oklch(100% 0 0);
17
- --color-primary-container: oklch(95% 0.04 55);
18
- --color-on-primary-container: oklch(35% 0.10 55);
15
+ --color-primary: oklch(95.86% 0.0693 95.91);
16
+ --color-primary-content: oklch(20% 0 0);
17
+ --color-primary-container: oklch(95% 0.035 95.91);
18
+ --color-on-primary-container: oklch(25% 0.03 95.91);
19
19
 
20
20
  /* Secondary Color Family - Coral Pink */
21
- --color-secondary: oklch(68% 0.18 360);
22
- --color-secondary-content: oklch(100% 0 0);
23
- --color-secondary-container: oklch(95% 0.04 360);
24
- --color-on-secondary-container: oklch(40% 0.12 360);
21
+ --color-secondary: oklch(87.42% 0.143 87.01);
22
+ --color-secondary-content: oklch(27.42% 0.143 87.01);
23
+ --color-secondary-container: oklch(94% 0.05 87.01);
24
+ --color-on-secondary-container: oklch(25% 0.05 87.01);
25
25
 
26
26
  /* Tertiary Color Family - Violet */
27
- --color-tertiary: oklch(62% 0.18 300);
28
- --color-tertiary-content: oklch(100% 0 0);
29
- --color-tertiary-container: oklch(95% 0.04 300);
30
- --color-on-tertiary-container: oklch(38% 0.12 300);
27
+ --color-tertiary: oklch(80% 0.085 235);
28
+ --color-tertiary-content: oklch(18% 0.010 235);
29
+ --color-tertiary-container: oklch(95% 0.035 235);
30
+ --color-on-tertiary-container: oklch(22% 0.012 235);
31
31
 
32
32
  /* ============================================
33
33
  * SURFACE COLORS
@@ -49,26 +49,26 @@
49
49
  * ============================================ */
50
50
 
51
51
  /* Info - Sky Blue */
52
- --color-info: oklch(68% 0.15 235);
53
- --color-info-content: oklch(100% 0 0);
52
+ --color-info: oklch(41.94% 0.114 254.39);
53
+ --color-info-content: oklch(91.94% 0.114 254.39);
54
54
  --color-info-container: oklch(95% 0.03 235);
55
55
  --color-on-info-container: oklch(35% 0.08 235);
56
56
 
57
57
  /* Success - Green */
58
- --color-success: oklch(58% 0.14 150);
59
- --color-success-content: oklch(100% 0 0);
58
+ --color-success: oklch(67.21% 0.19 133.55);
59
+ --color-success-content: oklch(27.21% 0.19 133.55);
60
60
  --color-success-container: oklch(93% 0.04 150);
61
61
  --color-on-success-container: oklch(30% 0.08 150);
62
62
 
63
63
  /* Warning - Amber */
64
- --color-warning: oklch(80% 0.16 80);
65
- --color-warning-content: oklch(20% 0 0);
64
+ --color-warning: oklch(68.19% 0.203 42.44);
65
+ --color-warning-content: oklch(18.19% 0.6 42);
66
66
  --color-warning-container: oklch(93% 0.05 80);
67
67
  --color-on-warning-container: oklch(38% 0.10 80);
68
68
 
69
69
  /* Error - Red */
70
- --color-error: oklch(60% 0.20 25);
71
- --color-error-content: oklch(100% 0 0);
70
+ --color-error: oklch(61.17% 0.237 28.15);
71
+ --color-error-content: oklch(90.01% 0.153 84.78);
72
72
  --color-error-container: oklch(93% 0.04 25);
73
73
  --color-on-error-container: oklch(32% 0.10 25);
74
74
 
@@ -76,16 +76,16 @@
76
76
  * NEUTRAL COLORS (Base Scale)
77
77
  * ============================================ */
78
78
 
79
- --color-base-100: oklch(100% 0 0);
80
- --color-base-200: oklch(98% 0.01 85);
81
- --color-base-300: oklch(96% 0.01 85);
82
- --color-base-400: oklch(91% 0.01 85);
83
- --color-base-500: oklch(80% 0.01 85);
84
- --color-base-600: oklch(62% 0.01 85);
85
- --color-base-700: oklch(50% 0.01 85);
86
- --color-base-800: oklch(35% 0.01 85);
87
- --color-base-900: oklch(23% 0.01 85);
88
- --color-base-content: oklch(27% 0.02 260);
79
+ --color-base-100: oklch(100% 0.1 255);
80
+ --color-base-200: oklch(85% 0.1 255);
81
+ --color-base-300: oklch(70% 0.1 255);
82
+ --color-base-400: oklch(55% 0.06 255);
83
+ --color-base-500: oklch(45% 0.05 255);
84
+ --color-base-600: oklch(35% 0.04 255);
85
+ --color-base-700: oklch(25% 0.03 255);
86
+ --color-base-800: oklch(18% 0.02 255);
87
+ --color-base-900: oklch(12% 0.01 255);
88
+ --color-base-content: oklch(10% 0 255);
89
89
 
90
90
  /* ============================================
91
91
  * OUTLINE COLORS
@@ -98,17 +98,30 @@
98
98
  * ACCENT COLORS
99
99
  * ============================================ */
100
100
 
101
- --color-accent: oklch(65% 0.20 145);
102
- --color-accent-content: oklch(100% 0 0);
101
+ --color-accent: oklch(85.23% 0.14 327);
102
+ --color-accent-content: oklch(41% 0.112 45.904);
103
103
 
104
104
  /* ============================================
105
105
  * NEUTRAL COLORS
106
106
  * ============================================ */
107
107
 
108
- --color-neutral: oklch(35% 0.02 260);
109
- --color-neutral-content: oklch(95% 0.01 260);
108
+ --color-neutral: oklch(0% 0 0);
109
+ --color-neutral-content: oklch(80% 0.1 50);
110
110
  --color-neutral-variant: oklch(50% 0.02 260);
111
111
 
112
+ /* ============================================
113
+ * SHAPE & DEPTH
114
+ * ============================================ */
115
+
116
+ --radius-selector: 0rem;
117
+ --radius-field: 0.5rem;
118
+ --radius-box: 2rem;
119
+ --size-selector: 0.1875rem;
120
+ --size-field: 0.1875rem;
121
+ --border: 0.5px;
122
+ --depth: 1;
123
+ --noise: 1;
124
+
112
125
  /* ============================================
113
126
  * SURFACE VARIANT
114
127
  * ============================================ */
@@ -136,20 +149,20 @@
136
149
  color-scheme: light;
137
150
 
138
151
  /* Brand Colors */
139
- --color-primary: oklch(72% 0.165 55);
140
- --color-primary-content: oklch(100% 0 0);
141
- --color-primary-container: oklch(95% 0.04 55);
142
- --color-on-primary-container: oklch(35% 0.10 55);
152
+ --color-primary: oklch(95.86% 0.0693 95.91);
153
+ --color-primary-content: oklch(20% 0 0);
154
+ --color-primary-container: oklch(95% 0.035 95.91);
155
+ --color-on-primary-container: oklch(25% 0.03 95.91);
143
156
 
144
- --color-secondary: oklch(68% 0.18 360);
145
- --color-secondary-content: oklch(100% 0 0);
146
- --color-secondary-container: oklch(95% 0.04 360);
147
- --color-on-secondary-container: oklch(40% 0.12 360);
157
+ --color-secondary: oklch(87.42% 0.143 87.01);
158
+ --color-secondary-content: oklch(27.42% 0.143 87.01);
159
+ --color-secondary-container: oklch(94% 0.05 87.01);
160
+ --color-on-secondary-container: oklch(25% 0.05 87.01);
148
161
 
149
- --color-tertiary: oklch(62% 0.18 300);
150
- --color-tertiary-content: oklch(100% 0 0);
151
- --color-tertiary-container: oklch(95% 0.04 300);
152
- --color-on-tertiary-container: oklch(38% 0.12 300);
162
+ --color-tertiary: oklch(80% 0.085 235);
163
+ --color-tertiary-content: oklch(18% 0.010 235);
164
+ --color-tertiary-container: oklch(95% 0.035 235);
165
+ --color-on-tertiary-container: oklch(22% 0.012 235);
153
166
 
154
167
  /* Surface Colors */
155
168
  --color-surface: oklch(100% 0 0);
@@ -164,54 +177,68 @@
164
177
  --color-on-surface-variant: oklch(50% 0.02 260);
165
178
 
166
179
  /* Semantic Colors */
167
- --color-info: oklch(68% 0.15 235);
168
- --color-info-content: oklch(100% 0 0);
180
+ --color-info: oklch(41.94% 0.114 254.39);
181
+ --color-info-content: oklch(91.94% 0.114 254.39);
169
182
  --color-info-container: oklch(95% 0.03 235);
170
183
  --color-on-info-container: oklch(35% 0.08 235);
171
184
 
172
- --color-success: oklch(58% 0.14 150);
173
- --color-success-content: oklch(100% 0 0);
185
+ --color-success: oklch(67.21% 0.19 133.55);
186
+ --color-success-content: oklch(27.21% 0.19 133.55);
174
187
  --color-success-container: oklch(93% 0.04 150);
175
188
  --color-on-success-container: oklch(30% 0.08 150);
176
189
 
177
- --color-warning: oklch(80% 0.16 80);
178
- --color-warning-content: oklch(20% 0 0);
190
+ --color-warning: oklch(68.19% 0.203 42.44);
191
+ --color-warning-content: oklch(18.19% 0.6 42);
179
192
  --color-warning-container: oklch(93% 0.05 80);
180
193
  --color-on-warning-container: oklch(38% 0.10 80);
181
194
 
182
- --color-error: oklch(60% 0.20 25);
183
- --color-error-content: oklch(100% 0 0);
195
+ --color-error: oklch(61.17% 0.237 28.15);
196
+ --color-error-content: oklch(90.01% 0.153 84.78);
184
197
  --color-error-container: oklch(93% 0.04 25);
185
198
  --color-on-error-container: oklch(32% 0.10 25);
186
199
 
187
200
  /* Neutral Colors */
188
- --color-base-100: oklch(100% 0 0);
189
- --color-base-200: oklch(98% 0.01 85);
190
- --color-base-300: oklch(96% 0.01 85);
191
- --color-base-400: oklch(91% 0.01 85);
192
- --color-base-500: oklch(80% 0.01 85);
193
- --color-base-600: oklch(62% 0.01 85);
194
- --color-base-700: oklch(50% 0.01 85);
195
- --color-base-800: oklch(35% 0.01 85);
196
- --color-base-900: oklch(23% 0.01 85);
197
- --color-base-content: oklch(27% 0.02 260);
201
+ --color-base-100: oklch(100% 0.1 255);
202
+ --color-base-200: oklch(85% 0.1 255);
203
+ --color-base-300: oklch(70% 0.1 255);
204
+ --color-base-400: oklch(55% 0.06 255);
205
+ --color-base-500: oklch(45% 0.05 255);
206
+ --color-base-600: oklch(35% 0.04 255);
207
+ --color-base-700: oklch(25% 0.03 255);
208
+ --color-base-800: oklch(18% 0.02 255);
209
+ --color-base-900: oklch(12% 0.01 255);
210
+ --color-base-content: oklch(10% 0 255);
198
211
 
199
212
  /* Outline Colors */
200
213
  --color-outline: oklch(75% 0.01 260);
201
214
  --color-outline-variant: oklch(85% 0.01 260);
202
215
 
203
216
  /* Accent Colors */
204
- --color-accent: oklch(65% 0.20 145);
205
- --color-accent-content: oklch(100% 0 0);
217
+ --color-accent: oklch(85.23% 0.14 327);
218
+ --color-accent-content: oklch(41% 0.112 45.904);
206
219
 
207
220
  /* Neutral Colors */
208
- --color-neutral: oklch(35% 0.02 260);
209
- --color-neutral-content: oklch(95% 0.01 260);
221
+ --color-neutral: oklch(0% 0 0);
222
+ --color-neutral-content: oklch(80% 0.1 50);
210
223
  --color-neutral-variant: oklch(50% 0.02 260);
211
224
 
225
+ /* ============================================
226
+ * SHAPE & DEPTH
227
+ * ============================================ */
228
+
229
+ --radius-selector: 0rem;
230
+ --radius-field: 0.5rem;
231
+ --radius-box: 2rem;
232
+ --size-selector: 0.1875rem;
233
+ --size-field: 0.1875rem;
234
+ --border: 0.5px;
235
+ --depth: 1;
236
+ --noise: 1;
237
+
212
238
  /* Surface Variant */
213
239
  --color-surface-variant: oklch(94% 0.02 85);
214
240
 
241
+
215
242
  /* Inverse Colors */
216
243
  --color-inverse-surface: oklch(25% 0.02 260);
217
244
  --color-inverse-on-surface: oklch(95% 0.01 260);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duskmoon-dev/core",
3
- "version": "1.4.0",
3
+ "version": "1.5.0",
4
4
  "description": "DuskMoonUI - Tailwind CSS v4 plugin with Material Design 3 color system and component styles",
5
5
  "type": "module",
6
6
  "main": "./dist/index.css",