@duskmoon-dev/core 1.3.0 → 1.3.2

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 (7) hide show
  1. package/dist/components/cascader.css +418 -0
  2. package/dist/components/index.css +419 -0
  3. package/dist/esm/components/cascader.js +425 -0
  4. package/dist/index.css +749 -120
  5. package/dist/themes/moonlight.css +145 -60
  6. package/dist/themes/sunshine.css +144 -60
  7. 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
@@ -93,6 +94,55 @@
93
94
 
94
95
  --color-outline: oklch(44% 0.01 260);
95
96
  --color-outline-variant: oklch(35% 0.01 260);
97
+
98
+ /* ============================================
99
+ * ACCENT COLORS
100
+ * ============================================ */
101
+
102
+ --color-accent: oklch(75.65% 0.1303 335.51);
103
+ --color-accent-content: oklch(14.258% 0.033 299.844);
104
+
105
+ /* ============================================
106
+ * NEUTRAL COLORS
107
+ * ============================================ */
108
+
109
+ --color-neutral: oklch(23% 0 0);
110
+ --color-neutral-content: oklch(52.43% 0 0);
111
+ --color-neutral-variant: oklch(55% 0.01 260);
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
+
126
+ /* ============================================
127
+ * SURFACE VARIANT
128
+ * ============================================ */
129
+
130
+ --color-surface-variant: oklch(30% 0.02 260);
131
+
132
+ /* ============================================
133
+ * INVERSE COLORS
134
+ * ============================================ */
135
+
136
+ --color-inverse-surface: oklch(95% 0.01 260);
137
+ --color-inverse-on-surface: oklch(25% 0.02 260);
138
+ --color-inverse-primary: oklch(55% 0.16 255);
139
+
140
+ /* ============================================
141
+ * SHADOW & SCRIM
142
+ * ============================================ */
143
+
144
+ --color-shadow: oklch(0% 0 0);
145
+ --color-scrim: oklch(0% 0 0 / 60%);
96
146
  }
97
147
 
98
148
  /* System preference: prefers-color-scheme dark */
@@ -101,20 +151,20 @@
101
151
  color-scheme: dark;
102
152
 
103
153
  /* Brand Colors */
104
- --color-primary: oklch(68% 0.18 255);
105
- --color-primary-content: oklch(100% 0 0);
106
- --color-primary-container: oklch(35% 0.08 255);
107
- --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);
108
158
 
109
- --color-secondary: oklch(72% 0.10 190);
110
- --color-secondary-content: oklch(20% 0 0);
111
- --color-secondary-container: oklch(32% 0.05 190);
112
- --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);
113
163
 
114
- --color-tertiary: oklch(72% 0.14 310);
115
- --color-tertiary-content: oklch(20% 0 0);
116
- --color-tertiary-container: oklch(35% 0.08 310);
117
- --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);
118
168
 
119
169
  /* Surface Colors */
120
170
  --color-surface: oklch(20% 0.02 260);
@@ -129,40 +179,75 @@
129
179
  --color-on-surface-variant: oklch(75% 0.01 260);
130
180
 
131
181
  /* Semantic Colors */
132
- --color-info: oklch(72% 0.12 235);
133
- --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);
134
184
  --color-info-container: oklch(32% 0.06 235);
135
185
  --color-on-info-container: oklch(88% 0.06 235);
136
186
 
137
- --color-success: oklch(65% 0.12 150);
138
- --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);
139
189
  --color-success-container: oklch(30% 0.05 150);
140
190
  --color-on-success-container: oklch(85% 0.06 150);
141
191
 
142
- --color-warning: oklch(82% 0.14 80);
143
- --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);
144
194
  --color-warning-container: oklch(35% 0.06 80);
145
195
  --color-on-warning-container: oklch(90% 0.06 80);
146
196
 
147
- --color-error: oklch(62% 0.18 25);
148
- --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);
149
199
  --color-error-container: oklch(30% 0.08 25);
150
200
  --color-on-error-container: oklch(88% 0.06 25);
151
201
 
152
202
  /* Neutral Colors */
153
- --color-base-100: oklch(20% 0.02 260);
154
- --color-base-200: oklch(23% 0.02 260);
155
- --color-base-300: oklch(26% 0.02 260);
156
- --color-base-400: oklch(32% 0.01 260);
157
- --color-base-500: oklch(44% 0.01 260);
158
- --color-base-600: oklch(58% 0.01 260);
159
- --color-base-700: oklch(70% 0.01 260);
160
- --color-base-800: oklch(84% 0.01 260);
161
- --color-base-900: oklch(94% 0.01 260);
162
- --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);
163
213
 
164
214
  /* Outline Colors */
165
215
  --color-outline: oklch(44% 0.01 260);
166
216
  --color-outline-variant: oklch(35% 0.01 260);
217
+
218
+ /* Accent Colors */
219
+ --color-accent: oklch(75.65% 0.1303 335.51);
220
+ --color-accent-content: oklch(14.258% 0.033 299.844);
221
+
222
+ /* Neutral Colors */
223
+ --color-neutral: oklch(23% 0 0);
224
+ --color-neutral-content: oklch(52.43% 0 0);
225
+ --color-neutral-variant: oklch(55% 0.01 260);
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
+
240
+ /* Surface Variant */
241
+ --color-surface-variant: oklch(30% 0.02 260);
242
+
243
+ /* Inverse Colors */
244
+ --color-inverse-surface: oklch(95% 0.01 260);
245
+ --color-inverse-on-surface: oklch(25% 0.02 260);
246
+ --color-inverse-primary: oklch(55% 0.16 255);
247
+
248
+ /* Shadow & Scrim */
249
+ --color-shadow: oklch(0% 0 0);
250
+ --color-scrim: oklch(0% 0 0 / 60%);
167
251
  }
168
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
@@ -93,6 +93,55 @@
93
93
 
94
94
  --color-outline: oklch(75% 0.01 260);
95
95
  --color-outline-variant: oklch(85% 0.01 260);
96
+
97
+ /* ============================================
98
+ * ACCENT COLORS
99
+ * ============================================ */
100
+
101
+ --color-accent: oklch(85.23% 0.14 327);
102
+ --color-accent-content: oklch(41% 0.112 45.904);
103
+
104
+ /* ============================================
105
+ * NEUTRAL COLORS
106
+ * ============================================ */
107
+
108
+ --color-neutral: oklch(0% 0 0);
109
+ --color-neutral-content: oklch(80% 0.1 50);
110
+ --color-neutral-variant: oklch(50% 0.02 260);
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
+
125
+ /* ============================================
126
+ * SURFACE VARIANT
127
+ * ============================================ */
128
+
129
+ --color-surface-variant: oklch(94% 0.02 85);
130
+
131
+ /* ============================================
132
+ * INVERSE COLORS
133
+ * ============================================ */
134
+
135
+ --color-inverse-surface: oklch(25% 0.02 260);
136
+ --color-inverse-on-surface: oklch(95% 0.01 260);
137
+ --color-inverse-primary: oklch(80% 0.14 55);
138
+
139
+ /* ============================================
140
+ * SHADOW & SCRIM
141
+ * ============================================ */
142
+
143
+ --color-shadow: oklch(0% 0 0);
144
+ --color-scrim: oklch(0% 0 0 / 50%);
96
145
  }
97
146
 
98
147
  /* Default theme - applies sunshine when no data-theme is set */
@@ -100,20 +149,20 @@
100
149
  color-scheme: light;
101
150
 
102
151
  /* Brand Colors */
103
- --color-primary: oklch(72% 0.165 55);
104
- --color-primary-content: oklch(100% 0 0);
105
- --color-primary-container: oklch(95% 0.04 55);
106
- --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);
107
156
 
108
- --color-secondary: oklch(68% 0.18 360);
109
- --color-secondary-content: oklch(100% 0 0);
110
- --color-secondary-container: oklch(95% 0.04 360);
111
- --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);
112
161
 
113
- --color-tertiary: oklch(62% 0.18 300);
114
- --color-tertiary-content: oklch(100% 0 0);
115
- --color-tertiary-container: oklch(95% 0.04 300);
116
- --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);
117
166
 
118
167
  /* Surface Colors */
119
168
  --color-surface: oklch(100% 0 0);
@@ -128,39 +177,74 @@
128
177
  --color-on-surface-variant: oklch(50% 0.02 260);
129
178
 
130
179
  /* Semantic Colors */
131
- --color-info: oklch(68% 0.15 235);
132
- --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);
133
182
  --color-info-container: oklch(95% 0.03 235);
134
183
  --color-on-info-container: oklch(35% 0.08 235);
135
184
 
136
- --color-success: oklch(58% 0.14 150);
137
- --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);
138
187
  --color-success-container: oklch(93% 0.04 150);
139
188
  --color-on-success-container: oklch(30% 0.08 150);
140
189
 
141
- --color-warning: oklch(80% 0.16 80);
142
- --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);
143
192
  --color-warning-container: oklch(93% 0.05 80);
144
193
  --color-on-warning-container: oklch(38% 0.10 80);
145
194
 
146
- --color-error: oklch(60% 0.20 25);
147
- --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);
148
197
  --color-error-container: oklch(93% 0.04 25);
149
198
  --color-on-error-container: oklch(32% 0.10 25);
150
199
 
151
200
  /* Neutral Colors */
152
- --color-base-100: oklch(100% 0 0);
153
- --color-base-200: oklch(98% 0.01 85);
154
- --color-base-300: oklch(96% 0.01 85);
155
- --color-base-400: oklch(91% 0.01 85);
156
- --color-base-500: oklch(80% 0.01 85);
157
- --color-base-600: oklch(62% 0.01 85);
158
- --color-base-700: oklch(50% 0.01 85);
159
- --color-base-800: oklch(35% 0.01 85);
160
- --color-base-900: oklch(23% 0.01 85);
161
- --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);
162
211
 
163
212
  /* Outline Colors */
164
213
  --color-outline: oklch(75% 0.01 260);
165
214
  --color-outline-variant: oklch(85% 0.01 260);
215
+
216
+ /* Accent Colors */
217
+ --color-accent: oklch(85.23% 0.14 327);
218
+ --color-accent-content: oklch(41% 0.112 45.904);
219
+
220
+ /* Neutral Colors */
221
+ --color-neutral: oklch(0% 0 0);
222
+ --color-neutral-content: oklch(80% 0.1 50);
223
+ --color-neutral-variant: oklch(50% 0.02 260);
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
+
238
+ /* Surface Variant */
239
+ --color-surface-variant: oklch(94% 0.02 85);
240
+
241
+
242
+ /* Inverse Colors */
243
+ --color-inverse-surface: oklch(25% 0.02 260);
244
+ --color-inverse-on-surface: oklch(95% 0.01 260);
245
+ --color-inverse-primary: oklch(80% 0.14 55);
246
+
247
+ /* Shadow & Scrim */
248
+ --color-shadow: oklch(0% 0 0);
249
+ --color-scrim: oklch(0% 0 0 / 50%);
166
250
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duskmoon-dev/core",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
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",