@rio-cloud/uikit-mcp 1.1.1 → 1.1.2

package/dist/docs/components/statusBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/statusBar
-*Captured:* 2025-12-12T14:20:35.412Z
+*Captured:* 2025-12-15T15:02:31.385Z
 
 Flexible component to showcase various states based on progress bars.
 

package/dist/docs/components/stepButton.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/stepButton
-*Captured:* 2025-12-12T14:20:18.984Z
+*Captured:* 2025-12-15T15:02:13.684Z
 
 The StepButton is a convenient component designed to simplify usage and alignment of buttons with chevrons.
 

package/dist/docs/components/steppedProgressBars.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/steppedProgressBars
-*Captured:* 2025-12-12T14:20:38.496Z
+*Captured:* 2025-12-15T15:02:34.185Z
 
 ## SteppedProgressBar - Circle
 

package/dist/docs/components/subNavigation.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#components/subNavigation
-*Captured:* 2025-12-12T14:20:11.100Z
+*Captured:* 2025-12-15T15:02:05.800Z
 
 ## SubNavigation
 

package/dist/docs/components/supportMarker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/supportMarker
-*Captured:* 2025-12-12T14:21:01.179Z
+*Captured:* 2025-12-15T15:02:57.719Z
 
 You can add the support-marker class along with the data-support attribute to any HTML element - even divs wrapping around iframes, for example!
 

package/dist/docs/components/svgImage.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/svgImage
-*Captured:* 2025-12-12T14:21:02.548Z
+*Captured:* 2025-12-15T15:02:59.166Z
 
 This component helps to render SVG images hosted on RIO's CDN and lets you customize the colors for various brand themes. It uses the defined UIKIT CSS variables to automatically adapt to dark mode. When customizing colors, make sure to use existing CSS color variable names.
 

package/dist/docs/components/switch.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/switch
-*Captured:* 2025-12-12T14:20:21.100Z
+*Captured:* 2025-12-15T15:02:16.669Z
 
 ## Switch
 

package/dist/docs/components/tables.md

@@ -3,6 +3,6 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/tables
-*Captured:* 2025-12-12T14:20:47.474Z
+*Captured:* 2025-12-15T15:02:43.608Z
 
 The toolbar and its content has to be implemented by each team itself. Please use the following sample as a reference and adapt it accordingly.

package/dist/docs/components/tagManager.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/tagManager
-*Captured:* 2025-12-12T14:21:04.277Z
+*Captured:* 2025-12-15T15:03:00.973Z
 
 The TagManager allows to select and filter for existing tags as well as adding and removing them from a list of tags.
 

package/dist/docs/components/tags.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/tags
-*Captured:* 2025-12-12T14:21:03.916Z
+*Captured:* 2025-12-15T15:03:00.684Z
 
 ## Tag
 

package/dist/docs/components/teaser.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/teaser
-*Captured:* 2025-12-12T14:20:48.903Z
+*Captured:* 2025-12-15T15:02:45.254Z
 
 The teaser component was built to create all kinds of landing and/or single pages. for example, be used in dialogs or sidebars.
 

package/dist/docs/components/timeline.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* CSS Only
 *Source:* https://uikit.developers.rio.cloud/#components/timeline
-*Captured:* 2025-12-12T14:21:05.446Z
+*Captured:* 2025-12-15T15:03:02.230Z
 
 The timeline component is a pure CSS component.
 

package/dist/docs/components/timepicker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Pickers
 *Source:* https://uikit.developers.rio.cloud/#components/timepicker
-*Captured:* 2025-12-12T14:20:35.064Z
+*Captured:* 2025-12-15T15:02:30.801Z
 
 ## TimePicker
 

package/dist/docs/components/toggleButton.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/toggleButton
-*Captured:* 2025-12-12T14:20:23.194Z
+*Captured:* 2025-12-15T15:02:18.039Z
 
 This toggle button is based on the button component that can be used directly.
 

package/dist/docs/components/tooltip.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/tooltip
-*Captured:* 2025-12-12T14:21:06.097Z
+*Captured:* 2025-12-15T15:03:02.181Z
 
 In order to use a Tooltip on an element, wrap it with the OverlayTrigger component or use the SimpleTooltip component.
 

package/dist/docs/components/virtualList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/virtualList
-*Captured:* 2025-12-12T14:20:50.395Z
+*Captured:* 2025-12-15T15:02:46.765Z
 
 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.
 
@@ -14,68 +14,68 @@ It allows a specified number of items outside the viewport for smoother scrollin
 ### Example: Example 1
 
 Virtual list with 100 itemsItem 1
-In ante Sed nunc finibus ante massa, tortor ac In Mauris amet, Vivamus
+Eget ligula consectetur posuere viverra lorem In ipsum malesuada
 
 Item 2
-Efficitur Integer in Mauris Ut ac pretium tincidunt. ipsum elementum enim
+Fringilla elit. efficitur ipsum in elit. massa Duis
 
 Item 3
-Ligula ut bibendum, Fusce nunc
+Orci felis. iaculis. rutrum semper. ante
 
 Item 4
-Nec ac iaculis. In iaculis. massa ante fames Fusce massa, sem. elit. primis ipsum
+Et tincidunt. metus quis, massa, lorem et orci neque. ut elementum efficitur ante massa,
 
 Item 5
-Elit. volutpat sit eget et hendrerit adipiscing nec vel et ut amet, nec
+Ipsum iaculis. sit primis ut orci
 
 Item 6
-Pretium elit. elit. sagittis dui semper amet, hendrerit ipsum
+Nec in sit posuere malesuada pretium adipiscing sagittis metus efficitur enim eget in
 
 Item 7
-Est eget efficitur sem. ante semper Integer neque. enim condimentum in sit ligula elit.
+
+Lorem libero metus tortor ante In In
 
 Item 8
-Scelerisque Ut ante et aliquam Mauris pharetra finibus semper. vitae libero efficitur In
+Vivamus In vitae semper in pretium finibus Sed consectetur in, dolor et dolor lorem in,
 
 Item 9
-Est in ante enim metus Mauris elit. Ut
-Lorem elit. vitae hendrerit scelerisque amet,
+Efficitur felis. Duis bibendum, massa,
 
 Item 10
-Posuere dui orci libero et massa, finibus
+Sagittis ac scelerisque posuere faucibus. vel eget In quis,
 
 #### Summary
 
 Virtual list with 100 itemsItem 1
-In ante Sed nunc finibus ante massa, tortor ac In Mauris amet, Vivamus
+Eget ligula consectetur posuere viverra lorem In ipsum malesuada
 
 Item 2
-Efficitur Integer in Mauris Ut ac pretium tincidunt. ipsum elementum enim
+Fringilla elit. efficitur ipsum in elit. massa Duis
 
 Item 3
-Ligula ut bibendum, Fusce nunc
+Orci felis. iaculis. rutrum semper. ante
 
 Item 4
-Nec ac iaculis. In iaculis. massa ante fames Fusce massa, sem. elit. primis ipsum
+Et tincidunt. metus quis, massa, lorem et orci neque. ut elementum efficitur ante massa,
 
 Item 5
-Elit. volutpat sit eget et hendrerit adipiscing nec vel et ut amet, nec
+Ipsum iaculis. sit primis ut orci
 
 Item 6
-Pretium elit. elit. sagittis dui semper amet, hendrerit ipsum
+Nec in sit posuere malesuada pretium adipiscing sagittis metus efficitur enim eget in
 
 Item 7
-Est eget efficitur sem. ante semper Integer neque. enim condimentum in sit ligula elit.
+
+Lorem libero metus tortor ante In In
 
 Item 8
-Scelerisque Ut ante et aliquam Mauris pharetra finibus semper. vitae libero efficitur In
+Vivamus In vitae semper in pretium finibus Sed consectetur in, dolor et dolor lorem in,
 
 Item 9
-Est in ante enim metus Mauris elit. Ut
-Lorem elit. vitae hendrerit scelerisque amet,
+Efficitur felis. Duis bibendum, massa,
 
 Item 10
-Posuere dui orci libero et massa, finibus
+Sagittis ac scelerisque posuere faucibus. vel eget In quis,
 
 #### React (tsx)
 
@@ -128,62 +128,62 @@ export default () => {
                 <div class="VirtualListItemWrapper " data-index="0" style="position: absolute; transform: translateY(0px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 1</div>
-                        <div class="word-break" data-test-ignore="text">In ante Sed nunc finibus ante massa, tortor ac In Mauris amet, Vivamus</div>
+                        <div class="word-break" data-test-ignore="text">Eget ligula consectetur posuere viverra lorem In ipsum malesuada</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="1" style="position: absolute; transform: translateY(70px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 2</div>
-                        <div class="word-break" data-test-ignore="text">Efficitur Integer in Mauris Ut ac pretium tincidunt. ipsum elementum enim</div>
+                        <div class="word-break" data-test-ignore="text">Fringilla elit. efficitur ipsum in elit. massa Duis</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="2" style="position: absolute; transform: translateY(140px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 3</div>
-                        <div class="word-break" data-test-ignore="text">Ligula ut bibendum, Fusce nunc</div>
+                        <div class="word-break" data-test-ignore="text">Orci felis. iaculis. rutrum semper. ante</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="3" style="position: absolute; transform: translateY(210px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 4</div>
-                        <div class="word-break" data-test-ignore="text">Nec ac iaculis. In iaculis. massa ante fames Fusce massa, sem. elit. primis ipsum</div>
+                        <div class="word-break" data-test-ignore="text">Et tincidunt. metus quis, massa, lorem et orci neque. ut elementum efficitur ante massa,</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="4" style="position: absolute; transform: translateY(280px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 5</div>
-                        <div class="word-break" data-test-ignore="text">Elit. volutpat sit eget et hendrerit adipiscing nec vel et ut amet, nec</div>
+                        <div class="word-break" data-test-ignore="text">Ipsum iaculis. sit primis ut orci</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="5" style="position: absolute; transform: translateY(350px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 6</div>
-                        <div class="word-break" data-test-ignore="text">Pretium elit. elit. sagittis dui semper amet, hendrerit ipsum</div>
+                        <div class="word-break" data-test-ignore="text">Nec in sit posuere malesuada pretium adipiscing sagittis metus efficitur enim eget in</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="6" style="position: absolute; transform: translateY(420px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 7</div>
-                        <div class="word-break" data-test-ignore="text">Est eget efficitur sem. ante semper Integer neque. enim condimentum in sit ligula elit.</div>
+                        <div class="word-break" data-test-ignore="text">
+                            Lorem libero metus tortor ante In In</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="7" style="position: absolute; transform: translateY(490px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 8</div>
-                        <div class="word-break" data-test-ignore="text">Scelerisque Ut ante et aliquam Mauris pharetra finibus semper. vitae libero efficitur In</div>
+                        <div class="word-break" data-test-ignore="text">Vivamus In vitae semper in pretium finibus Sed consectetur in, dolor et dolor lorem in,</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="8" style="position: absolute; transform: translateY(560px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 9</div>
-                        <div class="word-break" data-test-ignore="text">Est in ante enim metus Mauris elit. Ut
-                            Lorem elit. vitae hendrerit scelerisque amet,</div>
+                        <div class="word-break" data-test-ignore="text">Efficitur felis. Duis bibendum, massa,</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="9" style="position: absolute; transform: translateY(630px); width: 100%; will-change: transform;">
                     <div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
                         <div class="text-medium" data-test-ignore="text">Item 10</div>
-                        <div class="word-break" data-test-ignore="text">Posuere dui orci libero et massa, finibus</div>
+                        <div class="word-break" data-test-ignore="text">Sagittis ac scelerisque posuere faucibus. vel eget In quis,</div>
                     </div>
                 </div>
             </div>
@@ -209,69 +209,69 @@ export default () => {
 
 Virtual list with 5000 items
 Vehicle 1
-Rutrum quis, ipsum sit tincidunt. semper. libero ac ut tincidunt.
+Posuere viverra semper Duis molestie orci
 
 Vehicle 2
-Ligula Ut tortor in aliquam
+Posuere vitae orci, pharetra eget orci, molestie metus ante orci,
 
 Vehicle 3
-Mauris ut vitae Fusce et et Fusce orci, primis lorem neque. sem. orci In ut
+In ut metus massa, consectetur iaculis. ligula molestie nunc pretium
 
 Vehicle 4
-Pretium est orci ante aliquam
+Purus tincidunt. et primis vitae consectetur Duis est ac primis ligula Vivamus est sagittis Fusce
 
 Vehicle 5
-Nec condimentum enim sagittis quis, quis, fames dolor
+Pharetra orci, volutpat aliquam eget massa pretium nec fringilla faucibus. vitae
 
 Vehicle 6
-Interdum eget orci velit. elit. sagittis bibendum, elit. massa ac pretium iaculis.
+Iaculis. efficitur felis. tortor est
 
 Vehicle 7
-Ante Duis Interdum ut dolor aliquam
-Lorem dolor tincidunt. volutpat primis iaculis. iaculis.
+Interdum ante semper. hendrerit ante faucibus. pretium condimentum ligula hendrerit in in vitae
 
 Vehicle 8
-Nec iaculis. et lorem condimentum ac semper. neque. Interdum
+Tincidunt. in in orci elementum viverra Fusce in semper ut orci iaculis. Integer quis,
 
 Vehicle 9
-Metus adipiscing fames orci, consectetur Duis efficitur Integer eget ipsum elit.
+Vel orci, semper consectetur
+Lorem ac pretium pharetra Vivamus
 
 Vehicle 10
-Interdum vitae Fusce adipiscing tincidunt. hendrerit ac condimentum In in semper
+Tortor sagittis metus elit. ac ante dui efficitur felis. nec malesuada
 
 #### Summary
 
 Virtual list with 5000 items
 Vehicle 1
-Rutrum quis, ipsum sit tincidunt. semper. libero ac ut tincidunt.
+Posuere viverra semper Duis molestie orci
 
 Vehicle 2
-Ligula Ut tortor in aliquam
+Posuere vitae orci, pharetra eget orci, molestie metus ante orci,
 
 Vehicle 3
-Mauris ut vitae Fusce et et Fusce orci, primis lorem neque. sem. orci In ut
+In ut metus massa, consectetur iaculis. ligula molestie nunc pretium
 
 Vehicle 4
-Pretium est orci ante aliquam
+Purus tincidunt. et primis vitae consectetur Duis est ac primis ligula Vivamus est sagittis Fusce
 
 Vehicle 5
-Nec condimentum enim sagittis quis, quis, fames dolor
+Pharetra orci, volutpat aliquam eget massa pretium nec fringilla faucibus. vitae
 
 Vehicle 6
-Interdum eget orci velit. elit. sagittis bibendum, elit. massa ac pretium iaculis.
+Iaculis. efficitur felis. tortor est
 
 Vehicle 7
-Ante Duis Interdum ut dolor aliquam
-Lorem dolor tincidunt. volutpat primis iaculis. iaculis.
+Interdum ante semper. hendrerit ante faucibus. pretium condimentum ligula hendrerit in in vitae
 
 Vehicle 8
-Nec iaculis. et lorem condimentum ac semper. neque. Interdum
+Tincidunt. in in orci elementum viverra Fusce in semper ut orci iaculis. Integer quis,
 
 Vehicle 9
-Metus adipiscing fames orci, consectetur Duis efficitur Integer eget ipsum elit.
+Vel orci, semper consectetur
+Lorem ac pretium pharetra Vivamus
 
 Vehicle 10
-Interdum vitae Fusce adipiscing tincidunt. hendrerit ac condimentum In in semper
+Tortor sagittis metus elit. ac ante dui efficitur felis. nec malesuada
 
 #### React (tsx)
 
@@ -341,7 +341,7 @@ export default () => {
 <div class="padding-20">
     <label>Virtual list with 5000 items</label>
     <div class="max-width-600 max-height-400 overflow-y-auto">
-        <div class="VirtualList overflow-y-auto border rounded" style="height: 360000px; position: relative; overflow: visible;">
+        <div class="VirtualList overflow-y-auto border rounded" style="height: 370000px; position: relative; overflow: visible;">
             <div class="position-relative" style="height: auto;">
                 <div class="VirtualListItemContainer list-group">
                     <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="0" style="position: absolute; transform: translateY(0px); width: 100%; will-change: transform;">
@@ -352,7 +352,7 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 1</div>
-                                <div class="word-break" data-test-ignore="text">Rutrum quis, ipsum sit tincidunt. semper. libero ac ut tincidunt.</div>
+                                <div class="word-break" data-test-ignore="text">Posuere viverra semper Duis molestie orci</div>
                             </div>
                         </div>
                     </div>
@@ -364,7 +364,7 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 2</div>
-                                <div class="word-break" data-test-ignore="text">Ligula Ut tortor in aliquam</div>
+                                <div class="word-break" data-test-ignore="text">Posuere vitae orci, pharetra eget orci, molestie metus ante orci,</div>
                             </div>
                         </div>
                     </div>
@@ -376,7 +376,7 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 3</div>
-                                <div class="word-break" data-test-ignore="text">Mauris ut vitae Fusce et et Fusce orci, primis lorem neque. sem. orci In ut</div>
+                                <div class="word-break" data-test-ignore="text">In ut metus massa, consectetur iaculis. ligula molestie nunc pretium</div>
                             </div>
                         </div>
                     </div>
@@ -388,11 +388,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 4</div>
-                                <div class="word-break" data-test-ignore="text">Pretium est orci ante aliquam</div>
+                                <div class="word-break" data-test-ignore="text">Purus tincidunt. et primis vitae consectetur Duis est ac primis ligula Vivamus est sagittis Fusce</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="4" style="position: absolute; transform: translateY(279px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="4" style="position: absolute; transform: translateY(299px); width: 100%; will-change: transform;">
                         <div class="display-flex gap-15 align-items-center">
                             <div class="Avatar bg-lightest" style="height: 40px;">
                                 <span class="Avatar-icon rioglyph rioglyph-truck ">
@@ -400,11 +400,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 5</div>
-                                <div class="word-break" data-test-ignore="text">Nec condimentum enim sagittis quis, quis, fames dolor</div>
+                                <div class="word-break" data-test-ignore="text">Pharetra orci, volutpat aliquam eget massa pretium nec fringilla faucibus. vitae</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="5" style="position: absolute; transform: translateY(349px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="5" style="position: absolute; transform: translateY(369px); width: 100%; will-change: transform;">
                         <div class="display-flex gap-15 align-items-center">
                             <div class="Avatar bg-lightest" style="height: 40px;">
                                 <span class="Avatar-icon rioglyph rioglyph-truck ">
@@ -412,11 +412,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 6</div>
-                                <div class="word-break" data-test-ignore="text">Interdum eget orci velit. elit. sagittis bibendum, elit. massa ac pretium iaculis.</div>
+                                <div class="word-break" data-test-ignore="text">Iaculis. efficitur felis. tortor est</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="6" style="position: absolute; transform: translateY(419px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="6" style="position: absolute; transform: translateY(439px); width: 100%; will-change: transform;">
                         <div class="display-flex gap-15 align-items-center">
                             <div class="Avatar bg-lightest" style="height: 40px;">
                                 <span class="Avatar-icon rioglyph rioglyph-truck ">
@@ -424,12 +424,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 7</div>
-                                <div class="word-break" data-test-ignore="text">Ante Duis Interdum ut dolor aliquam
-                                    Lorem dolor tincidunt. volutpat primis iaculis. iaculis.</div>
+                                <div class="word-break" data-test-ignore="text">Interdum ante semper. hendrerit ante faucibus. pretium condimentum ligula hendrerit in in vitae</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="7" style="position: absolute; transform: translateY(509px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="7" style="position: absolute; transform: translateY(529px); width: 100%; will-change: transform;">
                         <div class="display-flex gap-15 align-items-center">
                             <div class="Avatar bg-lightest" style="height: 40px;">
                                 <span class="Avatar-icon rioglyph rioglyph-truck ">
@@ -437,11 +436,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 8</div>
-                                <div class="word-break" data-test-ignore="text">Nec iaculis. et lorem condimentum ac semper. neque. Interdum</div>
+                                <div class="word-break" data-test-ignore="text">Tincidunt. in in orci elementum viverra Fusce in semper ut orci iaculis. Integer quis,</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="8" style="position: absolute; transform: translateY(579px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="8" style="position: absolute; transform: translateY(599px); width: 100%; will-change: transform;">
                         <div class="display-flex gap-15 align-items-center">
                             <div class="Avatar bg-lightest" style="height: 40px;">
                                 <span class="Avatar-icon rioglyph rioglyph-truck ">
@@ -449,11 +448,12 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 9</div>
-                                <div class="word-break" data-test-ignore="text">Metus adipiscing fames orci, consectetur Duis efficitur Integer eget ipsum elit.</div>
+                                <div class="word-break" data-test-ignore="text">Vel orci, semper consectetur
+                                    Lorem ac pretium pharetra Vivamus</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="9" style="position: absolute; transform: translateY(649px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="9" style="position: absolute; transform: translateY(669px); width: 100%; will-change: transform;">
                         <div class="display-flex gap-15 align-items-center">
                             <div class="Avatar bg-lightest" style="height: 40px;">
                                 <span class="Avatar-icon rioglyph rioglyph-truck ">
@@ -461,7 +461,7 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 10</div>
-                                <div class="word-break" data-test-ignore="text">Interdum vitae Fusce adipiscing tincidunt. hendrerit ac condimentum In in semper</div>
+                                <div class="word-break" data-test-ignore="text">Tortor sagittis metus elit. ac ante dui efficitur felis. nec malesuada</div>
                             </div>
                         </div>
                     </div>