@duskmoon-dev/core 1.16.1 → 1.17.1

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 (77) 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 +436 -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 +1677 -75
  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 +443 -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 +1679 -77
  75. package/dist/index.min.css +1 -1
  76. package/dist/themes/generated/sunshine.css +1 -1
  77. package/package.json +6 -1
package/dist/esm/components/toast.js CHANGED
@@ -217,6 +217,30 @@ export const css = `/**
217
217
  color: var(--color-tertiary);
218
218
  }
219
219
 
220
+ .toast-accent {
221
+ border-color: var(--color-accent);
222
+ }
223
+
224
+ .toast-accent .toast-icon {
225
+ color: var(--color-accent);
226
+ }
227
+
228
+ .toast-neutral {
229
+ border-color: var(--color-neutral);
230
+ }
231
+
232
+ .toast-neutral .toast-icon {
233
+ color: var(--color-neutral);
234
+ }
235
+
236
+ .toast-base {
237
+ border-color: var(--color-base-content);
238
+ }
239
+
240
+ .toast-base .toast-icon {
241
+ color: var(--color-base-content);
242
+ }
243
+
220
244
  /* Filled Variants */
221
245
  .toast-filled.toast-info {
222
246
  background-color: var(--color-info-container);
@@ -260,6 +284,24 @@ export const css = `/**
260
284
  color: var(--color-on-tertiary-container);
261
285
  }
262
286
 
287
+ .toast-filled.toast-accent {
288
+ background-color: color-mix(in oklch, var(--color-accent) 15%, var(--color-surface));
289
+ border-color: transparent;
290
+ color: var(--color-on-surface);
291
+ }
292
+
293
+ .toast-filled.toast-neutral {
294
+ background-color: color-mix(in oklch, var(--color-neutral) 15%, var(--color-surface));
295
+ border-color: transparent;
296
+ color: var(--color-on-surface);
297
+ }
298
+
299
+ .toast-filled.toast-base {
300
+ background-color: var(--color-base-200);
301
+ border-color: transparent;
302
+ color: var(--color-base-content);
303
+ }
304
+
263
305
  /* Filled variant sub-element color inheritance fix.
264
306
  .toast-title and .toast-message have explicit color rules that would otherwise
265
307
  override the filled variant's inherited on-container color. */
@@ -281,6 +323,9 @@ export const css = `/**
281
323
  .toast-ghost.toast-success { color: var(--color-success); }
282
324
  .toast-ghost.toast-warning { color: var(--color-warning); }
283
325
  .toast-ghost.toast-error { color: var(--color-error); }
326
+ .toast-ghost.toast-accent { color: var(--color-accent); }
327
+ .toast-ghost.toast-neutral { color: var(--color-neutral); }
328
+ .toast-ghost.toast-base { color: var(--color-base-content); }
284
329
 
285
330
  .toast-ghost .toast-title,
286
331
  .toast-ghost .toast-message {
package/dist/esm/components/toggle.js CHANGED
@@ -99,6 +99,30 @@ export const css = `/**
99
99
  border-color: var(--color-error);
100
100
  }
101
101
 
102
+ /* Accent variant */
103
+ .toggle-btn-accent.toggle-btn-active,
104
+ .toggle-btn-accent.active {
105
+ color: var(--color-on-surface);
106
+ background-color: color-mix(in oklch, var(--color-accent) 15%, var(--color-surface));
107
+ border-color: var(--color-accent);
108
+ }
109
+
110
+ /* Neutral variant */
111
+ .toggle-btn-neutral.toggle-btn-active,
112
+ .toggle-btn-neutral.active {
113
+ color: var(--color-on-surface);
114
+ background-color: color-mix(in oklch, var(--color-neutral) 15%, var(--color-surface));
115
+ border-color: var(--color-neutral);
116
+ }
117
+
118
+ /* Base variant */
119
+ .toggle-btn-base.toggle-btn-active,
120
+ .toggle-btn-base.active {
121
+ color: var(--color-base-content);
122
+ background-color: var(--color-base-200);
123
+ border-color: var(--color-base-content);
124
+ }
125
+
102
126
  /* Ghost Variant */
103
127
  .toggle-btn-ghost {
104
128
  background-color: transparent;
@@ -116,6 +140,9 @@ export const css = `/**
116
140
  .toggle-btn-ghost.toggle-btn-success { color: var(--color-success); }
117
141
  .toggle-btn-ghost.toggle-btn-warning { color: var(--color-warning); }
118
142
  .toggle-btn-ghost.toggle-btn-error { color: var(--color-error); }
143
+ .toggle-btn-ghost.toggle-btn-accent { color: var(--color-accent); }
144
+ .toggle-btn-ghost.toggle-btn-neutral { color: var(--color-neutral); }
145
+ .toggle-btn-ghost.toggle-btn-base { color: var(--color-base-content); }
119
146
 
120
147
  /* Focus state */
121
148
  .toggle-btn:focus-visible {
package/dist/esm/components/tooltip.js CHANGED
@@ -319,6 +319,69 @@ export const css = `/**
319
319
  border-right-color: var(--color-warning);
320
320
  }
321
321
 
322
+ .tooltip.tooltip-accent .tooltip-content {
323
+ background-color: var(--color-accent);
324
+ color: var(--color-accent-content);
325
+ }
326
+
327
+ .tooltip.tooltip-accent .tooltip-content::before {
328
+ border-top-color: var(--color-accent);
329
+ }
330
+
331
+ .tooltip.tooltip-accent.tooltip-bottom .tooltip-content::before {
332
+ border-bottom-color: var(--color-accent);
333
+ }
334
+
335
+ .tooltip.tooltip-accent.tooltip-left .tooltip-content::before {
336
+ border-left-color: var(--color-accent);
337
+ }
338
+
339
+ .tooltip.tooltip-accent.tooltip-right .tooltip-content::before {
340
+ border-right-color: var(--color-accent);
341
+ }
342
+
343
+ .tooltip.tooltip-neutral .tooltip-content {
344
+ background-color: var(--color-neutral);
345
+ color: var(--color-neutral-content);
346
+ }
347
+
348
+ .tooltip.tooltip-neutral .tooltip-content::before {
349
+ border-top-color: var(--color-neutral);
350
+ }
351
+
352
+ .tooltip.tooltip-neutral.tooltip-bottom .tooltip-content::before {
353
+ border-bottom-color: var(--color-neutral);
354
+ }
355
+
356
+ .tooltip.tooltip-neutral.tooltip-left .tooltip-content::before {
357
+ border-left-color: var(--color-neutral);
358
+ }
359
+
360
+ .tooltip.tooltip-neutral.tooltip-right .tooltip-content::before {
361
+ border-right-color: var(--color-neutral);
362
+ }
363
+
364
+ .tooltip.tooltip-base .tooltip-content {
365
+ background-color: var(--color-base-100);
366
+ color: var(--color-base-content);
367
+ }
368
+
369
+ .tooltip.tooltip-base .tooltip-content::before {
370
+ border-top-color: var(--color-base-100);
371
+ }
372
+
373
+ .tooltip.tooltip-base.tooltip-bottom .tooltip-content::before {
374
+ border-bottom-color: var(--color-base-100);
375
+ }
376
+
377
+ .tooltip.tooltip-base.tooltip-left .tooltip-content::before {
378
+ border-left-color: var(--color-base-100);
379
+ }
380
+
381
+ .tooltip.tooltip-base.tooltip-right .tooltip-content::before {
382
+ border-right-color: var(--color-base-100);
383
+ }
384
+
322
385
  /* Multi-line Tooltip */
323
386
  .tooltip-multiline .tooltip-content {
324
387
  white-space: normal;
package/dist/esm/components/tree-select.js CHANGED
@@ -430,6 +430,27 @@ export const css = `/**
430
430
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-error) 10%, transparent);
431
431
  }
432
432
 
433
+ .tree-select-accent .tree-select-trigger {
434
+ color: var(--color-accent);
435
+ }
436
+ .tree-select-accent .tree-select-trigger:focus {
437
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-accent) 10%, transparent);
438
+ }
439
+
440
+ .tree-select-neutral .tree-select-trigger {
441
+ color: var(--color-neutral);
442
+ }
443
+ .tree-select-neutral .tree-select-trigger:focus {
444
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-neutral) 10%, transparent);
445
+ }
446
+
447
+ .tree-select-base .tree-select-trigger {
448
+ color: var(--color-base-content);
449
+ }
450
+ .tree-select-base .tree-select-trigger:focus {
451
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-base-content) 10%, transparent);
452
+ }
453
+
433
454
  /* Ghost Variant */
434
455
  .tree-select-ghost .tree-select-trigger {
435
456
  background-color: transparent;