@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
@@ -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'] {
@@ -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'] {
@@ -217,8 +217,8 @@
217
217
  <style>
218
218
  [data-thumbnail] {
219
219
  display: inline-grid;
220
- width: var(--thumbnail-w);
221
- height: var(--thumbnail-h);
220
+ width: var(--thumbnail-w, 80px);
221
+ height: var(--thumbnail-h, 53px);
222
222
  }
223
223
 
224
224
  [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'] {
@@ -69,8 +69,8 @@
69
69
  <style>
70
70
  [data-thumbnail] {
71
71
  display: inline-grid;
72
- width: var(--thumbnail-w);
73
- height: var(--thumbnail-h);
72
+ width: var(--thumbnail-w, 80px);
73
+ height: var(--thumbnail-h, 53px);
74
74
  }
75
75
 
76
76
  [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'] {
@@ -54,8 +54,8 @@
54
54
  <style>
55
55
  [data-thumbnail] {
56
56
  display: inline-grid;
57
- width: var(--thumbnail-w);
58
- height: var(--thumbnail-h);
57
+ width: var(--thumbnail-w, 80px);
58
+ height: var(--thumbnail-h, 53px);
59
59
  }
60
60
 
61
61
  [data-thumbnail][data-size='sm'] {
@@ -81,8 +81,8 @@
81
81
  <style>
82
82
  [data-thumbnail] {
83
83
  display: inline-grid;
84
- width: var(--thumbnail-w);
85
- height: var(--thumbnail-h);
84
+ width: var(--thumbnail-w, 80px);
85
+ height: var(--thumbnail-h, 53px);
86
86
  }
87
87
 
88
88
  [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'] {
@@ -61,8 +61,8 @@
61
61
  <style>
62
62
  [data-thumbnail] {
63
63
  display: inline-grid;
64
- width: var(--thumbnail-w);
65
- height: var(--thumbnail-h);
64
+ width: var(--thumbnail-w, 80px);
65
+ height: var(--thumbnail-h, 53px);
66
66
  }
67
67
 
68
68
  [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'] {
@@ -43,8 +43,8 @@
43
43
  <style>
44
44
  [data-thumbnail] {
45
45
  display: inline-grid;
46
- width: var(--thumbnail-w);
47
- height: var(--thumbnail-h);
46
+ width: var(--thumbnail-w, 80px);
47
+ height: var(--thumbnail-h, 53px);
48
48
  }
49
49
 
50
50
  [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'] {
@@ -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'] {
@@ -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'] {
@@ -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'] {
@@ -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'] {
@@ -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'] {
@@ -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'] {
@@ -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'] {
@@ -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'] {
@@ -49,8 +49,8 @@
49
49
  <style>
50
50
  [data-thumbnail] {
51
51
  display: inline-grid;
52
- width: var(--thumbnail-w);
53
- height: var(--thumbnail-h);
52
+ width: var(--thumbnail-w, 80px);
53
+ height: var(--thumbnail-h, 53px);
54
54
  }
55
55
 
56
56
  [data-thumbnail][data-size='sm'] {
@@ -106,8 +106,8 @@
106
106
  <style>
107
107
  [data-thumbnail] {
108
108
  display: inline-grid;
109
- width: var(--thumbnail-w);
110
- height: var(--thumbnail-h);
109
+ width: var(--thumbnail-w, 80px);
110
+ height: var(--thumbnail-h, 53px);
111
111
  }
112
112
 
113
113
  [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'] {
@@ -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'] {
@@ -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'] {
@@ -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'] {
@@ -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'] {
@@ -174,8 +174,8 @@
174
174
  <style>
175
175
  [data-thumbnail] {
176
176
  display: inline-grid;
177
- width: var(--thumbnail-w);
178
- height: var(--thumbnail-h);
177
+ width: var(--thumbnail-w, 80px);
178
+ height: var(--thumbnail-h, 53px);
179
179
  }
180
180
 
181
181
  [data-thumbnail][data-size='sm'] {
@@ -100,8 +100,8 @@
100
100
  <style>
101
101
  [data-thumbnail] {
102
102
  display: inline-grid;
103
- width: var(--thumbnail-w);
104
- height: var(--thumbnail-h);
103
+ width: var(--thumbnail-w, 80px);
104
+ height: var(--thumbnail-h, 53px);
105
105
  }
106
106
 
107
107
  [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'] {
@@ -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'] {
@@ -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'] {
@@ -211,8 +211,8 @@
211
211
  <style>
212
212
  [data-thumbnail] {
213
213
  display: inline-grid;
214
- width: var(--thumbnail-w);
215
- height: var(--thumbnail-h);
214
+ width: var(--thumbnail-w, 80px);
215
+ height: var(--thumbnail-h, 53px);
216
216
  }
217
217
 
218
218
  [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'] {
@@ -107,8 +107,8 @@
107
107
  <style>
108
108
  [data-thumbnail] {
109
109
  display: inline-grid;
110
- width: var(--thumbnail-w);
111
- height: var(--thumbnail-h);
110
+ width: var(--thumbnail-w, 80px);
111
+ height: var(--thumbnail-h, 53px);
112
112
  }
113
113
 
114
114
  [data-thumbnail][data-size='sm'] {
@@ -81,8 +81,8 @@
81
81
  <style>
82
82
  [data-thumbnail] {
83
83
  display: inline-grid;
84
- width: var(--thumbnail-w);
85
- height: var(--thumbnail-h);
84
+ width: var(--thumbnail-w, 80px);
85
+ height: var(--thumbnail-h, 53px);
86
86
  }
87
87
 
88
88
  [data-thumbnail][data-size='sm'] {
@@ -163,8 +163,8 @@
163
163
  <style>
164
164
  [data-thumbnail] {
165
165
  display: inline-grid;
166
- width: var(--thumbnail-w);
167
- height: var(--thumbnail-h);
166
+ width: var(--thumbnail-w, 80px);
167
+ height: var(--thumbnail-h, 53px);
168
168
  }
169
169
 
170
170
  [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'] {
@@ -117,8 +117,8 @@
117
117
  <style>
118
118
  [data-thumbnail] {
119
119
  display: inline-grid;
120
- width: var(--thumbnail-w);
121
- height: var(--thumbnail-h);
120
+ width: var(--thumbnail-w, 80px);
121
+ height: var(--thumbnail-h, 53px);
122
122
  }
123
123
 
124
124
  [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'] {
@@ -120,8 +120,8 @@
120
120
  <style>
121
121
  [data-thumbnail] {
122
122
  display: inline-grid;
123
- width: var(--thumbnail-w);
124
- height: var(--thumbnail-h);
123
+ width: var(--thumbnail-w, 80px);
124
+ height: var(--thumbnail-h, 53px);
125
125
  }
126
126
 
127
127
  [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'] {
@@ -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'] {
@@ -109,8 +109,8 @@
109
109
  <style>
110
110
  [data-thumbnail] {
111
111
  display: inline-grid;
112
- width: var(--thumbnail-w);
113
- height: var(--thumbnail-h);
112
+ width: var(--thumbnail-w, 80px);
113
+ height: var(--thumbnail-h, 53px);
114
114
  }
115
115
 
116
116
  [data-thumbnail][data-size='sm'] {
@@ -206,8 +206,8 @@
206
206
  <style>
207
207
  [data-thumbnail] {
208
208
  display: inline-grid;
209
- width: var(--thumbnail-w);
210
- height: var(--thumbnail-h);
209
+ width: var(--thumbnail-w, 80px);
210
+ height: var(--thumbnail-h, 53px);
211
211
  }
212
212
 
213
213
  [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'] {
@@ -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'] {
@@ -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'] {
@@ -65,8 +65,8 @@
65
65
  <style>
66
66
  [data-thumbnail] {
67
67
  display: inline-grid;
68
- width: var(--thumbnail-w);
69
- height: var(--thumbnail-h);
68
+ width: var(--thumbnail-w, 80px);
69
+ height: var(--thumbnail-h, 53px);
70
70
  }
71
71
 
72
72
  [data-thumbnail][data-size='sm'] {
@@ -182,8 +182,8 @@
182
182
  <style>
183
183
  [data-thumbnail] {
184
184
  display: inline-grid;
185
- width: var(--thumbnail-w);
186
- height: var(--thumbnail-h);
185
+ width: var(--thumbnail-w, 80px);
186
+ height: var(--thumbnail-h, 53px);
187
187
  }
188
188
 
189
189
  [data-thumbnail][data-size='sm'] {
@@ -191,8 +191,8 @@
191
191
  <style>
192
192
  [data-thumbnail] {
193
193
  display: inline-grid;
194
- width: var(--thumbnail-w);
195
- height: var(--thumbnail-h);
194
+ width: var(--thumbnail-w, 80px);
195
+ height: var(--thumbnail-h, 53px);
196
196
  }
197
197
 
198
198
  [data-thumbnail][data-size='sm'] {
@@ -136,8 +136,8 @@
136
136
  <style>
137
137
  [data-thumbnail] {
138
138
  display: inline-grid;
139
- width: var(--thumbnail-w);
140
- height: var(--thumbnail-h);
139
+ width: var(--thumbnail-w, 80px);
140
+ height: var(--thumbnail-h, 53px);
141
141
  }
142
142
 
143
143
  [data-thumbnail][data-size='sm'] {
@@ -109,8 +109,8 @@
109
109
  <style>
110
110
  [data-thumbnail] {
111
111
  display: inline-grid;
112
- width: var(--thumbnail-w);
113
- height: var(--thumbnail-h);
112
+ width: var(--thumbnail-w, 80px);
113
+ height: var(--thumbnail-h, 53px);
114
114
  }
115
115
 
116
116
  [data-thumbnail][data-size='sm'] {