@rio-cloud/uikit-mcp 1.1.0 → 1.1.2

package/dist/docs/components/statsWidgets.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/statsWidgets
-*Captured:* 2025-12-12T12:38:46.047Z
+*Captured:* 2025-12-15T15:02:44.584Z
 
 ## StatsWidgets
 

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-12T12:38:33.113Z
+*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-12T12:38:16.373Z
+*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-12T12:38:36.094Z
+*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-12T12:38:08.479Z
+*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-12T12:38:59.090Z
+*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-12T12:39:00.477Z
+*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-12T12:38:18.761Z
+*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-12T12:38:45.211Z
+*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-12T12:39:02.256Z
+*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-12T12:39:01.881Z
+*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-12T12:38:46.664Z
+*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-12T12:39:03.404Z
+*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-12T12:38:32.524Z
+*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-12T12:38:20.656Z
+*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-12T12:39:03.341Z
+*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-12T12:38:48.209Z
+*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
-Et viverra Sed et quis, adipiscing
+Eget ligula consectetur posuere viverra lorem In ipsum malesuada
 
 Item 2
-Ac efficitur dolor molestie In finibus ipsum in in, nec felis. eget
+Fringilla elit. efficitur ipsum in elit. massa Duis
 
 Item 3
-Rutrum Mauris molestie finibus faucibus. pretium
+Orci felis. iaculis. rutrum semper. ante
 
 Item 4
-Libero massa, Mauris ante efficitur
+Et tincidunt. metus quis, massa, lorem et orci neque. ut elementum efficitur ante massa,
 
 Item 5
-In sem. in,
-Lorem et
+Ipsum iaculis. sit primis ut orci
 
 Item 6
-Vivamus sem. molestie in, vitae orci, ante ac in consectetur ut
+Nec in sit posuere malesuada pretium adipiscing sagittis metus efficitur enim eget in
 
 Item 7
-Finibus et faucibus. elit. et tortor
+
+Lorem libero metus tortor ante In In
 
 Item 8
-Adipiscing tortor sem. in Mauris metus ligula felis.
+Vivamus In vitae semper in pretium finibus Sed consectetur in, dolor et dolor lorem in,
 
 Item 9
-Vitae in lorem dolor ante elit. efficitur finibus fames felis. et eget fringilla vel volutpat
+Efficitur felis. Duis bibendum, massa,
 
 Item 10
-Duis tortor libero orci aliquam ac semper. elit. elit. finibus primis massa consectetur condimentum Vivamus
+Sagittis ac scelerisque posuere faucibus. vel eget In quis,
 
 #### Summary
 
 Virtual list with 100 itemsItem 1
-Et viverra Sed et quis, adipiscing
+Eget ligula consectetur posuere viverra lorem In ipsum malesuada
 
 Item 2
-Ac efficitur dolor molestie In finibus ipsum in in, nec felis. eget
+Fringilla elit. efficitur ipsum in elit. massa Duis
 
 Item 3
-Rutrum Mauris molestie finibus faucibus. pretium
+Orci felis. iaculis. rutrum semper. ante
 
 Item 4
-Libero massa, Mauris ante efficitur
+Et tincidunt. metus quis, massa, lorem et orci neque. ut elementum efficitur ante massa,
 
 Item 5
-In sem. in,
-Lorem et
+Ipsum iaculis. sit primis ut orci
 
 Item 6
-Vivamus sem. molestie in, vitae orci, ante ac in consectetur ut
+Nec in sit posuere malesuada pretium adipiscing sagittis metus efficitur enim eget in
 
 Item 7
-Finibus et faucibus. elit. et tortor
+
+Lorem libero metus tortor ante In In
 
 Item 8
-Adipiscing tortor sem. in Mauris metus ligula felis.
+Vivamus In vitae semper in pretium finibus Sed consectetur in, dolor et dolor lorem in,
 
 Item 9
-Vitae in lorem dolor ante elit. efficitur finibus fames felis. et eget fringilla vel volutpat
+Efficitur felis. Duis bibendum, massa,
 
 Item 10
-Duis tortor libero orci aliquam ac semper. elit. elit. finibus primis massa consectetur condimentum Vivamus
+Sagittis ac scelerisque posuere faucibus. vel eget In quis,
 
 #### React (tsx)
 
@@ -123,67 +123,67 @@ export default () => {
 <div class="max-width-600 padding-y-20">
     <label class="padding-left-10">Virtual list with 100 items</label>
     <div class="VirtualList overflow-y-auto max-height-400 padding-x-10" style="height: 100%; position: relative; overflow: auto;">
-        <div class="position-relative" style="height: 7200px;">
+        <div class="position-relative" style="height: 7000px;">
             <div class="VirtualListItemContainer ">
                 <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">Et viverra Sed et quis, adipiscing</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">Ac efficitur dolor molestie In finibus ipsum in in, nec felis. eget</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">Rutrum Mauris molestie finibus faucibus. pretium</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">Libero massa, Mauris ante efficitur</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">In sem. in,
-                            Lorem et</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">Vivamus sem. molestie in, vitae orci, ante ac in consectetur ut</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">Finibus et faucibus. elit. et tortor</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">Adipiscing tortor sem. in Mauris metus ligula felis.</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">Vitae in lorem dolor ante elit. efficitur finibus fames felis. et eget fringilla vel volutpat</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">Duis tortor libero orci aliquam ac semper. elit. elit. finibus primis massa consectetur condimentum Vivamus</div>
+                        <div class="word-break" data-test-ignore="text">Sagittis ac scelerisque posuere faucibus. vel eget In quis,</div>
                     </div>
                 </div>
             </div>
@@ -209,67 +209,69 @@ export default () => {
 
 Virtual list with 5000 items
 Vehicle 1
-Ligula nec felis. in ante volutpat felis. fringilla finibus scelerisque
+Posuere viverra semper Duis molestie orci
 
 Vehicle 2
-Libero molestie molestie pretium efficitur ac felis. dui elit. Integer fames iaculis. Duis sit
+Posuere vitae orci, pharetra eget orci, molestie metus ante orci,
 
 Vehicle 3
-Viverra Integer dolor molestie orci, primis
+In ut metus massa, consectetur iaculis. ligula molestie nunc pretium
 
 Vehicle 4
-Faucibus. orci, ante ut et libero primis
+Purus tincidunt. et primis vitae consectetur Duis est ac primis ligula Vivamus est sagittis Fusce
 
 Vehicle 5
-In orci In Vivamus libero adipiscing Sed ligula fringilla bibendum, elit. molestie ipsum ante finibus
+Pharetra orci, volutpat aliquam eget massa pretium nec fringilla faucibus. vitae
 
 Vehicle 6
-Bibendum, adipiscing neque. ac semper in sem. Integer vel
+Iaculis. efficitur felis. tortor est
 
 Vehicle 7
-Efficitur rutrum lorem velit. ut
+Interdum ante semper. hendrerit ante faucibus. pretium condimentum ligula hendrerit in in vitae
 
 Vehicle 8
-Quis, eget viverra faucibus. aliquam elit. ante finibus ac fames libero finibus pretium
+Tincidunt. in in orci elementum viverra Fusce in semper ut orci iaculis. Integer quis,
 
 Vehicle 9
-Orci fames Interdum felis. Integer semper. purus efficitur fames sem. ac
+Vel orci, semper consectetur
+Lorem ac pretium pharetra Vivamus
 
 Vehicle 10
-Dolor semper. vitae sit libero sit quis,
+Tortor sagittis metus elit. ac ante dui efficitur felis. nec malesuada
 
 #### Summary
 
 Virtual list with 5000 items
 Vehicle 1
-Ligula nec felis. in ante volutpat felis. fringilla finibus scelerisque
+Posuere viverra semper Duis molestie orci
 
 Vehicle 2
-Libero molestie molestie pretium efficitur ac felis. dui elit. Integer fames iaculis. Duis sit
+Posuere vitae orci, pharetra eget orci, molestie metus ante orci,
 
 Vehicle 3
-Viverra Integer dolor molestie orci, primis
+In ut metus massa, consectetur iaculis. ligula molestie nunc pretium
 
 Vehicle 4
-Faucibus. orci, ante ut et libero primis
+Purus tincidunt. et primis vitae consectetur Duis est ac primis ligula Vivamus est sagittis Fusce
 
 Vehicle 5
-In orci In Vivamus libero adipiscing Sed ligula fringilla bibendum, elit. molestie ipsum ante finibus
+Pharetra orci, volutpat aliquam eget massa pretium nec fringilla faucibus. vitae
 
 Vehicle 6
-Bibendum, adipiscing neque. ac semper in sem. Integer vel
+Iaculis. efficitur felis. tortor est
 
 Vehicle 7
-Efficitur rutrum lorem velit. ut
+Interdum ante semper. hendrerit ante faucibus. pretium condimentum ligula hendrerit in in vitae
 
 Vehicle 8
-Quis, eget viverra faucibus. aliquam elit. ante finibus ac fames libero finibus pretium
+Tincidunt. in in orci elementum viverra Fusce in semper ut orci iaculis. Integer quis,
 
 Vehicle 9
-Orci fames Interdum felis. Integer semper. purus efficitur fames sem. ac
+Vel orci, semper consectetur
+Lorem ac pretium pharetra Vivamus
 
 Vehicle 10
-Dolor semper. vitae sit libero sit quis,
+Tortor sagittis metus elit. ac ante dui efficitur felis. nec malesuada
 
 #### React (tsx)
 
@@ -339,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;">
@@ -350,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">Ligula nec felis. in ante volutpat felis. fringilla finibus scelerisque</div>
+                                <div class="word-break" data-test-ignore="text">Posuere viverra semper Duis molestie orci</div>
                             </div>
                         </div>
                     </div>
@@ -362,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">Libero molestie molestie pretium efficitur ac felis. dui elit. Integer fames iaculis. Duis sit</div>
+                                <div class="word-break" data-test-ignore="text">Posuere vitae orci, pharetra eget orci, molestie metus ante orci,</div>
                             </div>
                         </div>
                     </div>
@@ -374,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">Viverra Integer dolor molestie orci, primis</div>
+                                <div class="word-break" data-test-ignore="text">In ut metus massa, consectetur iaculis. ligula molestie nunc pretium</div>
                             </div>
                         </div>
                     </div>
@@ -386,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">Faucibus. orci, ante ut et libero primis</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 ">
@@ -398,7 +400,7 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 5</div>
-                                <div class="word-break" data-test-ignore="text">In orci In Vivamus libero adipiscing Sed ligula fringilla bibendum, elit. molestie ipsum ante finibus</div>
+                                <div class="word-break" data-test-ignore="text">Pharetra orci, volutpat aliquam eget massa pretium nec fringilla faucibus. vitae</div>
                             </div>
                         </div>
                     </div>
@@ -410,7 +412,7 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 6</div>
-                                <div class="word-break" data-test-ignore="text">Bibendum, adipiscing neque. ac semper in sem. Integer vel</div>
+                                <div class="word-break" data-test-ignore="text">Iaculis. efficitur felis. tortor est</div>
                             </div>
                         </div>
                     </div>
@@ -422,11 +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">Efficitur rutrum lorem velit. ut</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 ">
@@ -434,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">Quis, eget viverra faucibus. aliquam elit. ante finibus ac fames libero finibus pretium</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 ">
@@ -446,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">Orci fames Interdum felis. Integer semper. purus efficitur fames sem. ac</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 ">
@@ -458,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">Dolor semper. vitae sit libero sit quis,</div>
+                                <div class="word-break" data-test-ignore="text">Tortor sagittis metus elit. ac ante dui efficitur felis. nec malesuada</div>
                             </div>
                         </div>
                     </div>