@dryui/ui 0.1.2 → 0.1.4

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 (79) hide show
  1. package/dist/accordion/accordion-trigger.svelte +5 -6
  2. package/dist/alert-dialog/alert-dialog-action.svelte +42 -6
  3. package/dist/alert-dialog/alert-dialog-cancel.svelte +44 -5
  4. package/dist/alert-dialog/alert-dialog-footer.svelte +3 -2
  5. package/dist/aurora/aurora.svelte.d.ts +6 -0
  6. package/dist/beam/beam.svelte +17 -10
  7. package/dist/button/button.svelte +51 -1
  8. package/dist/button-group/button-group.svelte +7 -62
  9. package/dist/button-group/context.svelte.d.ts +5 -0
  10. package/dist/button-group/context.svelte.js +11 -0
  11. package/dist/chromatic-aberration/chromatic-aberration.svelte +60 -18
  12. package/dist/collapsible/collapsible-trigger.svelte +4 -7
  13. package/dist/color-picker/color-picker-eyedropper.svelte +4 -11
  14. package/dist/combobox/combobox-group.svelte +1 -1
  15. package/dist/data-grid/data-grid-pagination.svelte +20 -2
  16. package/dist/data-grid/data-grid-root.svelte +1 -0
  17. package/dist/date-field/date-field-root.svelte +66 -20
  18. package/dist/date-field/date-field-segment.svelte +11 -9
  19. package/dist/date-field/date-field-separator.svelte +9 -1
  20. package/dist/date-picker/datepicker-calendar.svelte +168 -13
  21. package/dist/date-picker/datepicker-trigger.svelte +3 -8
  22. package/dist/date-range-picker/date-range-picker-calendar.svelte +177 -13
  23. package/dist/date-range-picker/date-range-picker-root.svelte +0 -6
  24. package/dist/date-range-picker/date-range-picker-trigger.svelte +18 -12
  25. package/dist/dialog/dialog-content.svelte +1 -0
  26. package/dist/field/field-root.svelte +0 -1
  27. package/dist/file-select/file-select-clear.svelte +2 -8
  28. package/dist/file-upload/file-upload-item-delete.svelte +4 -7
  29. package/dist/file-upload/file-upload-root.svelte +0 -4
  30. package/dist/flip-card/flip-card-back.svelte +2 -2
  31. package/dist/flip-card/flip-card-front.svelte +2 -2
  32. package/dist/flip-card/flip-card-root.svelte +2 -0
  33. package/dist/float-button/float-button-root.svelte +2 -1
  34. package/dist/image-comparison/image-comparison.svelte +16 -24
  35. package/dist/input-group/input-group-action.svelte +5 -0
  36. package/dist/input-group/input-group-input.svelte +7 -2
  37. package/dist/input-group/input-group-prefix.svelte +5 -0
  38. package/dist/input-group/input-group-root.svelte +10 -2
  39. package/dist/input-group/input-group-select.svelte +5 -0
  40. package/dist/input-group/input-group-separator.svelte +10 -0
  41. package/dist/input-group/input-group-suffix.svelte +5 -0
  42. package/dist/list/list-item-icon.svelte +8 -0
  43. package/dist/list/list-item-text.svelte +19 -0
  44. package/dist/list/list-item.svelte +42 -0
  45. package/dist/list/list-root.svelte +0 -71
  46. package/dist/list/list-subheader.svelte +11 -0
  47. package/dist/map/map-marker.svelte +10 -0
  48. package/dist/map/map-popup.svelte +7 -0
  49. package/dist/map/map-root.svelte +0 -30
  50. package/dist/multi-select-combobox/multi-select-combobox-group.svelte +1 -1
  51. package/dist/option-swatch-group/option-swatch-group-item.svelte +46 -0
  52. package/dist/option-swatch-group/option-swatch-group-label.svelte +10 -0
  53. package/dist/option-swatch-group/option-swatch-group-meta.svelte +10 -0
  54. package/dist/option-swatch-group/option-swatch-group-root.svelte +0 -79
  55. package/dist/option-swatch-group/option-swatch-group-swatch.svelte +25 -6
  56. package/dist/pin-input/pin-input-cell.svelte +4 -1
  57. package/dist/radio-group/radio-group-item.svelte +90 -0
  58. package/dist/radio-group/radio-group.svelte +0 -89
  59. package/dist/range-calendar/range-calendar-grid.svelte +217 -179
  60. package/dist/range-calendar/range-calendar-root.svelte +24 -10
  61. package/dist/rich-text-editor/rich-text-editor-content.svelte +91 -3
  62. package/dist/rich-text-editor/rich-text-editor-root.svelte +168 -3
  63. package/dist/rich-text-editor/rich-text-editor-toolbar.svelte +318 -275
  64. package/dist/select/select-trigger.svelte +5 -8
  65. package/dist/shader-canvas/shader-canvas.svelte +0 -3
  66. package/dist/sidebar/sidebar-trigger.svelte +3 -2
  67. package/dist/system-map/system-map.svelte +120 -674
  68. package/dist/tabs/tabs-trigger.svelte +7 -4
  69. package/dist/tags-input/tags-input-input.svelte +3 -0
  70. package/dist/tags-input/tags-input-root.svelte +4 -13
  71. package/dist/tags-input/tags-input-tag.svelte +3 -0
  72. package/dist/themes/dark.css +6 -0
  73. package/dist/themes/default.css +3 -0
  74. package/dist/toast/toast-action.svelte +1 -0
  75. package/dist/toast/toast-close.svelte +4 -0
  76. package/dist/toast/toast-provider.svelte +5 -26
  77. package/dist/toast/toast-root.svelte +5 -10
  78. package/dist/virtual-list/virtual-list.svelte +187 -3
  79. package/package.json +3 -3
package/dist/select/select-trigger.svelte CHANGED
@@ -78,6 +78,7 @@
78
78
  <div bind:this={wrapperEl} data-select-trigger-wrap>
79
79
  <button type="button" data-select-trigger data-size={size} class={className} {...rest}>
80
80
  {@render children()}
81
+ <svg data-indicator xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
81
82
  </button>
82
83
  </div>
83
84
 
@@ -97,6 +98,7 @@
97
98
  display: grid;
98
99
  grid-template-columns: 1fr 1.5rem;
99
100
  align-items: center;
101
+ gap: var(--dry-space-2);
100
102
  padding: var(--dry-select-padding-y) var(--dry-select-padding-x);
101
103
  font-size: var(--dry-select-font-size);
102
104
  line-height: var(--dry-type-small-leading);
@@ -114,20 +116,15 @@
114
116
  box-shadow var(--dry-duration-fast) var(--dry-ease-default);
115
117
  }
116
118
 
117
- [data-select-trigger]::after {
118
- content: '';
119
+ [data-select-trigger] [data-indicator] {
119
120
  height: 1em;
120
121
  aspect-ratio: 1;
121
122
  place-self: center;
122
- background: currentColor;
123
- mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
124
- mask-size: contain;
125
- mask-repeat: no-repeat;
126
- mask-position: center;
123
+ opacity: 0.5;
127
124
  transition: transform var(--dry-duration-fast) var(--dry-ease-default);
128
125
  }
129
126
 
130
- [data-select-trigger][data-state='open']::after {
127
+ [data-select-trigger][data-state='open'] [data-indicator] {
131
128
  transform: rotate(180deg);
132
129
  }
133
130
 
package/dist/shader-canvas/shader-canvas.svelte CHANGED
@@ -118,7 +118,4 @@
118
118
  border-radius: inherit;
119
119
  }
120
120
 
121
- [data-shader-canvas] {
122
- height: 100%;
123
- }
124
121
  </style>
package/dist/sidebar/sidebar-trigger.svelte CHANGED
@@ -17,6 +17,7 @@
17
17
  aria-label="Toggle sidebar"
18
18
  aria-expanded={!ctx.collapsed}
19
19
  data-sidebar-trigger
20
+ data-side={ctx.side}
20
21
  class={className}
21
22
  onclick={() => ctx.toggle()}
22
23
  {...rest}
@@ -65,11 +66,11 @@
65
66
  transform: rotate(180deg);
66
67
  }
67
68
 
68
- [data-side='right'] [data-sidebar-trigger]::before {
69
+ [data-sidebar-trigger][data-side='right']::before {
69
70
  transform: rotate(180deg);
70
71
  }
71
72
 
72
- [data-side='right'] [data-sidebar-trigger][aria-expanded='true']::before {
73
+ [data-sidebar-trigger][data-side='right'][aria-expanded='true']::before {
73
74
  transform: none;
74
75
  }
75
76
  </style>