@rio-cloud/uikit-mcp 1.1.11 → 1.1.13

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/doc-metadata.json +26 -26
  2. package/dist/docs/components/accentBar.md +1 -1
  3. package/dist/docs/components/activity.md +1 -1
  4. package/dist/docs/components/analyticsAnalysisOverlay.md +1 -1
  5. package/dist/docs/components/animatedNumber.md +1 -1
  6. package/dist/docs/components/animatedTextReveal.md +6 -6
  7. package/dist/docs/components/animations.md +21 -21
  8. package/dist/docs/components/appHeader.md +1 -1
  9. package/dist/docs/components/appLayout.md +90 -20
  10. package/dist/docs/components/appNavigationBar.md +1 -1
  11. package/dist/docs/components/areaCharts.md +4 -4
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  13. package/dist/docs/components/assetTree.md +310 -428
  14. package/dist/docs/components/autosuggests.md +1 -1
  15. package/dist/docs/components/avatar.md +1 -1
  16. package/dist/docs/components/banner.md +2 -2
  17. package/dist/docs/components/barCharts.md +13 -13
  18. package/dist/docs/components/barList.md +10 -10
  19. package/dist/docs/components/basicMap.md +1 -1
  20. package/dist/docs/components/bottomSheet.md +1 -1
  21. package/dist/docs/components/button.md +1 -1
  22. package/dist/docs/components/buttonToolbar.md +1 -1
  23. package/dist/docs/components/calendarStripe.md +57 -61
  24. package/dist/docs/components/card.md +1 -1
  25. package/dist/docs/components/carousel.md +1 -1
  26. package/dist/docs/components/chartColors.md +1 -1
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +2 -2
  29. package/dist/docs/components/checkbox.md +1 -1
  30. package/dist/docs/components/circularProgress.md +6 -6
  31. package/dist/docs/components/clearableInput.md +1 -1
  32. package/dist/docs/components/collapse.md +2 -2
  33. package/dist/docs/components/composedCharts.md +15 -15
  34. package/dist/docs/components/contentLoader.md +1 -1
  35. package/dist/docs/components/dataTabs.md +1 -1
  36. package/dist/docs/components/datepickers.md +672 -672
  37. package/dist/docs/components/dayPicker.md +5 -5
  38. package/dist/docs/components/dayPickerCalendar.md +471 -471
  39. package/dist/docs/components/dialogs.md +1 -1
  40. package/dist/docs/components/divider.md +1 -1
  41. package/dist/docs/components/dropdowns.md +3256 -3250
  42. package/dist/docs/components/editableContent.md +1 -1
  43. package/dist/docs/components/expander.md +1 -1
  44. package/dist/docs/components/fade.md +1 -1
  45. package/dist/docs/components/fadeExpander.md +1 -1
  46. package/dist/docs/components/fadeUp.md +2 -2
  47. package/dist/docs/components/feedback.md +1 -1
  48. package/dist/docs/components/filePickers.md +1 -1
  49. package/dist/docs/components/formLabel.md +1 -1
  50. package/dist/docs/components/groupedItemList.md +1 -1
  51. package/dist/docs/components/htmlTable.md +114 -114
  52. package/dist/docs/components/iconList.md +4 -4
  53. package/dist/docs/components/imagePreloader.md +1 -1
  54. package/dist/docs/components/labeledElement.md +1 -1
  55. package/dist/docs/components/licensePlate.md +1 -1
  56. package/dist/docs/components/lineCharts.md +2 -2
  57. package/dist/docs/components/listMenu.md +1 -1
  58. package/dist/docs/components/loadMore.md +1 -1
  59. package/dist/docs/components/mainNavigation.md +1 -1
  60. package/dist/docs/components/mapCircle.md +1 -1
  61. package/dist/docs/components/mapCluster.md +1 -1
  62. package/dist/docs/components/mapContext.md +1 -1
  63. package/dist/docs/components/mapDraggableMarker.md +1 -1
  64. package/dist/docs/components/mapGettingStarted.md +1 -1
  65. package/dist/docs/components/mapInfoBubble.md +1 -1
  66. package/dist/docs/components/mapLayerGroup.md +1 -1
  67. package/dist/docs/components/mapMarker.md +1 -1
  68. package/dist/docs/components/mapPolygon.md +1 -1
  69. package/dist/docs/components/mapRoute.md +1 -1
  70. package/dist/docs/components/mapSettings.md +31 -9
  71. package/dist/docs/components/mapUtils.md +65 -2
  72. package/dist/docs/components/mapViewportHistory.md +1 -1
  73. package/dist/docs/components/multiselects.md +165 -1
  74. package/dist/docs/components/noData.md +1 -1
  75. package/dist/docs/components/notifications.md +1 -1
  76. package/dist/docs/components/numbercontrol.md +1 -1
  77. package/dist/docs/components/onboarding.md +1 -1
  78. package/dist/docs/components/page.md +1 -1
  79. package/dist/docs/components/pager.md +1 -1
  80. package/dist/docs/components/pieCharts.md +36 -36
  81. package/dist/docs/components/popover.md +1 -1
  82. package/dist/docs/components/position.md +1 -1
  83. package/dist/docs/components/radialBarCharts.md +25 -25
  84. package/dist/docs/components/radioCardGroup.md +1 -1
  85. package/dist/docs/components/radiobutton.md +1 -1
  86. package/dist/docs/components/releaseNotes.md +1 -1
  87. package/dist/docs/components/resizer.md +1 -1
  88. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  89. package/dist/docs/components/responsiveVideo.md +1 -1
  90. package/dist/docs/components/rioglyph.md +1 -1
  91. package/dist/docs/components/rules.md +3 -3
  92. package/dist/docs/components/saveableInput.md +252 -252
  93. package/dist/docs/components/selects.md +1 -1
  94. package/dist/docs/components/sidebar.md +1 -1
  95. package/dist/docs/components/sliders.md +1 -1
  96. package/dist/docs/components/smoothScrollbars.md +1 -1
  97. package/dist/docs/components/spinners.md +1 -1
  98. package/dist/docs/components/states.md +1 -1
  99. package/dist/docs/components/statsWidgets.md +1 -1
  100. package/dist/docs/components/statusBar.md +1 -1
  101. package/dist/docs/components/stepButton.md +1 -1
  102. package/dist/docs/components/steppedProgressBars.md +1 -1
  103. package/dist/docs/components/subNavigation.md +1 -1
  104. package/dist/docs/components/supportMarker.md +1 -1
  105. package/dist/docs/components/svgImage.md +1 -1
  106. package/dist/docs/components/switch.md +1 -1
  107. package/dist/docs/components/table.md +14 -14
  108. package/dist/docs/components/tableControls.md +52 -52
  109. package/dist/docs/components/tagManager.md +1 -1
  110. package/dist/docs/components/tags.md +1 -1
  111. package/dist/docs/components/teaser.md +1 -1
  112. package/dist/docs/components/textTruncateMiddle.md +1 -1
  113. package/dist/docs/components/timeline.md +1 -1
  114. package/dist/docs/components/timepicker.md +1 -1
  115. package/dist/docs/components/toggleButton.md +1 -1
  116. package/dist/docs/components/tooltip.md +1 -1
  117. package/dist/docs/components/tracker.md +1 -1
  118. package/dist/docs/components/virtualList.md +55 -47
  119. package/dist/docs/foundations.md +112 -112
  120. package/dist/docs/start/changelog.md +29 -213
  121. package/dist/docs/start/goodtoknow.md +1 -1
  122. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  123. package/dist/docs/start/guidelines/custom-css.md +1 -1
  124. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  125. package/dist/docs/start/guidelines/formatting.md +1 -1
  126. package/dist/docs/start/guidelines/iframe.md +1 -1
  127. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  128. package/dist/docs/start/guidelines/print-css.md +1 -1
  129. package/dist/docs/start/guidelines/spinner.md +1 -1
  130. package/dist/docs/start/guidelines/state-in-url.md +1 -1
  131. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  132. package/dist/docs/start/guidelines/writing.md +1 -1
  133. package/dist/docs/start/howto.md +16 -16
  134. package/dist/docs/start/intro.md +2 -2
  135. package/dist/docs/start/responsiveness.md +1 -1
  136. package/dist/docs/templates/ai-assistant.md +1 -1
  137. package/dist/docs/templates/common-table.md +56 -56
  138. package/dist/docs/templates/detail-views.md +2 -2
  139. package/dist/docs/templates/expandable-details.md +1 -1
  140. package/dist/docs/templates/feature-cards.md +37 -37
  141. package/dist/docs/templates/form-summary.md +15 -15
  142. package/dist/docs/templates/form-toggle.md +1 -1
  143. package/dist/docs/templates/list-blocks.md +135 -135
  144. package/dist/docs/templates/loading-progress.md +1 -1
  145. package/dist/docs/templates/options-panel.md +1 -1
  146. package/dist/docs/templates/panel-variants.md +1 -1
  147. package/dist/docs/templates/progress-cards.md +1 -1
  148. package/dist/docs/templates/progress-success.md +1 -1
  149. package/dist/docs/templates/settings-form.md +18 -18
  150. package/dist/docs/templates/stats-blocks.md +12 -12
  151. package/dist/docs/templates/table-panel.md +1 -1
  152. package/dist/docs/templates/usage-cards.md +1 -1
  153. package/dist/docs/utilities/classNames.md +1 -1
  154. package/dist/docs/utilities/deviceUtils.md +1 -1
  155. package/dist/docs/utilities/featureToggles.md +1 -1
  156. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  157. package/dist/docs/utilities/getTrackingAttributes.md +1 -1
  158. package/dist/docs/utilities/routeUtils.md +1 -1
  159. package/dist/docs/utilities/useAfterMount.md +1 -1
  160. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  161. package/dist/docs/utilities/useAverage.md +1 -1
  162. package/dist/docs/utilities/useClickOutside.md +1 -1
  163. package/dist/docs/utilities/useClipboard.md +2 -2
  164. package/dist/docs/utilities/useCookies.md +1 -1
  165. package/dist/docs/utilities/useCount.md +1 -1
  166. package/dist/docs/utilities/useDarkMode.md +1 -1
  167. package/dist/docs/utilities/useDebugInfo.md +3 -3
  168. package/dist/docs/utilities/useDraggableElement.md +1 -1
  169. package/dist/docs/utilities/useEffectOnce.md +1 -1
  170. package/dist/docs/utilities/useElapsedTime.md +1 -1
  171. package/dist/docs/utilities/useElementSize.md +1 -1
  172. package/dist/docs/utilities/useEsc.md +1 -1
  173. package/dist/docs/utilities/useEvent.md +2 -2
  174. package/dist/docs/utilities/useFocusTrap.md +1 -1
  175. package/dist/docs/utilities/useFullscreen.md +1 -1
  176. package/dist/docs/utilities/useHover.md +1 -1
  177. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  178. package/dist/docs/utilities/useInterval.md +1 -1
  179. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  180. package/dist/docs/utilities/useKey.md +1 -1
  181. package/dist/docs/utilities/useLocalStorage.md +1 -1
  182. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  183. package/dist/docs/utilities/useMax.md +1 -1
  184. package/dist/docs/utilities/useMin.md +1 -1
  185. package/dist/docs/utilities/useMutationObserver.md +1 -1
  186. package/dist/docs/utilities/useOnScreen.md +1 -1
  187. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  188. package/dist/docs/utilities/usePostMessage.md +2 -2
  189. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  190. package/dist/docs/utilities/usePrevious.md +1 -1
  191. package/dist/docs/utilities/useResizeObserver.md +1 -1
  192. package/dist/docs/utilities/useRioCookieConsent.md +1 -1
  193. package/dist/docs/utilities/useScrollPosition.md +1 -1
  194. package/dist/docs/utilities/useSearch.md +1 -1
  195. package/dist/docs/utilities/useSearchHighlight.md +1 -1
  196. package/dist/docs/utilities/useSorting.md +1 -1
  197. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  198. package/dist/docs/utilities/useSum.md +1 -1
  199. package/dist/docs/utilities/useTableExport.md +61 -61
  200. package/dist/docs/utilities/useTableSelection.md +72 -72
  201. package/dist/docs/utilities/useTimeout.md +1 -1
  202. package/dist/docs/utilities/useToggle.md +1 -1
  203. package/dist/docs/utilities/useUrlState.md +1 -1
  204. package/dist/docs/utilities/useWindowResize.md +1 -1
  205. package/dist/index.mjs +2 -2
  206. package/dist/version.json +2 -2
  207. package/package.json +14 -7
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/virtualList
6
- *Captured:* 2026-04-27T14:58:08.977Z
6
+ *Captured:* 2026-06-11T10:01:30.551Z
7
7
 
8
8
  The VirtualList component is designed for efficiently rendering large lists of items by only displaying the visible portion of the list, also known as windowing.
9
9
 
@@ -14,35 +14,38 @@ It allows a specified number of items outside the viewport for smoother scrollin
14
14
  ### Example: Example 1
15
15
 
16
16
  Virtual list with 100 items Item 1
17
- In, In pharetra ante elementum ac nunc in Duis
17
+ Ut vitae massa dolor ut
18
18
 
19
19
  Item 2
20
- Efficitur efficitur elit. molestie faucibus. in, tortor volutpat Duis tincidunt. ante purus
20
+ Quis, quis, efficitur ante Integer in Interdum ut In elit.
21
21
 
22
22
  Item 3
23
- Libero fringilla ut ligula dolor ligula sit Vivamus semper posuere est quis, viverra in,
23
+ Consectetur sit Interdum tincidunt. Duis eget Duis ac sagittis et posuere
24
+ Lorem in finibus Ut
24
25
 
25
26
  Item 4
26
- Consectetur pharetra nunc efficitur volutpat
27
+ Iaculis. vitae eget scelerisque orci libero iaculis. elit. enim felis. malesuada elit. purus et
27
28
 
28
29
  Item 5
29
- In nec dui aliquam adipiscing metus
30
+ Massa ligula efficitur elit. condimentum quis, dui dui purus massa malesuada vel metus elit.
30
31
 
31
32
  Item 6
32
- Elit. eget ac quis, semper. sem.
33
+ Iaculis.
34
+ Lorem ante felis. massa dolor
33
35
 
34
36
  Item 7
35
- Ut finibus hendrerit aliquam amet, consectetur
37
+ Elementum
38
+ Lorem Sed pretium in consectetur condimentum nec bibendum, elementum ipsum ipsum orci, et massa
36
39
 
37
40
  Item 8
38
- Primis ac et scelerisque aliquam Sed pharetra fames consectetur lorem in
39
- Lorem velit. nunc
41
+ Amet, faucibus. orci elit. finibus pharetra Duis felis. nec aliquam efficitur velit. elementum scelerisque
40
42
 
41
43
  Item 9
42
- Duis pretium orci, consectetur condimentum sit ante in posuere vel purus ante primis sem. nunc
44
+ Et vel adipiscing malesuada fringilla massa,
45
+ Lorem Sed bibendum, ac
43
46
 
44
47
  Item 10
45
- Efficitur purus pharetra faucibus. primis purus
48
+ Ut Sed felis. Sed bibendum, primis ante enim in in, amet, Sed orci,
46
49
 
47
50
  #### React (tsx)
48
51
 
@@ -90,67 +93,70 @@ export default () => {
90
93
  <div class="max-width-600 padding-y-20">
91
94
  <label class="padding-left-10">Virtual list with 100 items</label>
92
95
  <div class="VirtualList overflow-y-auto max-height-400 padding-x-10" style="height: 100%; position: relative; overflow: auto;">
93
- <div class="position-relative" style="height: 7200px;">
96
+ <div class="position-relative" style="height: 7400px;">
94
97
  <div class="VirtualListItemContainer ">
95
98
  <div class="VirtualListItemWrapper " data-index="0" style="position: absolute; transform: translateY(0px); width: 100%; will-change: transform;">
96
99
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
97
100
  <div class="text-medium" data-test-ignore="text">Item 1</div>
98
- <div class="word-break" data-test-ignore="text">In, In pharetra ante elementum ac nunc in Duis</div>
101
+ <div class="word-break" data-test-ignore="text">Ut vitae massa dolor ut</div>
99
102
  </div>
100
103
  </div>
101
104
  <div class="VirtualListItemWrapper " data-index="1" style="position: absolute; transform: translateY(70px); width: 100%; will-change: transform;">
102
105
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
103
106
  <div class="text-medium" data-test-ignore="text">Item 2</div>
104
- <div class="word-break" data-test-ignore="text">Efficitur efficitur elit. molestie faucibus. in, tortor volutpat Duis tincidunt. ante purus</div>
107
+ <div class="word-break" data-test-ignore="text">Quis, quis, efficitur ante Integer in Interdum ut In elit.</div>
105
108
  </div>
106
109
  </div>
107
110
  <div class="VirtualListItemWrapper " data-index="2" style="position: absolute; transform: translateY(140px); width: 100%; will-change: transform;">
108
111
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
109
112
  <div class="text-medium" data-test-ignore="text">Item 3</div>
110
- <div class="word-break" data-test-ignore="text">Libero fringilla ut ligula dolor ligula sit Vivamus semper posuere est quis, viverra in,</div>
113
+ <div class="word-break" data-test-ignore="text">Consectetur sit Interdum tincidunt. Duis eget Duis ac sagittis et posuere
114
+ Lorem in finibus Ut</div>
111
115
  </div>
112
116
  </div>
113
117
  <div class="VirtualListItemWrapper " data-index="3" style="position: absolute; transform: translateY(210px); width: 100%; will-change: transform;">
114
118
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
115
119
  <div class="text-medium" data-test-ignore="text">Item 4</div>
116
- <div class="word-break" data-test-ignore="text">Consectetur pharetra nunc efficitur volutpat</div>
120
+ <div class="word-break" data-test-ignore="text">Iaculis. vitae eget scelerisque orci libero iaculis. elit. enim felis. malesuada elit. purus et</div>
117
121
  </div>
118
122
  </div>
119
123
  <div class="VirtualListItemWrapper " data-index="4" style="position: absolute; transform: translateY(280px); width: 100%; will-change: transform;">
120
124
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
121
125
  <div class="text-medium" data-test-ignore="text">Item 5</div>
122
- <div class="word-break" data-test-ignore="text">In nec dui aliquam adipiscing metus</div>
126
+ <div class="word-break" data-test-ignore="text">Massa ligula efficitur elit. condimentum quis, dui dui purus massa malesuada vel metus elit.</div>
123
127
  </div>
124
128
  </div>
125
129
  <div class="VirtualListItemWrapper " data-index="5" style="position: absolute; transform: translateY(350px); width: 100%; will-change: transform;">
126
130
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
127
131
  <div class="text-medium" data-test-ignore="text">Item 6</div>
128
- <div class="word-break" data-test-ignore="text">Elit. eget ac quis, semper. sem.</div>
132
+ <div class="word-break" data-test-ignore="text">Iaculis.
133
+ Lorem ante felis. massa dolor</div>
129
134
  </div>
130
135
  </div>
131
136
  <div class="VirtualListItemWrapper " data-index="6" style="position: absolute; transform: translateY(420px); width: 100%; will-change: transform;">
132
137
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
133
138
  <div class="text-medium" data-test-ignore="text">Item 7</div>
134
- <div class="word-break" data-test-ignore="text">Ut finibus hendrerit aliquam amet, consectetur</div>
139
+ <div class="word-break" data-test-ignore="text">Elementum
140
+ Lorem Sed pretium in consectetur condimentum nec bibendum, elementum ipsum ipsum orci, et massa</div>
135
141
  </div>
136
142
  </div>
137
- <div class="VirtualListItemWrapper " data-index="7" style="position: absolute; transform: translateY(490px); width: 100%; will-change: transform;">
143
+ <div class="VirtualListItemWrapper " data-index="7" style="position: absolute; transform: translateY(510px); width: 100%; will-change: transform;">
138
144
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
139
145
  <div class="text-medium" data-test-ignore="text">Item 8</div>
140
- <div class="word-break" data-test-ignore="text">Primis ac et scelerisque aliquam Sed pharetra fames consectetur lorem in
141
- Lorem velit. nunc</div>
146
+ <div class="word-break" data-test-ignore="text">Amet, faucibus. orci elit. finibus pharetra Duis felis. nec aliquam efficitur velit. elementum scelerisque</div>
142
147
  </div>
143
148
  </div>
144
- <div class="VirtualListItemWrapper " data-index="8" style="position: absolute; transform: translateY(560px); width: 100%; will-change: transform;">
149
+ <div class="VirtualListItemWrapper " data-index="8" style="position: absolute; transform: translateY(600px); width: 100%; will-change: transform;">
145
150
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
146
151
  <div class="text-medium" data-test-ignore="text">Item 9</div>
147
- <div class="word-break" data-test-ignore="text">Duis pretium orci, consectetur condimentum sit ante in posuere vel purus ante primis sem. nunc</div>
152
+ <div class="word-break" data-test-ignore="text">Et vel adipiscing malesuada fringilla massa,
153
+ Lorem Sed bibendum, ac</div>
148
154
  </div>
149
155
  </div>
150
- <div class="VirtualListItemWrapper " data-index="9" style="position: absolute; transform: translateY(650px); width: 100%; will-change: transform;">
156
+ <div class="VirtualListItemWrapper " data-index="9" style="position: absolute; transform: translateY(670px); width: 100%; will-change: transform;">
151
157
  <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
152
158
  <div class="text-medium" data-test-ignore="text">Item 10</div>
153
- <div class="word-break" data-test-ignore="text">Efficitur purus pharetra faucibus. primis purus</div>
159
+ <div class="word-break" data-test-ignore="text">Ut Sed felis. Sed bibendum, primis ante enim in in, amet, Sed orci,</div>
154
160
  </div>
155
161
  </div>
156
162
  </div>
@@ -176,34 +182,35 @@ export default () => {
176
182
 
177
183
  Virtual list with 5000 items
178
184
  Vehicle 1
179
- Felis. dolor et libero Vivamus massa, efficitur consectetur consectetur efficitur ligula elit. Interdum
185
+ Libero Duis volutpat consectetur sit ac Vivamus posuere consectetur ipsum posuere dui volutpat vitae
180
186
 
181
187
  Vehicle 2
182
- Primis eget amet, est ante ante lorem bibendum, semper sem. elementum
188
+ Ut elit. amet, elit. sagittis molestie elementum sem. aliquam
183
189
 
184
190
  Vehicle 3
185
- Adipiscing tincidunt. est Vivamus eget nec
191
+ Molestie eget semper. ante ipsum semper. quis,
186
192
 
187
193
  Vehicle 4
188
- Et neque. metus ac efficitur hendrerit
194
+ Est pretium ac nunc ac tortor ipsum massa, et ipsum eget ac
189
195
 
190
196
  Vehicle 5
191
- Neque. Mauris malesuada tincidunt. Mauris condimentum
197
+ Elit. malesuada vel sem. eget quis, Mauris iaculis.
192
198
 
193
199
  Vehicle 6
194
- Ut massa ante ante nunc ipsum et
200
+ Quis, orci enim libero purus in, In vel massa, aliquam Ut Duis ut
195
201
 
196
202
  Vehicle 7
197
- Sed primis eget ligula in, purus vitae in orci pharetra
203
+ In est in orci pretium Integer pharetra tortor ut
198
204
 
199
205
  Vehicle 8
200
- Adipiscing et rutrum neque. fringilla
206
+ Quis, elit. pretium eget metus vel finibus nec ac in,
201
207
 
202
208
  Vehicle 9
203
- Condimentum efficitur Mauris in dui faucibus. rutrum
209
+ In, condimentum ipsum pharetra ipsum orci elit. vitae sit in Mauris molestie pretium
204
210
 
205
211
  Vehicle 10
206
- Viverra massa, ante felis. Sed ut ligula volutpat
212
+ Scelerisque
213
+ Lorem Duis ante posuere metus tortor efficitur
207
214
 
208
215
  #### React (tsx)
209
216
 
@@ -284,7 +291,7 @@ export default () => {
284
291
  </div>
285
292
  <div>
286
293
  <div class="text-medium" data-test-ignore="text">Vehicle 1</div>
287
- <div class="word-break" data-test-ignore="text">Felis. dolor et libero Vivamus massa, efficitur consectetur consectetur efficitur ligula elit. Interdum</div>
294
+ <div class="word-break" data-test-ignore="text">Libero Duis volutpat consectetur sit ac Vivamus posuere consectetur ipsum posuere dui volutpat vitae</div>
288
295
  </div>
289
296
  </div>
290
297
  </div>
@@ -296,7 +303,7 @@ export default () => {
296
303
  </div>
297
304
  <div>
298
305
  <div class="text-medium" data-test-ignore="text">Vehicle 2</div>
299
- <div class="word-break" data-test-ignore="text">Primis eget amet, est ante ante lorem bibendum, semper sem. elementum</div>
306
+ <div class="word-break" data-test-ignore="text">Ut elit. amet, elit. sagittis molestie elementum sem. aliquam</div>
300
307
  </div>
301
308
  </div>
302
309
  </div>
@@ -308,7 +315,7 @@ export default () => {
308
315
  </div>
309
316
  <div>
310
317
  <div class="text-medium" data-test-ignore="text">Vehicle 3</div>
311
- <div class="word-break" data-test-ignore="text">Adipiscing tincidunt. est Vivamus eget nec</div>
318
+ <div class="word-break" data-test-ignore="text">Molestie eget semper. ante ipsum semper. quis,</div>
312
319
  </div>
313
320
  </div>
314
321
  </div>
@@ -320,7 +327,7 @@ export default () => {
320
327
  </div>
321
328
  <div>
322
329
  <div class="text-medium" data-test-ignore="text">Vehicle 4</div>
323
- <div class="word-break" data-test-ignore="text">Et neque. metus ac efficitur hendrerit</div>
330
+ <div class="word-break" data-test-ignore="text">Est pretium ac nunc ac tortor ipsum massa, et ipsum eget ac</div>
324
331
  </div>
325
332
  </div>
326
333
  </div>
@@ -332,7 +339,7 @@ export default () => {
332
339
  </div>
333
340
  <div>
334
341
  <div class="text-medium" data-test-ignore="text">Vehicle 5</div>
335
- <div class="word-break" data-test-ignore="text">Neque. Mauris malesuada tincidunt. Mauris condimentum</div>
342
+ <div class="word-break" data-test-ignore="text">Elit. malesuada vel sem. eget quis, Mauris iaculis.</div>
336
343
  </div>
337
344
  </div>
338
345
  </div>
@@ -344,7 +351,7 @@ export default () => {
344
351
  </div>
345
352
  <div>
346
353
  <div class="text-medium" data-test-ignore="text">Vehicle 6</div>
347
- <div class="word-break" data-test-ignore="text">Ut massa ante ante nunc ipsum et</div>
354
+ <div class="word-break" data-test-ignore="text">Quis, orci enim libero purus in, In vel massa, aliquam Ut Duis ut</div>
348
355
  </div>
349
356
  </div>
350
357
  </div>
@@ -356,7 +363,7 @@ export default () => {
356
363
  </div>
357
364
  <div>
358
365
  <div class="text-medium" data-test-ignore="text">Vehicle 7</div>
359
- <div class="word-break" data-test-ignore="text">Sed primis eget ligula in, purus vitae in orci pharetra</div>
366
+ <div class="word-break" data-test-ignore="text">In est in orci pretium Integer pharetra tortor ut</div>
360
367
  </div>
361
368
  </div>
362
369
  </div>
@@ -368,7 +375,7 @@ export default () => {
368
375
  </div>
369
376
  <div>
370
377
  <div class="text-medium" data-test-ignore="text">Vehicle 8</div>
371
- <div class="word-break" data-test-ignore="text">Adipiscing et rutrum neque. fringilla</div>
378
+ <div class="word-break" data-test-ignore="text">Quis, elit. pretium eget metus vel finibus nec ac in,</div>
372
379
  </div>
373
380
  </div>
374
381
  </div>
@@ -380,7 +387,7 @@ export default () => {
380
387
  </div>
381
388
  <div>
382
389
  <div class="text-medium" data-test-ignore="text">Vehicle 9</div>
383
- <div class="word-break" data-test-ignore="text">Condimentum efficitur Mauris in dui faucibus. rutrum</div>
390
+ <div class="word-break" data-test-ignore="text">In, condimentum ipsum pharetra ipsum orci elit. vitae sit in Mauris molestie pretium</div>
384
391
  </div>
385
392
  </div>
386
393
  </div>
@@ -392,7 +399,8 @@ export default () => {
392
399
  </div>
393
400
  <div>
394
401
  <div class="text-medium" data-test-ignore="text">Vehicle 10</div>
395
- <div class="word-break" data-test-ignore="text">Viverra massa, ante felis. Sed ut ligula volutpat</div>
402
+ <div class="word-break" data-test-ignore="text">Scelerisque
403
+ Lorem Duis ante posuere metus tortor efficitur</div>
396
404
  </div>
397
405
  </div>
398
406
  </div>