@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.
Files changed (207) hide show
  1. package/dist/adjust/adjust.svelte +4 -2
  2. package/dist/alpha-slider/alpha-slider.svelte +4 -2
  3. package/dist/aspect-ratio/aspect-ratio.svelte +2 -1
  4. package/dist/aurora/aurora.svelte +12 -2
  5. package/dist/beam/beam.svelte +23 -22
  6. package/dist/chromatic-aberration/chromatic-aberration.svelte +3 -0
  7. package/dist/color-picker/color-picker-alpha-slider.svelte +2 -1
  8. package/dist/color-picker/color-picker-area.svelte +11 -5
  9. package/dist/color-picker/color-picker-swatch.svelte +6 -3
  10. package/dist/displacement/displacement.svelte +3 -0
  11. package/dist/gauge/gauge.svelte +3 -3
  12. package/dist/god-rays/god-rays.svelte +10 -0
  13. package/dist/image-comparison/image-comparison.svelte +3 -1
  14. package/dist/marquee/marquee.svelte +9 -13
  15. package/dist/progress/progress.svelte +8 -4
  16. package/dist/qr-code/qr-code.svelte +1 -1
  17. package/dist/reveal/reveal.svelte +3 -1
  18. package/dist/shader-canvas/shader-canvas.svelte +3 -2
  19. package/dist/skeleton/skeleton.svelte +8 -5
  20. package/dist/slider/slider.svelte +1 -1
  21. package/dist/splitter/splitter-root.svelte +7 -4
  22. package/dist/spotlight/spotlight.svelte +7 -0
  23. package/dist/themes/default.css +16 -1
  24. package/dist/thumbnail/accordion.svelte +2 -2
  25. package/dist/thumbnail/add-on-selector.svelte +2 -2
  26. package/dist/thumbnail/affix-group.svelte +2 -2
  27. package/dist/thumbnail/alert-dialog.svelte +2 -2
  28. package/dist/thumbnail/alert.svelte +2 -2
  29. package/dist/thumbnail/alpha-slider.svelte +2 -2
  30. package/dist/thumbnail/amenity-grid.svelte +2 -2
  31. package/dist/thumbnail/aspect-ratio.svelte +2 -2
  32. package/dist/thumbnail/aurora.svelte +2 -2
  33. package/dist/thumbnail/avatar.svelte +2 -2
  34. package/dist/thumbnail/backdrop.svelte +2 -2
  35. package/dist/thumbnail/badge.svelte +2 -2
  36. package/dist/thumbnail/booking-confirmation.svelte +2 -2
  37. package/dist/thumbnail/breadcrumb.svelte +2 -2
  38. package/dist/thumbnail/button-group.svelte +2 -2
  39. package/dist/thumbnail/button.svelte +2 -2
  40. package/dist/thumbnail/calendar.svelte +2 -2
  41. package/dist/thumbnail/card.svelte +2 -2
  42. package/dist/thumbnail/carousel.svelte +2 -2
  43. package/dist/thumbnail/chart.svelte +2 -2
  44. package/dist/thumbnail/chat-thread.svelte +2 -2
  45. package/dist/thumbnail/checkbox.svelte +2 -2
  46. package/dist/thumbnail/chip-group.svelte +2 -2
  47. package/dist/thumbnail/chip.svelte +2 -2
  48. package/dist/thumbnail/chromatic-shift.svelte +2 -2
  49. package/dist/thumbnail/clipboard.svelte +2 -2
  50. package/dist/thumbnail/code-block.svelte +2 -2
  51. package/dist/thumbnail/collapsible.svelte +2 -2
  52. package/dist/thumbnail/color-picker.svelte +2 -2
  53. package/dist/thumbnail/combobox.svelte +2 -2
  54. package/dist/thumbnail/command-palette.svelte +2 -2
  55. package/dist/thumbnail/commerce-header.svelte +2 -2
  56. package/dist/thumbnail/comparison-table.svelte +2 -2
  57. package/dist/thumbnail/container.svelte +2 -2
  58. package/dist/thumbnail/context-menu.svelte +2 -2
  59. package/dist/thumbnail/country-select.svelte +2 -2
  60. package/dist/thumbnail/currency-selector.svelte +2 -2
  61. package/dist/thumbnail/data-grid.svelte +2 -2
  62. package/dist/thumbnail/date-field.svelte +2 -2
  63. package/dist/thumbnail/date-picker.svelte +2 -2
  64. package/dist/thumbnail/date-range-picker.svelte +2 -2
  65. package/dist/thumbnail/date-time-input.svelte +2 -2
  66. package/dist/thumbnail/description-list.svelte +2 -2
  67. package/dist/thumbnail/dialog.svelte +2 -2
  68. package/dist/thumbnail/displacement.svelte +2 -2
  69. package/dist/thumbnail/drag-and-drop.svelte +2 -2
  70. package/dist/thumbnail/drawer.svelte +2 -2
  71. package/dist/thumbnail/drop-zone.svelte +2 -2
  72. package/dist/thumbnail/dropdown-menu.svelte +2 -2
  73. package/dist/thumbnail/fare-class-picker.svelte +2 -2
  74. package/dist/thumbnail/field.svelte +2 -2
  75. package/dist/thumbnail/fieldset.svelte +2 -2
  76. package/dist/thumbnail/file-select.svelte +2 -2
  77. package/dist/thumbnail/file-upload.svelte +2 -2
  78. package/dist/thumbnail/filter-sidebar.svelte +2 -2
  79. package/dist/thumbnail/flexible-dates-grid.svelte +2 -2
  80. package/dist/thumbnail/flight-timeline.svelte +2 -2
  81. package/dist/thumbnail/flip-card.svelte +2 -2
  82. package/dist/thumbnail/float-button.svelte +2 -2
  83. package/dist/thumbnail/focus-trap.svelte +2 -2
  84. package/dist/thumbnail/format-bytes.svelte +2 -2
  85. package/dist/thumbnail/format-date.svelte +2 -2
  86. package/dist/thumbnail/format-number.svelte +2 -2
  87. package/dist/thumbnail/gauge.svelte +2 -2
  88. package/dist/thumbnail/glow.svelte +2 -2
  89. package/dist/thumbnail/gradient-mesh.svelte +2 -2
  90. package/dist/thumbnail/guest-room-selector.svelte +2 -2
  91. package/dist/thumbnail/halftone.svelte +2 -2
  92. package/dist/thumbnail/heading.svelte +2 -2
  93. package/dist/thumbnail/hotel-gallery.svelte +2 -2
  94. package/dist/thumbnail/hotkey.svelte +2 -2
  95. package/dist/thumbnail/hover-card.svelte +2 -2
  96. package/dist/thumbnail/icon.svelte +2 -2
  97. package/dist/thumbnail/image-comparison.svelte +2 -2
  98. package/dist/thumbnail/image.svelte +2 -2
  99. package/dist/thumbnail/infinite-scroll.svelte +2 -2
  100. package/dist/thumbnail/input-group.svelte +2 -2
  101. package/dist/thumbnail/input.svelte +2 -2
  102. package/dist/thumbnail/itinerary-timeline.svelte +2 -2
  103. package/dist/thumbnail/kbd.svelte +2 -2
  104. package/dist/thumbnail/label.svelte +2 -2
  105. package/dist/thumbnail/layout-header-content-footer.svelte +2 -2
  106. package/dist/thumbnail/layout-header-sidebar-main.svelte +2 -2
  107. package/dist/thumbnail/layout-sidebar-main.svelte +2 -2
  108. package/dist/thumbnail/link-preview.svelte +2 -2
  109. package/dist/thumbnail/link.svelte +2 -2
  110. package/dist/thumbnail/list.svelte +2 -2
  111. package/dist/thumbnail/listbox.svelte +2 -2
  112. package/dist/thumbnail/location-autocomplete.svelte +2 -2
  113. package/dist/thumbnail/loyalty-points-display.svelte +2 -2
  114. package/dist/thumbnail/map-list-toggle.svelte +2 -2
  115. package/dist/thumbnail/map.svelte +2 -2
  116. package/dist/thumbnail/markdown-renderer.svelte +2 -2
  117. package/dist/thumbnail/marquee.svelte +2 -2
  118. package/dist/thumbnail/mask-reveal.svelte +2 -2
  119. package/dist/thumbnail/mega-menu.svelte +2 -2
  120. package/dist/thumbnail/menubar.svelte +2 -2
  121. package/dist/thumbnail/multi-city-search-form.svelte +2 -2
  122. package/dist/thumbnail/multi-select-combobox.svelte +2 -2
  123. package/dist/thumbnail/navigation-menu.svelte +2 -2
  124. package/dist/thumbnail/noise.svelte +2 -2
  125. package/dist/thumbnail/notification-center.svelte +2 -2
  126. package/dist/thumbnail/number-input.svelte +2 -2
  127. package/dist/thumbnail/option-swatch-group.svelte +2 -2
  128. package/dist/thumbnail/pagination.svelte +2 -2
  129. package/dist/thumbnail/passenger-class-selector.svelte +2 -2
  130. package/dist/thumbnail/payment-card-input.svelte +2 -2
  131. package/dist/thumbnail/phone-input.svelte +2 -2
  132. package/dist/thumbnail/pin-input.svelte +2 -2
  133. package/dist/thumbnail/popover.svelte +2 -2
  134. package/dist/thumbnail/portal.svelte +2 -2
  135. package/dist/thumbnail/price-calendar.svelte +2 -2
  136. package/dist/thumbnail/price-summary-panel.svelte +2 -2
  137. package/dist/thumbnail/progress-ring.svelte +2 -2
  138. package/dist/thumbnail/progress.svelte +2 -2
  139. package/dist/thumbnail/promo-code-input.svelte +2 -2
  140. package/dist/thumbnail/promo-mosaic.svelte +2 -2
  141. package/dist/thumbnail/prompt-input.svelte +2 -2
  142. package/dist/thumbnail/qr-code.svelte +2 -2
  143. package/dist/thumbnail/radio-group.svelte +2 -2
  144. package/dist/thumbnail/range-calendar.svelte +2 -2
  145. package/dist/thumbnail/rating.svelte +2 -2
  146. package/dist/thumbnail/recent-searches.svelte +2 -2
  147. package/dist/thumbnail/relative-time.svelte +2 -2
  148. package/dist/thumbnail/result-card-car.svelte +2 -2
  149. package/dist/thumbnail/result-card-flight.svelte +2 -2
  150. package/dist/thumbnail/result-card-hotel.svelte +2 -2
  151. package/dist/thumbnail/reveal.svelte +2 -2
  152. package/dist/thumbnail/review-card.svelte +2 -2
  153. package/dist/thumbnail/rich-text-editor.svelte +2 -2
  154. package/dist/thumbnail/room-type-picker.svelte +2 -2
  155. package/dist/thumbnail/root.svelte +2 -2
  156. package/dist/thumbnail/route-map.svelte +2 -2
  157. package/dist/thumbnail/scroll-area.svelte +2 -2
  158. package/dist/thumbnail/scroll-to-top.svelte +2 -2
  159. package/dist/thumbnail/search-form-tabs.svelte +2 -2
  160. package/dist/thumbnail/seat-map.svelte +2 -2
  161. package/dist/thumbnail/segmented-control.svelte +2 -2
  162. package/dist/thumbnail/select.svelte +2 -2
  163. package/dist/thumbnail/selectable-tile-group.svelte +2 -2
  164. package/dist/thumbnail/separator.svelte +2 -2
  165. package/dist/thumbnail/shader-canvas.svelte +2 -2
  166. package/dist/thumbnail/sidebar.svelte +2 -2
  167. package/dist/thumbnail/skeleton.svelte +2 -2
  168. package/dist/thumbnail/slider.svelte +2 -2
  169. package/dist/thumbnail/sort-bar.svelte +2 -2
  170. package/dist/thumbnail/spacer.svelte +2 -2
  171. package/dist/thumbnail/sparkline.svelte +2 -2
  172. package/dist/thumbnail/spinner.svelte +2 -2
  173. package/dist/thumbnail/splitter.svelte +2 -2
  174. package/dist/thumbnail/spotlight.svelte +2 -2
  175. package/dist/thumbnail/star-rating.svelte +2 -2
  176. package/dist/thumbnail/stepper.svelte +2 -2
  177. package/dist/thumbnail/svg.svelte +2 -2
  178. package/dist/thumbnail/system-map.svelte +2 -2
  179. package/dist/thumbnail/table-of-contents.svelte +2 -2
  180. package/dist/thumbnail/table.svelte +2 -2
  181. package/dist/thumbnail/tabs.svelte +2 -2
  182. package/dist/thumbnail/tag.svelte +2 -2
  183. package/dist/thumbnail/tags-input.svelte +2 -2
  184. package/dist/thumbnail/text.svelte +2 -2
  185. package/dist/thumbnail/textarea.svelte +2 -2
  186. package/dist/thumbnail/time-input.svelte +2 -2
  187. package/dist/thumbnail/timeline.svelte +2 -2
  188. package/dist/thumbnail/toast.svelte +2 -2
  189. package/dist/thumbnail/toggle-group.svelte +2 -2
  190. package/dist/thumbnail/toggle.svelte +2 -2
  191. package/dist/thumbnail/toolbar.svelte +2 -2
  192. package/dist/thumbnail/tooltip.svelte +2 -2
  193. package/dist/thumbnail/tour.svelte +2 -2
  194. package/dist/thumbnail/transfer.svelte +2 -2
  195. package/dist/thumbnail/tree.svelte +2 -2
  196. package/dist/thumbnail/trip-card.svelte +2 -2
  197. package/dist/thumbnail/trust-badges.svelte +2 -2
  198. package/dist/thumbnail/typing-indicator.svelte +2 -2
  199. package/dist/thumbnail/typography.svelte +2 -2
  200. package/dist/thumbnail/video-embed.svelte +2 -2
  201. package/dist/thumbnail/virtual-list.svelte +2 -2
  202. package/dist/thumbnail/visually-hidden.svelte +2 -2
  203. package/dist/toast/toast-root.svelte +1 -1
  204. package/dist/tree/tree-item-children.svelte +3 -2
  205. package/dist/video-embed/video-embed.svelte +2 -1
  206. package/dist/virtual-list/virtual-list.svelte +9 -5
  207. package/package.json +2 -2
@@ -44,8 +44,8 @@
44
44
  <style>
45
45
  [data-thumbnail] {
46
46
  display: inline-grid;
47
- width: var(--thumbnail-w);
48
- height: var(--thumbnail-h);
47
+ width: var(--thumbnail-w, 80px);
48
+ height: var(--thumbnail-h, 53px);
49
49
  }
50
50
 
51
51
  [data-thumbnail][data-size='sm'] {
@@ -91,8 +91,8 @@
91
91
  <style>
92
92
  [data-thumbnail] {
93
93
  display: inline-grid;
94
- width: var(--thumbnail-w);
95
- height: var(--thumbnail-h);
94
+ width: var(--thumbnail-w, 80px);
95
+ height: var(--thumbnail-h, 53px);
96
96
  }
97
97
 
98
98
  [data-thumbnail][data-size='sm'] {
@@ -32,8 +32,8 @@
32
32
  <style>
33
33
  [data-thumbnail] {
34
34
  display: inline-grid;
35
- width: var(--thumbnail-w);
36
- height: var(--thumbnail-h);
35
+ width: var(--thumbnail-w, 80px);
36
+ height: var(--thumbnail-h, 53px);
37
37
  }
38
38
 
39
39
  [data-thumbnail][data-size='sm'] {
@@ -32,8 +32,8 @@
32
32
  <style>
33
33
  [data-thumbnail] {
34
34
  display: inline-grid;
35
- width: var(--thumbnail-w);
36
- height: var(--thumbnail-h);
35
+ width: var(--thumbnail-w, 80px);
36
+ height: var(--thumbnail-h, 53px);
37
37
  }
38
38
 
39
39
  [data-thumbnail][data-size='sm'] {
@@ -32,8 +32,8 @@
32
32
  <style>
33
33
  [data-thumbnail] {
34
34
  display: inline-grid;
35
- width: var(--thumbnail-w);
36
- height: var(--thumbnail-h);
35
+ width: var(--thumbnail-w, 80px);
36
+ height: var(--thumbnail-h, 53px);
37
37
  }
38
38
 
39
39
  [data-thumbnail][data-size='sm'] {
@@ -71,8 +71,8 @@
71
71
  <style>
72
72
  [data-thumbnail] {
73
73
  display: inline-grid;
74
- width: var(--thumbnail-w);
75
- height: var(--thumbnail-h);
74
+ width: var(--thumbnail-w, 80px);
75
+ height: var(--thumbnail-h, 53px);
76
76
  }
77
77
 
78
78
  [data-thumbnail][data-size='sm'] {
@@ -36,8 +36,8 @@
36
36
  <style>
37
37
  [data-thumbnail] {
38
38
  display: inline-grid;
39
- width: var(--thumbnail-w);
40
- height: var(--thumbnail-h);
39
+ width: var(--thumbnail-w, 80px);
40
+ height: var(--thumbnail-h, 53px);
41
41
  }
42
42
 
43
43
  [data-thumbnail][data-size='sm'] {
@@ -36,8 +36,8 @@
36
36
  <style>
37
37
  [data-thumbnail] {
38
38
  display: inline-grid;
39
- width: var(--thumbnail-w);
40
- height: var(--thumbnail-h);
39
+ width: var(--thumbnail-w, 80px);
40
+ height: var(--thumbnail-h, 53px);
41
41
  }
42
42
 
43
43
  [data-thumbnail][data-size='sm'] {
@@ -195,8 +195,8 @@
195
195
  <style>
196
196
  [data-thumbnail] {
197
197
  display: inline-grid;
198
- width: var(--thumbnail-w);
199
- height: var(--thumbnail-h);
198
+ width: var(--thumbnail-w, 80px);
199
+ height: var(--thumbnail-h, 53px);
200
200
  }
201
201
 
202
202
  [data-thumbnail][data-size='sm'] {
@@ -36,8 +36,8 @@
36
36
  <style>
37
37
  [data-thumbnail] {
38
38
  display: inline-grid;
39
- width: var(--thumbnail-w);
40
- height: var(--thumbnail-h);
39
+ width: var(--thumbnail-w, 80px);
40
+ height: var(--thumbnail-h, 53px);
41
41
  }
42
42
 
43
43
  [data-thumbnail][data-size='sm'] {
@@ -72,8 +72,8 @@
72
72
  <style>
73
73
  [data-thumbnail] {
74
74
  display: inline-grid;
75
- width: var(--thumbnail-w);
76
- height: var(--thumbnail-h);
75
+ width: var(--thumbnail-w, 80px);
76
+ height: var(--thumbnail-h, 53px);
77
77
  }
78
78
 
79
79
  [data-thumbnail][data-size='sm'] {
@@ -98,8 +98,8 @@
98
98
  <style>
99
99
  [data-thumbnail] {
100
100
  display: inline-grid;
101
- width: var(--thumbnail-w);
102
- height: var(--thumbnail-h);
101
+ width: var(--thumbnail-w, 80px);
102
+ height: var(--thumbnail-h, 53px);
103
103
  }
104
104
 
105
105
  [data-thumbnail][data-size='sm'] {
@@ -89,8 +89,8 @@
89
89
  <style>
90
90
  [data-thumbnail] {
91
91
  display: inline-grid;
92
- width: var(--thumbnail-w);
93
- height: var(--thumbnail-h);
92
+ width: var(--thumbnail-w, 80px);
93
+ height: var(--thumbnail-h, 53px);
94
94
  }
95
95
 
96
96
  [data-thumbnail][data-size='sm'] {
@@ -98,8 +98,8 @@
98
98
  <style>
99
99
  [data-thumbnail] {
100
100
  display: inline-grid;
101
- width: var(--thumbnail-w);
102
- height: var(--thumbnail-h);
101
+ width: var(--thumbnail-w, 80px);
102
+ height: var(--thumbnail-h, 53px);
103
103
  }
104
104
 
105
105
  [data-thumbnail][data-size='sm'] {
@@ -36,8 +36,8 @@
36
36
  <style>
37
37
  [data-thumbnail] {
38
38
  display: inline-grid;
39
- width: var(--thumbnail-w);
40
- height: var(--thumbnail-h);
39
+ width: var(--thumbnail-w, 80px);
40
+ height: var(--thumbnail-h, 53px);
41
41
  }
42
42
 
43
43
  [data-thumbnail][data-size='sm'] {
@@ -77,8 +77,8 @@
77
77
  <style>
78
78
  [data-thumbnail] {
79
79
  display: inline-grid;
80
- width: var(--thumbnail-w);
81
- height: var(--thumbnail-h);
80
+ width: var(--thumbnail-w, 80px);
81
+ height: var(--thumbnail-h, 53px);
82
82
  }
83
83
 
84
84
  [data-thumbnail][data-size='sm'] {
@@ -55,8 +55,8 @@
55
55
  <style>
56
56
  [data-thumbnail] {
57
57
  display: inline-grid;
58
- width: var(--thumbnail-w);
59
- height: var(--thumbnail-h);
58
+ width: var(--thumbnail-w, 80px);
59
+ height: var(--thumbnail-h, 53px);
60
60
  }
61
61
 
62
62
  [data-thumbnail][data-size='sm'] {
@@ -110,8 +110,8 @@
110
110
  <style>
111
111
  [data-thumbnail] {
112
112
  display: inline-grid;
113
- width: var(--thumbnail-w);
114
- height: var(--thumbnail-h);
113
+ width: var(--thumbnail-w, 80px);
114
+ height: var(--thumbnail-h, 53px);
115
115
  }
116
116
 
117
117
  [data-thumbnail][data-size='sm'] {
@@ -36,8 +36,8 @@
36
36
  <style>
37
37
  [data-thumbnail] {
38
38
  display: inline-grid;
39
- width: var(--thumbnail-w);
40
- height: var(--thumbnail-h);
39
+ width: var(--thumbnail-w, 80px);
40
+ height: var(--thumbnail-h, 53px);
41
41
  }
42
42
 
43
43
  [data-thumbnail][data-size='sm'] {
@@ -55,8 +55,8 @@
55
55
  <style>
56
56
  [data-thumbnail] {
57
57
  display: inline-grid;
58
- width: var(--thumbnail-w);
59
- height: var(--thumbnail-h);
58
+ width: var(--thumbnail-w, 80px);
59
+ height: var(--thumbnail-h, 53px);
60
60
  }
61
61
 
62
62
  [data-thumbnail][data-size='sm'] {
@@ -124,8 +124,8 @@
124
124
  <style>
125
125
  [data-thumbnail] {
126
126
  display: inline-grid;
127
- width: var(--thumbnail-w);
128
- height: var(--thumbnail-h);
127
+ width: var(--thumbnail-w, 80px);
128
+ height: var(--thumbnail-h, 53px);
129
129
  }
130
130
 
131
131
  [data-thumbnail][data-size='sm'] {
@@ -93,8 +93,8 @@
93
93
  <style>
94
94
  [data-thumbnail] {
95
95
  display: inline-grid;
96
- width: var(--thumbnail-w);
97
- height: var(--thumbnail-h);
96
+ width: var(--thumbnail-w, 80px);
97
+ height: var(--thumbnail-h, 53px);
98
98
  }
99
99
 
100
100
  [data-thumbnail][data-size='sm'] {
@@ -35,8 +35,8 @@
35
35
  <style>
36
36
  [data-thumbnail] {
37
37
  display: inline-grid;
38
- width: var(--thumbnail-w);
39
- height: var(--thumbnail-h);
38
+ width: var(--thumbnail-w, 80px);
39
+ height: var(--thumbnail-h, 53px);
40
40
  }
41
41
 
42
42
  [data-thumbnail][data-size='sm'] {
@@ -45,8 +45,8 @@
45
45
  <style>
46
46
  [data-thumbnail] {
47
47
  display: inline-grid;
48
- width: var(--thumbnail-w);
49
- height: var(--thumbnail-h);
48
+ width: var(--thumbnail-w, 80px);
49
+ height: var(--thumbnail-h, 53px);
50
50
  }
51
51
 
52
52
  [data-thumbnail][data-size='sm'] {
@@ -45,8 +45,8 @@
45
45
  <style>
46
46
  [data-thumbnail] {
47
47
  display: inline-grid;
48
- width: var(--thumbnail-w);
49
- height: var(--thumbnail-h);
48
+ width: var(--thumbnail-w, 80px);
49
+ height: var(--thumbnail-h, 53px);
50
50
  }
51
51
 
52
52
  [data-thumbnail][data-size='sm'] {
@@ -38,8 +38,8 @@
38
38
  <style>
39
39
  [data-thumbnail] {
40
40
  display: inline-grid;
41
- width: var(--thumbnail-w);
42
- height: var(--thumbnail-h);
41
+ width: var(--thumbnail-w, 80px);
42
+ height: var(--thumbnail-h, 53px);
43
43
  }
44
44
 
45
45
  [data-thumbnail][data-size='sm'] {
@@ -122,8 +122,8 @@
122
122
  <style>
123
123
  [data-thumbnail] {
124
124
  display: inline-grid;
125
- width: var(--thumbnail-w);
126
- height: var(--thumbnail-h);
125
+ width: var(--thumbnail-w, 80px);
126
+ height: var(--thumbnail-h, 53px);
127
127
  }
128
128
 
129
129
  [data-thumbnail][data-size='sm'] {
@@ -51,8 +51,8 @@
51
51
  <style>
52
52
  [data-thumbnail] {
53
53
  display: inline-grid;
54
- width: var(--thumbnail-w);
55
- height: var(--thumbnail-h);
54
+ width: var(--thumbnail-w, 80px);
55
+ height: var(--thumbnail-h, 53px);
56
56
  }
57
57
 
58
58
  [data-thumbnail][data-size='sm'] {
@@ -67,8 +67,8 @@
67
67
  <style>
68
68
  [data-thumbnail] {
69
69
  display: inline-grid;
70
- width: var(--thumbnail-w);
71
- height: var(--thumbnail-h);
70
+ width: var(--thumbnail-w, 80px);
71
+ height: var(--thumbnail-h, 53px);
72
72
  }
73
73
 
74
74
  [data-thumbnail][data-size='sm'] {
@@ -83,8 +83,8 @@
83
83
  <style>
84
84
  [data-thumbnail] {
85
85
  display: inline-grid;
86
- width: var(--thumbnail-w);
87
- height: var(--thumbnail-h);
86
+ width: var(--thumbnail-w, 80px);
87
+ height: var(--thumbnail-h, 53px);
88
88
  }
89
89
 
90
90
  [data-thumbnail][data-size='sm'] {
@@ -200,8 +200,8 @@
200
200
  <style>
201
201
  [data-thumbnail] {
202
202
  display: inline-grid;
203
- width: var(--thumbnail-w);
204
- height: var(--thumbnail-h);
203
+ width: var(--thumbnail-w, 80px);
204
+ height: var(--thumbnail-h, 53px);
205
205
  }
206
206
 
207
207
  [data-thumbnail][data-size='sm'] {
@@ -128,8 +128,8 @@
128
128
  <style>
129
129
  [data-thumbnail] {
130
130
  display: inline-grid;
131
- width: var(--thumbnail-w);
132
- height: var(--thumbnail-h);
131
+ width: var(--thumbnail-w, 80px);
132
+ height: var(--thumbnail-h, 53px);
133
133
  }
134
134
 
135
135
  [data-thumbnail][data-size='sm'] {
@@ -121,8 +121,8 @@
121
121
  <style>
122
122
  [data-thumbnail] {
123
123
  display: inline-grid;
124
- width: var(--thumbnail-w);
125
- height: var(--thumbnail-h);
124
+ width: var(--thumbnail-w, 80px);
125
+ height: var(--thumbnail-h, 53px);
126
126
  }
127
127
 
128
128
  [data-thumbnail][data-size='sm'] {
@@ -93,8 +93,8 @@
93
93
  <style>
94
94
  [data-thumbnail] {
95
95
  display: inline-grid;
96
- width: var(--thumbnail-w);
97
- height: var(--thumbnail-h);
96
+ width: var(--thumbnail-w, 80px);
97
+ height: var(--thumbnail-h, 53px);
98
98
  }
99
99
 
100
100
  [data-thumbnail][data-size='sm'] {
@@ -94,8 +94,8 @@
94
94
  <style>
95
95
  [data-thumbnail] {
96
96
  display: inline-grid;
97
- width: var(--thumbnail-w);
98
- height: var(--thumbnail-h);
97
+ width: var(--thumbnail-w, 80px);
98
+ height: var(--thumbnail-h, 53px);
99
99
  }
100
100
 
101
101
  [data-thumbnail][data-size='sm'] {
@@ -95,8 +95,8 @@
95
95
  <style>
96
96
  [data-thumbnail] {
97
97
  display: inline-grid;
98
- width: var(--thumbnail-w);
99
- height: var(--thumbnail-h);
98
+ width: var(--thumbnail-w, 80px);
99
+ height: var(--thumbnail-h, 53px);
100
100
  }
101
101
 
102
102
  [data-thumbnail][data-size='sm'] {
@@ -36,8 +36,8 @@
36
36
  <style>
37
37
  [data-thumbnail] {
38
38
  display: inline-grid;
39
- width: var(--thumbnail-w);
40
- height: var(--thumbnail-h);
39
+ width: var(--thumbnail-w, 80px);
40
+ height: var(--thumbnail-h, 53px);
41
41
  }
42
42
 
43
43
  [data-thumbnail][data-size='sm'] {
@@ -157,8 +157,8 @@
157
157
  <style>
158
158
  [data-thumbnail] {
159
159
  display: inline-grid;
160
- width: var(--thumbnail-w);
161
- height: var(--thumbnail-h);
160
+ width: var(--thumbnail-w, 80px);
161
+ height: var(--thumbnail-h, 53px);
162
162
  }
163
163
 
164
164
  [data-thumbnail][data-size='sm'] {
@@ -80,8 +80,8 @@
80
80
  <style>
81
81
  [data-thumbnail] {
82
82
  display: inline-grid;
83
- width: var(--thumbnail-w);
84
- height: var(--thumbnail-h);
83
+ width: var(--thumbnail-w, 80px);
84
+ height: var(--thumbnail-h, 53px);
85
85
  }
86
86
 
87
87
  [data-thumbnail][data-size='sm'] {
@@ -222,8 +222,8 @@
222
222
  <style>
223
223
  [data-thumbnail] {
224
224
  display: inline-grid;
225
- width: var(--thumbnail-w);
226
- height: var(--thumbnail-h);
225
+ width: var(--thumbnail-w, 80px);
226
+ height: var(--thumbnail-h, 53px);
227
227
  }
228
228
 
229
229
  [data-thumbnail][data-size='sm'] {
@@ -123,8 +123,8 @@
123
123
  <style>
124
124
  [data-thumbnail] {
125
125
  display: inline-grid;
126
- width: var(--thumbnail-w);
127
- height: var(--thumbnail-h);
126
+ width: var(--thumbnail-w, 80px);
127
+ height: var(--thumbnail-h, 53px);
128
128
  }
129
129
 
130
130
  [data-thumbnail][data-size='sm'] {
@@ -83,8 +83,8 @@
83
83
  <style>
84
84
  [data-thumbnail] {
85
85
  display: inline-grid;
86
- width: var(--thumbnail-w);
87
- height: var(--thumbnail-h);
86
+ width: var(--thumbnail-w, 80px);
87
+ height: var(--thumbnail-h, 53px);
88
88
  }
89
89
 
90
90
  [data-thumbnail][data-size='sm'] {
@@ -53,8 +53,8 @@
53
53
  <style>
54
54
  [data-thumbnail] {
55
55
  display: inline-grid;
56
- width: var(--thumbnail-w);
57
- height: var(--thumbnail-h);
56
+ width: var(--thumbnail-w, 80px);
57
+ height: var(--thumbnail-h, 53px);
58
58
  }
59
59
 
60
60
  [data-thumbnail][data-size='sm'] {
@@ -133,8 +133,8 @@
133
133
  <style>
134
134
  [data-thumbnail] {
135
135
  display: inline-grid;
136
- width: var(--thumbnail-w);
137
- height: var(--thumbnail-h);
136
+ width: var(--thumbnail-w, 80px);
137
+ height: var(--thumbnail-h, 53px);
138
138
  }
139
139
 
140
140
  [data-thumbnail][data-size='sm'] {
@@ -94,8 +94,8 @@
94
94
  <style>
95
95
  [data-thumbnail] {
96
96
  display: inline-grid;
97
- width: var(--thumbnail-w);
98
- height: var(--thumbnail-h);
97
+ width: var(--thumbnail-w, 80px);
98
+ height: var(--thumbnail-h, 53px);
99
99
  }
100
100
 
101
101
  [data-thumbnail][data-size='sm'] {
@@ -36,8 +36,8 @@
36
36
  <style>
37
37
  [data-thumbnail] {
38
38
  display: inline-grid;
39
- width: var(--thumbnail-w);
40
- height: var(--thumbnail-h);
39
+ width: var(--thumbnail-w, 80px);
40
+ height: var(--thumbnail-h, 53px);
41
41
  }
42
42
 
43
43
  [data-thumbnail][data-size='sm'] {
@@ -102,8 +102,8 @@
102
102
  <style>
103
103
  [data-thumbnail] {
104
104
  display: inline-grid;
105
- width: var(--thumbnail-w);
106
- height: var(--thumbnail-h);
105
+ width: var(--thumbnail-w, 80px);
106
+ height: var(--thumbnail-h, 53px);
107
107
  }
108
108
 
109
109
  [data-thumbnail][data-size='sm'] {
@@ -123,8 +123,8 @@
123
123
  <style>
124
124
  [data-thumbnail] {
125
125
  display: inline-grid;
126
- width: var(--thumbnail-w);
127
- height: var(--thumbnail-h);
126
+ width: var(--thumbnail-w, 80px);
127
+ height: var(--thumbnail-h, 53px);
128
128
  }
129
129
 
130
130
  [data-thumbnail][data-size='sm'] {
@@ -153,8 +153,8 @@
153
153
  <style>
154
154
  [data-thumbnail] {
155
155
  display: inline-grid;
156
- width: var(--thumbnail-w);
157
- height: var(--thumbnail-h);
156
+ width: var(--thumbnail-w, 80px);
157
+ height: var(--thumbnail-h, 53px);
158
158
  }
159
159
 
160
160
  [data-thumbnail][data-size='sm'] {
@@ -84,8 +84,8 @@
84
84
  <style>
85
85
  [data-thumbnail] {
86
86
  display: inline-grid;
87
- width: var(--thumbnail-w);
88
- height: var(--thumbnail-h);
87
+ width: var(--thumbnail-w, 80px);
88
+ height: var(--thumbnail-h, 53px);
89
89
  }
90
90
 
91
91
  [data-thumbnail][data-size='sm'] {
@@ -53,8 +53,8 @@
53
53
  <style>
54
54
  [data-thumbnail] {
55
55
  display: inline-grid;
56
- width: var(--thumbnail-w);
57
- height: var(--thumbnail-h);
56
+ width: var(--thumbnail-w, 80px);
57
+ height: var(--thumbnail-h, 53px);
58
58
  }
59
59
 
60
60
  [data-thumbnail][data-size='sm'] {
@@ -103,8 +103,8 @@
103
103
  <style>
104
104
  [data-thumbnail] {
105
105
  display: inline-grid;
106
- width: var(--thumbnail-w);
107
- height: var(--thumbnail-h);
106
+ width: var(--thumbnail-w, 80px);
107
+ height: var(--thumbnail-h, 53px);
108
108
  }
109
109
 
110
110
  [data-thumbnail][data-size='sm'] {
@@ -96,8 +96,8 @@
96
96
  <style>
97
97
  [data-thumbnail] {
98
98
  display: inline-grid;
99
- width: var(--thumbnail-w);
100
- height: var(--thumbnail-h);
99
+ width: var(--thumbnail-w, 80px);
100
+ height: var(--thumbnail-h, 53px);
101
101
  }
102
102
 
103
103
  [data-thumbnail][data-size='sm'] {
@@ -347,8 +347,8 @@
347
347
  <style>
348
348
  [data-thumbnail] {
349
349
  display: inline-grid;
350
- width: var(--thumbnail-w);
351
- height: var(--thumbnail-h);
350
+ width: var(--thumbnail-w, 80px);
351
+ height: var(--thumbnail-h, 53px);
352
352
  }
353
353
 
354
354
  [data-thumbnail][data-size='sm'] {