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