@duskmoon-dev/core 1.9.0 → 1.10.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 (48) hide show
  1. package/dist/components/appbar.css +2 -2
  2. package/dist/components/autocomplete.css +1 -1
  3. package/dist/components/card.css +4 -4
  4. package/dist/components/cascader.css +1 -1
  5. package/dist/components/collapse.css +1 -1
  6. package/dist/components/datepicker.css +2 -2
  7. package/dist/components/dialog.css +1 -1
  8. package/dist/components/drawer.css +1 -1
  9. package/dist/components/file-upload.css +1 -1
  10. package/dist/components/form-group.css +33 -1
  11. package/dist/components/index.css +349 -42
  12. package/dist/components/modal.css +1 -1
  13. package/dist/components/multi-select.css +1 -1
  14. package/dist/components/navigation.css +2 -2
  15. package/dist/components/nested-menu.css +261 -0
  16. package/dist/components/popover.css +28 -16
  17. package/dist/components/snackbar.css +1 -1
  18. package/dist/components/time-input.css +1 -1
  19. package/dist/components/toast.css +1 -1
  20. package/dist/components/tooltip.css +2 -2
  21. package/dist/components/tree-select.css +1 -1
  22. package/dist/esm/components/appbar.js +2 -2
  23. package/dist/esm/components/autocomplete.js +1 -1
  24. package/dist/esm/components/card.js +4 -4
  25. package/dist/esm/components/cascader.js +1 -1
  26. package/dist/esm/components/collapse.js +1 -1
  27. package/dist/esm/components/datepicker.js +2 -2
  28. package/dist/esm/components/dialog.js +1 -1
  29. package/dist/esm/components/drawer.js +1 -1
  30. package/dist/esm/components/file-upload.js +1 -1
  31. package/dist/esm/components/form-group.js +33 -1
  32. package/dist/esm/components/modal.js +1 -1
  33. package/dist/esm/components/multi-select.js +1 -1
  34. package/dist/esm/components/navigation.js +2 -2
  35. package/dist/esm/components/nested-menu.js +268 -0
  36. package/dist/esm/components/popover.js +28 -16
  37. package/dist/esm/components/snackbar.js +1 -1
  38. package/dist/esm/components/time-input.js +1 -1
  39. package/dist/esm/components/toast.js +1 -1
  40. package/dist/esm/components/tooltip.js +2 -2
  41. package/dist/esm/components/tree-select.js +1 -1
  42. package/dist/index.css +421 -73
  43. package/dist/index.min.css +1 -0
  44. package/dist/themes/moonlight.css +34 -16
  45. package/dist/themes/ocean.css +16 -7
  46. package/dist/themes/sunset.css +5 -4
  47. package/dist/themes/sunshine.css +6 -4
  48. package/package.json +1 -1
package/dist/themes/moonlight.css CHANGED
@@ -114,14 +114,15 @@
114
114
  * SHAPE & DEPTH
115
115
  * ============================================ */
116
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;
117
+ /* Moonlight: sleek, minimal, slightly angular */
118
+ --radius-selector: 0.125rem;
119
+ --radius-field: 0.375rem;
120
+ --radius-box: 1rem;
121
+ --size-selector: 0.125rem;
122
+ --size-field: 0.125rem;
123
+ --border: 1px;
124
+ --depth: 0.8;
125
+ --noise: 0.6;
125
126
 
126
127
  /* ============================================
127
128
  * SURFACE VARIANT
@@ -143,6 +144,14 @@
143
144
 
144
145
  --color-shadow: oklch(0% 0 0);
145
146
  --color-scrim: oklch(0% 0 0 / 60%);
147
+
148
+ /* Dark-mode shadows: stronger opacity for depth on dark surfaces */
149
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.15);
150
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
151
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.25);
152
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3);
153
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3);
154
+ --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
146
155
  }
147
156
 
148
157
  /* System preference: prefers-color-scheme dark */
@@ -228,14 +237,15 @@
228
237
  * SHAPE & DEPTH
229
238
  * ============================================ */
230
239
 
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;
240
+ /* Moonlight: sleek, minimal, slightly angular */
241
+ --radius-selector: 0.125rem;
242
+ --radius-field: 0.375rem;
243
+ --radius-box: 1rem;
244
+ --size-selector: 0.125rem;
245
+ --size-field: 0.125rem;
246
+ --border: 1px;
247
+ --depth: 0.8;
248
+ --noise: 0.6;
239
249
 
240
250
  /* Surface Variant */
241
251
  --color-surface-variant: oklch(30% 0.02 260);
@@ -248,6 +258,14 @@
248
258
  /* Shadow & Scrim */
249
259
  --color-shadow: oklch(0% 0 0);
250
260
  --color-scrim: oklch(0% 0 0 / 60%);
261
+
262
+ /* Dark-mode shadows */
263
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.15);
264
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
265
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.25);
266
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3);
267
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3);
268
+ --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
251
269
  }
252
270
  }
253
271
 
package/dist/themes/ocean.css CHANGED
@@ -113,14 +113,15 @@
113
113
  * SHAPE & DEPTH
114
114
  * ============================================ */
115
115
 
116
- --radius-selector: 0rem;
117
- --radius-field: 0.5rem;
116
+ /* Ocean: smooth, flowing, generous curves */
117
+ --radius-selector: 0.25rem;
118
+ --radius-field: 0.75rem;
118
119
  --radius-box: 1.5rem;
119
- --size-selector: 0.1875rem;
120
- --size-field: 0.1875rem;
121
- --border: 0.5px;
122
- --depth: 1;
123
- --noise: 0.5;
120
+ --size-selector: 0.125rem;
121
+ --size-field: 0.125rem;
122
+ --border: 1px;
123
+ --depth: 0.7;
124
+ --noise: 0.3;
124
125
 
125
126
  /* ============================================
126
127
  * SURFACE VARIANT
@@ -142,4 +143,12 @@
142
143
 
143
144
  --color-shadow: oklch(0% 0 0);
144
145
  --color-scrim: oklch(0% 0 0 / 60%);
146
+
147
+ /* Dark-mode shadows: stronger opacity for depth on dark surfaces */
148
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.15);
149
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
150
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.25);
151
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3);
152
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3);
153
+ --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
145
154
  }
package/dist/themes/sunset.css CHANGED
@@ -113,13 +113,14 @@
113
113
  * SHAPE & DEPTH
114
114
  * ============================================ */
115
115
 
116
- --radius-selector: 0rem;
116
+ /* Sunset: warm, soft, organic feel */
117
+ --radius-selector: 0.1875rem;
117
118
  --radius-field: 0.5rem;
118
- --radius-box: 1.5rem;
119
+ --radius-box: 1.25rem;
119
120
  --size-selector: 0.1875rem;
120
121
  --size-field: 0.1875rem;
121
- --border: 0.5px;
122
- --depth: 1;
122
+ --border: 0.75px;
123
+ --depth: 0.9;
123
124
  --noise: 0.7;
124
125
 
125
126
  /* ============================================
package/dist/themes/sunshine.css CHANGED
@@ -113,8 +113,9 @@
113
113
  * SHAPE & DEPTH
114
114
  * ============================================ */
115
115
 
116
- --radius-selector: 0rem;
117
- --radius-field: 0.5rem;
116
+ /* Sunshine: rounded, bubbly, soft feel */
117
+ --radius-selector: 0.25rem;
118
+ --radius-field: 0.625rem;
118
119
  --radius-box: 2rem;
119
120
  --size-selector: 0.1875rem;
120
121
  --size-field: 0.1875rem;
@@ -226,8 +227,9 @@
226
227
  * SHAPE & DEPTH
227
228
  * ============================================ */
228
229
 
229
- --radius-selector: 0rem;
230
- --radius-field: 0.5rem;
230
+ /* Sunshine: rounded, bubbly, soft feel */
231
+ --radius-selector: 0.25rem;
232
+ --radius-field: 0.625rem;
231
233
  --radius-box: 2rem;
232
234
  --size-selector: 0.1875rem;
233
235
  --size-field: 0.1875rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duskmoon-dev/core",
3
- "version": "1.9.0",
3
+ "version": "1.10.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",