@dryui/ui 0.1.10 → 0.1.12
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.
- package/dist/adjust/adjust.svelte +4 -2
- package/dist/alpha-slider/alpha-slider.svelte +4 -2
- package/dist/aspect-ratio/aspect-ratio.svelte +2 -1
- package/dist/aurora/aurora.svelte +12 -2
- package/dist/beam/beam.svelte +23 -22
- package/dist/chromatic-aberration/chromatic-aberration.svelte +3 -0
- package/dist/color-picker/color-picker-alpha-slider.svelte +2 -1
- package/dist/color-picker/color-picker-area.svelte +11 -5
- package/dist/color-picker/color-picker-swatch.svelte +6 -3
- package/dist/displacement/displacement.svelte +3 -0
- package/dist/gauge/gauge.svelte +3 -3
- package/dist/god-rays/god-rays.svelte +10 -0
- package/dist/image-comparison/image-comparison.svelte +3 -1
- package/dist/marquee/marquee.svelte +9 -13
- package/dist/progress/progress.svelte +8 -4
- package/dist/qr-code/qr-code.svelte +1 -1
- package/dist/reveal/reveal.svelte +3 -1
- package/dist/shader-canvas/shader-canvas.svelte +3 -2
- package/dist/skeleton/skeleton.svelte +8 -5
- package/dist/slider/slider.svelte +1 -1
- package/dist/splitter/splitter-root.svelte +7 -4
- package/dist/spotlight/spotlight.svelte +7 -0
- package/dist/themes/default.css +16 -1
- package/dist/thumbnail/accordion.svelte +2 -2
- package/dist/thumbnail/add-on-selector.svelte +2 -2
- package/dist/thumbnail/affix-group.svelte +2 -2
- package/dist/thumbnail/alert-dialog.svelte +2 -2
- package/dist/thumbnail/alert.svelte +2 -2
- package/dist/thumbnail/alpha-slider.svelte +2 -2
- package/dist/thumbnail/amenity-grid.svelte +2 -2
- package/dist/thumbnail/aspect-ratio.svelte +2 -2
- package/dist/thumbnail/aurora.svelte +2 -2
- package/dist/thumbnail/avatar.svelte +2 -2
- package/dist/thumbnail/backdrop.svelte +2 -2
- package/dist/thumbnail/badge.svelte +2 -2
- package/dist/thumbnail/booking-confirmation.svelte +2 -2
- package/dist/thumbnail/breadcrumb.svelte +2 -2
- package/dist/thumbnail/button-group.svelte +2 -2
- package/dist/thumbnail/button.svelte +2 -2
- package/dist/thumbnail/calendar.svelte +2 -2
- package/dist/thumbnail/card.svelte +2 -2
- package/dist/thumbnail/carousel.svelte +2 -2
- package/dist/thumbnail/chart.svelte +2 -2
- package/dist/thumbnail/chat-thread.svelte +2 -2
- package/dist/thumbnail/checkbox.svelte +2 -2
- package/dist/thumbnail/chip-group.svelte +2 -2
- package/dist/thumbnail/chip.svelte +2 -2
- package/dist/thumbnail/chromatic-shift.svelte +2 -2
- package/dist/thumbnail/clipboard.svelte +2 -2
- package/dist/thumbnail/code-block.svelte +2 -2
- package/dist/thumbnail/collapsible.svelte +2 -2
- package/dist/thumbnail/color-picker.svelte +2 -2
- package/dist/thumbnail/combobox.svelte +2 -2
- package/dist/thumbnail/command-palette.svelte +2 -2
- package/dist/thumbnail/commerce-header.svelte +2 -2
- package/dist/thumbnail/comparison-table.svelte +2 -2
- package/dist/thumbnail/container.svelte +2 -2
- package/dist/thumbnail/context-menu.svelte +2 -2
- package/dist/thumbnail/country-select.svelte +2 -2
- package/dist/thumbnail/currency-selector.svelte +2 -2
- package/dist/thumbnail/data-grid.svelte +2 -2
- package/dist/thumbnail/date-field.svelte +2 -2
- package/dist/thumbnail/date-picker.svelte +2 -2
- package/dist/thumbnail/date-range-picker.svelte +2 -2
- package/dist/thumbnail/date-time-input.svelte +2 -2
- package/dist/thumbnail/description-list.svelte +2 -2
- package/dist/thumbnail/dialog.svelte +2 -2
- package/dist/thumbnail/displacement.svelte +2 -2
- package/dist/thumbnail/drag-and-drop.svelte +2 -2
- package/dist/thumbnail/drawer.svelte +2 -2
- package/dist/thumbnail/drop-zone.svelte +2 -2
- package/dist/thumbnail/dropdown-menu.svelte +2 -2
- package/dist/thumbnail/fare-class-picker.svelte +2 -2
- package/dist/thumbnail/field.svelte +2 -2
- package/dist/thumbnail/fieldset.svelte +2 -2
- package/dist/thumbnail/file-select.svelte +2 -2
- package/dist/thumbnail/file-upload.svelte +2 -2
- package/dist/thumbnail/filter-sidebar.svelte +2 -2
- package/dist/thumbnail/flexible-dates-grid.svelte +2 -2
- package/dist/thumbnail/flight-timeline.svelte +2 -2
- package/dist/thumbnail/flip-card.svelte +2 -2
- package/dist/thumbnail/float-button.svelte +2 -2
- package/dist/thumbnail/focus-trap.svelte +2 -2
- package/dist/thumbnail/format-bytes.svelte +2 -2
- package/dist/thumbnail/format-date.svelte +2 -2
- package/dist/thumbnail/format-number.svelte +2 -2
- package/dist/thumbnail/gauge.svelte +2 -2
- package/dist/thumbnail/glow.svelte +2 -2
- package/dist/thumbnail/gradient-mesh.svelte +2 -2
- package/dist/thumbnail/guest-room-selector.svelte +2 -2
- package/dist/thumbnail/halftone.svelte +2 -2
- package/dist/thumbnail/heading.svelte +2 -2
- package/dist/thumbnail/hotel-gallery.svelte +2 -2
- package/dist/thumbnail/hotkey.svelte +2 -2
- package/dist/thumbnail/hover-card.svelte +2 -2
- package/dist/thumbnail/icon.svelte +2 -2
- package/dist/thumbnail/image-comparison.svelte +2 -2
- package/dist/thumbnail/image.svelte +2 -2
- package/dist/thumbnail/infinite-scroll.svelte +2 -2
- package/dist/thumbnail/input-group.svelte +2 -2
- package/dist/thumbnail/input.svelte +2 -2
- package/dist/thumbnail/itinerary-timeline.svelte +2 -2
- package/dist/thumbnail/kbd.svelte +2 -2
- package/dist/thumbnail/label.svelte +2 -2
- package/dist/thumbnail/layout-header-content-footer.svelte +2 -2
- package/dist/thumbnail/layout-header-sidebar-main.svelte +2 -2
- package/dist/thumbnail/layout-sidebar-main.svelte +2 -2
- package/dist/thumbnail/link-preview.svelte +2 -2
- package/dist/thumbnail/link.svelte +2 -2
- package/dist/thumbnail/list.svelte +2 -2
- package/dist/thumbnail/listbox.svelte +2 -2
- package/dist/thumbnail/location-autocomplete.svelte +2 -2
- package/dist/thumbnail/loyalty-points-display.svelte +2 -2
- package/dist/thumbnail/map-list-toggle.svelte +2 -2
- package/dist/thumbnail/map.svelte +2 -2
- package/dist/thumbnail/markdown-renderer.svelte +2 -2
- package/dist/thumbnail/marquee.svelte +2 -2
- package/dist/thumbnail/mask-reveal.svelte +2 -2
- package/dist/thumbnail/mega-menu.svelte +2 -2
- package/dist/thumbnail/menubar.svelte +2 -2
- package/dist/thumbnail/multi-city-search-form.svelte +2 -2
- package/dist/thumbnail/multi-select-combobox.svelte +2 -2
- package/dist/thumbnail/navigation-menu.svelte +2 -2
- package/dist/thumbnail/noise.svelte +2 -2
- package/dist/thumbnail/notification-center.svelte +2 -2
- package/dist/thumbnail/number-input.svelte +2 -2
- package/dist/thumbnail/option-swatch-group.svelte +2 -2
- package/dist/thumbnail/pagination.svelte +2 -2
- package/dist/thumbnail/passenger-class-selector.svelte +2 -2
- package/dist/thumbnail/payment-card-input.svelte +2 -2
- package/dist/thumbnail/phone-input.svelte +2 -2
- package/dist/thumbnail/pin-input.svelte +2 -2
- package/dist/thumbnail/popover.svelte +2 -2
- package/dist/thumbnail/portal.svelte +2 -2
- package/dist/thumbnail/price-calendar.svelte +2 -2
- package/dist/thumbnail/price-summary-panel.svelte +2 -2
- package/dist/thumbnail/progress-ring.svelte +2 -2
- package/dist/thumbnail/progress.svelte +2 -2
- package/dist/thumbnail/promo-code-input.svelte +2 -2
- package/dist/thumbnail/promo-mosaic.svelte +2 -2
- package/dist/thumbnail/prompt-input.svelte +2 -2
- package/dist/thumbnail/qr-code.svelte +2 -2
- package/dist/thumbnail/radio-group.svelte +2 -2
- package/dist/thumbnail/range-calendar.svelte +2 -2
- package/dist/thumbnail/rating.svelte +2 -2
- package/dist/thumbnail/recent-searches.svelte +2 -2
- package/dist/thumbnail/relative-time.svelte +2 -2
- package/dist/thumbnail/result-card-car.svelte +2 -2
- package/dist/thumbnail/result-card-flight.svelte +2 -2
- package/dist/thumbnail/result-card-hotel.svelte +2 -2
- package/dist/thumbnail/reveal.svelte +2 -2
- package/dist/thumbnail/review-card.svelte +2 -2
- package/dist/thumbnail/rich-text-editor.svelte +2 -2
- package/dist/thumbnail/room-type-picker.svelte +2 -2
- package/dist/thumbnail/root.svelte +2 -2
- package/dist/thumbnail/route-map.svelte +2 -2
- package/dist/thumbnail/scroll-area.svelte +2 -2
- package/dist/thumbnail/scroll-to-top.svelte +2 -2
- package/dist/thumbnail/search-form-tabs.svelte +2 -2
- package/dist/thumbnail/seat-map.svelte +2 -2
- package/dist/thumbnail/segmented-control.svelte +2 -2
- package/dist/thumbnail/select.svelte +2 -2
- package/dist/thumbnail/selectable-tile-group.svelte +2 -2
- package/dist/thumbnail/separator.svelte +2 -2
- package/dist/thumbnail/shader-canvas.svelte +2 -2
- package/dist/thumbnail/sidebar.svelte +2 -2
- package/dist/thumbnail/skeleton.svelte +2 -2
- package/dist/thumbnail/slider.svelte +2 -2
- package/dist/thumbnail/sort-bar.svelte +2 -2
- package/dist/thumbnail/spacer.svelte +2 -2
- package/dist/thumbnail/sparkline.svelte +2 -2
- package/dist/thumbnail/spinner.svelte +2 -2
- package/dist/thumbnail/splitter.svelte +2 -2
- package/dist/thumbnail/spotlight.svelte +2 -2
- package/dist/thumbnail/star-rating.svelte +2 -2
- package/dist/thumbnail/stepper.svelte +2 -2
- package/dist/thumbnail/svg.svelte +2 -2
- package/dist/thumbnail/system-map.svelte +2 -2
- package/dist/thumbnail/table-of-contents.svelte +2 -2
- package/dist/thumbnail/table.svelte +2 -2
- package/dist/thumbnail/tabs.svelte +2 -2
- package/dist/thumbnail/tag.svelte +2 -2
- package/dist/thumbnail/tags-input.svelte +2 -2
- package/dist/thumbnail/text.svelte +2 -2
- package/dist/thumbnail/textarea.svelte +2 -2
- package/dist/thumbnail/time-input.svelte +2 -2
- package/dist/thumbnail/timeline.svelte +2 -2
- package/dist/thumbnail/toast.svelte +2 -2
- package/dist/thumbnail/toggle-group.svelte +2 -2
- package/dist/thumbnail/toggle.svelte +2 -2
- package/dist/thumbnail/toolbar.svelte +2 -2
- package/dist/thumbnail/tooltip.svelte +2 -2
- package/dist/thumbnail/tour.svelte +2 -2
- package/dist/thumbnail/transfer.svelte +2 -2
- package/dist/thumbnail/tree.svelte +2 -2
- package/dist/thumbnail/trip-card.svelte +2 -2
- package/dist/thumbnail/trust-badges.svelte +2 -2
- package/dist/thumbnail/typing-indicator.svelte +2 -2
- package/dist/thumbnail/typography.svelte +2 -2
- package/dist/thumbnail/video-embed.svelte +2 -2
- package/dist/thumbnail/virtual-list.svelte +2 -2
- package/dist/thumbnail/visually-hidden.svelte +2 -2
- package/dist/toast/toast-root.svelte +1 -1
- package/dist/tree/tree-item-children.svelte +3 -2
- package/dist/video-embed/video-embed.svelte +2 -1
- package/dist/virtual-list/virtual-list.svelte +9 -5
- package/package.json +2 -2
|
@@ -16,8 +16,7 @@
|
|
|
16
16
|
function applyStyles(node: HTMLElement) {
|
|
17
17
|
$effect(() => {
|
|
18
18
|
node.style.cssText = style || '';
|
|
19
|
-
node.style.setProperty('
|
|
20
|
-
node.style.setProperty('grid-template-rows', open ? '1fr' : '0fr');
|
|
19
|
+
node.style.setProperty('--_rows', open ? '1fr' : '0fr');
|
|
21
20
|
});
|
|
22
21
|
}
|
|
23
22
|
</script>
|
|
@@ -42,6 +41,8 @@
|
|
|
42
41
|
}
|
|
43
42
|
|
|
44
43
|
[data-part='children'] {
|
|
44
|
+
display: grid;
|
|
45
|
+
grid-template-rows: var(--_rows, 0fr);
|
|
45
46
|
padding-left: var(--dry-tree-indent, var(--dry-space-4));
|
|
46
47
|
transition: grid-template-rows var(--dry-duration-normal, 200ms) var(--dry-ease-default, ease);
|
|
47
48
|
}
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
|
|
60
60
|
function applyAspectRatio(node: HTMLElement) {
|
|
61
61
|
$effect(() => {
|
|
62
|
-
node.style.setProperty('
|
|
62
|
+
node.style.setProperty('--_ratio', aspectRatio);
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
65
|
</script>
|
|
@@ -129,6 +129,7 @@
|
|
|
129
129
|
overflow: hidden;
|
|
130
130
|
border-radius: var(--dry-video-embed-radius);
|
|
131
131
|
background: var(--dry-color-fill, #0f0f0f);
|
|
132
|
+
aspect-ratio: var(--_ratio, 16/9);
|
|
132
133
|
}
|
|
133
134
|
|
|
134
135
|
[data-video-embed] [data-part='media'] {
|
|
@@ -146,15 +146,12 @@
|
|
|
146
146
|
function applyContainerStyles(node: HTMLElement) {
|
|
147
147
|
$effect(() => {
|
|
148
148
|
node.style.cssText = style || '';
|
|
149
|
-
node.style.setProperty('position', 'relative');
|
|
150
|
-
node.style.setProperty('overflow-y', 'auto');
|
|
151
149
|
});
|
|
152
150
|
}
|
|
153
151
|
|
|
154
152
|
function applyInnerStyles(node: HTMLElement) {
|
|
155
153
|
$effect(() => {
|
|
156
|
-
node.style.setProperty('height', `${totalHeight}px`);
|
|
157
|
-
node.style.setProperty('position', 'relative');
|
|
154
|
+
node.style.setProperty('--_inner-height', `${totalHeight}px`);
|
|
158
155
|
});
|
|
159
156
|
}
|
|
160
157
|
|
|
@@ -191,7 +188,7 @@
|
|
|
191
188
|
data-virtual-list
|
|
192
189
|
{...rest}
|
|
193
190
|
>
|
|
194
|
-
<div use:applyInnerStyles>
|
|
191
|
+
<div data-virtual-list-inner use:applyInnerStyles>
|
|
195
192
|
{#each visibleItems as entry (entry.index)}
|
|
196
193
|
{@render children(entry)}
|
|
197
194
|
{/each}
|
|
@@ -200,6 +197,8 @@
|
|
|
200
197
|
|
|
201
198
|
<style>
|
|
202
199
|
[data-virtual-list] {
|
|
200
|
+
position: relative;
|
|
201
|
+
overflow-y: auto;
|
|
203
202
|
height: 100%;
|
|
204
203
|
--dry-virtual-list-scrollbar-width: 8px;
|
|
205
204
|
--dry-virtual-list-scrollbar-track: var(--dry-color-bg-raised, transparent);
|
|
@@ -232,4 +231,9 @@
|
|
|
232
231
|
[data-virtual-list]::-webkit-scrollbar-thumb:hover {
|
|
233
232
|
background: var(--dry-virtual-list-scrollbar-thumb-hover);
|
|
234
233
|
}
|
|
234
|
+
|
|
235
|
+
[data-virtual-list-inner] {
|
|
236
|
+
position: relative;
|
|
237
|
+
height: var(--_inner-height, 0px);
|
|
238
|
+
}
|
|
235
239
|
</style>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dryui/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.12",
|
|
4
4
|
"author": "Rob Balfre",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -1504,7 +1504,7 @@
|
|
|
1504
1504
|
"thumbnail:create": "bun scripts/create-thumbnail.ts"
|
|
1505
1505
|
},
|
|
1506
1506
|
"dependencies": {
|
|
1507
|
-
"@dryui/primitives": "^0.1.
|
|
1507
|
+
"@dryui/primitives": "^0.1.12"
|
|
1508
1508
|
},
|
|
1509
1509
|
"peerDependencies": {
|
|
1510
1510
|
"svelte": "^5.55.1"
|