@duskmoon-dev/core 1.17.0 → 1.17.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 (78) hide show
  1. package/dist/components/alert.css +51 -0
  2. package/dist/components/appbar.css +69 -0
  3. package/dist/components/autocomplete.css +21 -0
  4. package/dist/components/avatar.css +15 -0
  5. package/dist/components/badge.css +45 -0
  6. package/dist/components/button.css +123 -0
  7. package/dist/components/card.css +27 -0
  8. package/dist/components/cascader.css +21 -0
  9. package/dist/components/chat.css +30 -0
  10. package/dist/components/checkbox.css +27 -0
  11. package/dist/components/chip.css +75 -0
  12. package/dist/components/circle-menu.css +24 -0
  13. package/dist/components/collapse.css +31 -1
  14. package/dist/components/datepicker.css +42 -0
  15. package/dist/components/divider.css +15 -0
  16. package/dist/components/file-upload.css +21 -0
  17. package/dist/components/form.css +83 -0
  18. package/dist/components/index.css +1200 -5
  19. package/dist/components/input.css +6 -0
  20. package/dist/components/multi-select.css +21 -0
  21. package/dist/components/navigation.css +50 -0
  22. package/dist/components/otp-input.css +24 -0
  23. package/dist/components/pin-input.css +24 -0
  24. package/dist/components/progress.css +12 -0
  25. package/dist/components/radio.css +12 -0
  26. package/dist/components/rating.css +18 -0
  27. package/dist/components/segment-control.css +15 -0
  28. package/dist/components/select.css +6 -0
  29. package/dist/components/slider.css +66 -0
  30. package/dist/components/snackbar.css +15 -0
  31. package/dist/components/switch.css +18 -0
  32. package/dist/components/textarea.css +6 -0
  33. package/dist/components/time-input.css +27 -0
  34. package/dist/components/toast.css +45 -0
  35. package/dist/components/toggle.css +27 -0
  36. package/dist/components/tooltip.css +63 -0
  37. package/dist/components/tree-select.css +21 -0
  38. package/dist/esm/components/alert.js +51 -0
  39. package/dist/esm/components/appbar.js +69 -0
  40. package/dist/esm/components/autocomplete.js +21 -0
  41. package/dist/esm/components/avatar.js +15 -0
  42. package/dist/esm/components/badge.js +45 -0
  43. package/dist/esm/components/button.js +123 -0
  44. package/dist/esm/components/card.js +27 -0
  45. package/dist/esm/components/cascader.js +21 -0
  46. package/dist/esm/components/chat.js +30 -0
  47. package/dist/esm/components/checkbox.js +27 -0
  48. package/dist/esm/components/chip.js +75 -0
  49. package/dist/esm/components/circle-menu.js +24 -0
  50. package/dist/esm/components/collapse.js +31 -1
  51. package/dist/esm/components/datepicker.js +42 -0
  52. package/dist/esm/components/divider.js +15 -0
  53. package/dist/esm/components/file-upload.js +21 -0
  54. package/dist/esm/components/form.js +83 -0
  55. package/dist/esm/components/input.js +6 -0
  56. package/dist/esm/components/multi-select.js +21 -0
  57. package/dist/esm/components/navigation.js +50 -0
  58. package/dist/esm/components/otp-input.js +24 -0
  59. package/dist/esm/components/pin-input.js +24 -0
  60. package/dist/esm/components/progress.js +12 -0
  61. package/dist/esm/components/radio.js +12 -0
  62. package/dist/esm/components/rating.js +18 -0
  63. package/dist/esm/components/segment-control.js +15 -0
  64. package/dist/esm/components/select.js +6 -0
  65. package/dist/esm/components/slider.js +66 -0
  66. package/dist/esm/components/snackbar.js +15 -0
  67. package/dist/esm/components/switch.js +18 -0
  68. package/dist/esm/components/textarea.js +6 -0
  69. package/dist/esm/components/time-input.js +27 -0
  70. package/dist/esm/components/toast.js +45 -0
  71. package/dist/esm/components/toggle.js +27 -0
  72. package/dist/esm/components/tooltip.js +63 -0
  73. package/dist/esm/components/tree-select.js +21 -0
  74. package/dist/index.css +1202 -7
  75. package/dist/index.min.css +1 -1
  76. package/dist/themes/generated/sunshine.css +1 -1
  77. package/dist/types/tailwind-plugin.d.ts.map +1 -1
  78. package/package.json +8 -8
package/dist/components/collapse.css CHANGED
@@ -175,10 +175,16 @@
175
175
 
176
176
  .collapse-card .collapse-inner,
177
177
  .collapse-card .collapse-content > * {
178
- padding: 0 1rem 1rem;
179
178
  color: var(--color-on-surface-variant);
180
179
  }
181
180
 
181
+ .collapse-card.collapse-open .collapse-inner,
182
+ .collapse-card.collapse-open .collapse-content > *,
183
+ .collapse-card.show .collapse-inner,
184
+ .collapse-card.show .collapse-content > * {
185
+ padding: 0 1rem 1rem;
186
+ }
187
+
182
188
  /* Bordered Variant */
183
189
  .collapse-bordered {
184
190
  border: 1px solid var(--color-outline-variant);
@@ -251,6 +257,30 @@
251
257
  background-color: var(--color-error-container);
252
258
  }
253
259
 
260
+ .collapse-accent .collapse-trigger {
261
+ color: var(--color-accent);
262
+ }
263
+
264
+ .collapse-accent .collapse-trigger:hover {
265
+ background-color: color-mix(in oklch, var(--color-accent) 15%, var(--color-surface));
266
+ }
267
+
268
+ .collapse-neutral .collapse-trigger {
269
+ color: var(--color-neutral);
270
+ }
271
+
272
+ .collapse-neutral .collapse-trigger:hover {
273
+ background-color: color-mix(in oklch, var(--color-neutral) 15%, var(--color-surface));
274
+ }
275
+
276
+ .collapse-base .collapse-trigger {
277
+ color: var(--color-base-content);
278
+ }
279
+
280
+ .collapse-base .collapse-trigger:hover {
281
+ background-color: var(--color-base-200);
282
+ }
283
+
254
284
  /* Size Variants */
255
285
  .collapse-sm .collapse-trigger {
256
286
  padding: 0.5rem 0.75rem;
package/dist/components/datepicker.css CHANGED
@@ -755,6 +755,48 @@
755
755
  color: var(--color-warning-content);
756
756
  }
757
757
 
758
+ .datepicker-accent .datepicker-input {
759
+ color: var(--color-accent);
760
+ }
761
+ .datepicker-accent .datepicker-input:focus {
762
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-accent) 10%, transparent);
763
+ }
764
+
765
+ .datepicker-accent .datepicker-day-selected,
766
+ .datepicker-accent .datepicker-day-range-start,
767
+ .datepicker-accent .datepicker-day-range-end {
768
+ background-color: var(--color-accent);
769
+ color: var(--color-accent-content);
770
+ }
771
+
772
+ .datepicker-neutral .datepicker-input {
773
+ color: var(--color-neutral);
774
+ }
775
+ .datepicker-neutral .datepicker-input:focus {
776
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-neutral) 10%, transparent);
777
+ }
778
+
779
+ .datepicker-neutral .datepicker-day-selected,
780
+ .datepicker-neutral .datepicker-day-range-start,
781
+ .datepicker-neutral .datepicker-day-range-end {
782
+ background-color: var(--color-neutral);
783
+ color: var(--color-neutral-content);
784
+ }
785
+
786
+ .datepicker-base .datepicker-input {
787
+ color: var(--color-base-content);
788
+ }
789
+ .datepicker-base .datepicker-input:focus {
790
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-base-content) 10%, transparent);
791
+ }
792
+
793
+ .datepicker-base .datepicker-day-selected,
794
+ .datepicker-base .datepicker-day-range-start,
795
+ .datepicker-base .datepicker-day-range-end {
796
+ background-color: var(--color-base-100);
797
+ color: var(--color-base-content);
798
+ }
799
+
758
800
  /* Day Selected Color Variants */
759
801
  .datepicker-primary .datepicker-day-selected,
760
802
  .datepicker-primary .datepicker-day-range-start,
package/dist/components/divider.css CHANGED
@@ -183,6 +183,21 @@
183
183
  background-color: var(--color-error);
184
184
  }
185
185
 
186
+ .divider-accent::before,
187
+ .divider-accent::after {
188
+ background-color: var(--color-accent);
189
+ }
190
+
191
+ .divider-neutral::before,
192
+ .divider-neutral::after {
193
+ background-color: var(--color-neutral);
194
+ }
195
+
196
+ .divider-base::before,
197
+ .divider-base::after {
198
+ background-color: var(--color-base-content);
199
+ }
200
+
186
201
  /* ── Gradient Lines ─────────────────────────────────────────────── */
187
202
  .divider-gradient::before,
188
203
  .divider-gradient::after {
package/dist/components/file-upload.css CHANGED
@@ -348,6 +348,27 @@
348
348
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-error) 10%, transparent);
349
349
  }
350
350
 
351
+ .file-upload-accent .file-upload-dropzone {
352
+ color: var(--color-accent);
353
+ }
354
+ .file-upload-accent .file-upload-dropzone:focus-within {
355
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-accent) 10%, transparent);
356
+ }
357
+
358
+ .file-upload-neutral .file-upload-dropzone {
359
+ color: var(--color-neutral);
360
+ }
361
+ .file-upload-neutral .file-upload-dropzone:focus-within {
362
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-neutral) 10%, transparent);
363
+ }
364
+
365
+ .file-upload-base .file-upload-dropzone {
366
+ color: var(--color-base-content);
367
+ }
368
+ .file-upload-base .file-upload-dropzone:focus-within {
369
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-base-content) 10%, transparent);
370
+ }
371
+
351
372
  /* Ghost Variant */
352
373
  .file-upload-ghost .file-upload-dropzone {
353
374
  background-color: transparent;
package/dist/components/form.css CHANGED
@@ -114,6 +114,33 @@
114
114
  border-color: var(--color-error);
115
115
  }
116
116
 
117
+ .checkbox-accent:checked {
118
+ background-color: var(--color-accent);
119
+ border-color: var(--color-accent);
120
+ }
121
+
122
+ .checkbox-accent:checked::after {
123
+ border-color: var(--color-accent-content);
124
+ }
125
+
126
+ .checkbox-neutral:checked {
127
+ background-color: var(--color-neutral);
128
+ border-color: var(--color-neutral);
129
+ }
130
+
131
+ .checkbox-neutral:checked::after {
132
+ border-color: var(--color-neutral-content);
133
+ }
134
+
135
+ .checkbox-base:checked {
136
+ background-color: var(--color-base-100);
137
+ border-color: var(--color-base-100);
138
+ }
139
+
140
+ .checkbox-base:checked::after {
141
+ border-color: var(--color-base-content);
142
+ }
143
+
117
144
  /* Checkbox Sizes */
118
145
  .checkbox-xs {
119
146
  width: 0.875rem;
@@ -230,6 +257,30 @@
230
257
  background-color: var(--color-error);
231
258
  }
232
259
 
260
+ .radio-accent:checked {
261
+ border-color: var(--color-accent);
262
+ }
263
+
264
+ .radio-accent:checked::after {
265
+ background-color: var(--color-accent);
266
+ }
267
+
268
+ .radio-neutral:checked {
269
+ border-color: var(--color-neutral);
270
+ }
271
+
272
+ .radio-neutral:checked::after {
273
+ background-color: var(--color-neutral);
274
+ }
275
+
276
+ .radio-base:checked {
277
+ border-color: var(--color-base-content);
278
+ }
279
+
280
+ .radio-base:checked::after {
281
+ background-color: var(--color-base-content);
282
+ }
283
+
233
284
  /* Toggle/Switch */
234
285
  .toggle {
235
286
  appearance: none;
@@ -357,6 +408,38 @@
357
408
  border-color: var(--color-secondary);
358
409
  }
359
410
 
411
+ .select-tertiary:focus-visible {
412
+ border-color: var(--color-tertiary);
413
+ }
414
+
415
+ .select-info:focus-visible {
416
+ border-color: var(--color-info);
417
+ }
418
+
419
+ .select-success:focus-visible {
420
+ border-color: var(--color-success);
421
+ }
422
+
423
+ .select-warning:focus-visible {
424
+ border-color: var(--color-warning);
425
+ }
426
+
427
+ .select-error:focus-visible {
428
+ border-color: var(--color-error);
429
+ }
430
+
431
+ .select-accent:focus-visible {
432
+ border-color: var(--color-accent);
433
+ }
434
+
435
+ .select-neutral:focus-visible {
436
+ border-color: var(--color-neutral);
437
+ }
438
+
439
+ .select-base:focus-visible {
440
+ border-color: var(--color-base-content);
441
+ }
442
+
360
443
  /* Select Sizes */
361
444
  .select-xs {
362
445
  padding: 0.375rem 2rem 0.375rem 0.625rem;