@rio-cloud/uikit-mcp 1.1.8 → 1.1.10

package/dist/docs/components/tagManager.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/tagManager
-*Captured:* 2026-03-06T10:41:11.808Z
+*Captured:* 2026-04-20T12:55:00.697Z
 
 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:* 2026-03-06T10:41:12.121Z
+*Captured:* 2026-04-20T12:54:59.641Z
 
 ## Tag
 

package/dist/docs/components/teaser.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/teaser
-*Captured:* 2026-03-06T10:40:50.599Z
+*Captured:* 2026-04-20T12:54:30.816Z
 
 The teaser component was built to create all kinds of landing and/or single pages. for example, be used in dialogs or sidebars.
 
@@ -11,8 +11,6 @@ The teaser component was built to create all kinds of landing and/or single page
 
 The demo page should only provide an insight into the combination possibilities.
 
-> Note: Because of larger screens a wrapping container-fluid fluid-default should be added if you are not using the component within smaller container.
-
 ### Example: Example 1
 
 Box headline

package/dist/docs/components/textTruncateMiddle.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/textTruncateMiddle
-*Captured:* 2026-03-06T10:40:51.545Z
+*Captured:* 2026-04-20T12:54:32.368Z
 
 TextTruncateMiddle truncates long text in the middle and keeps the end segment visible.
 

package/dist/docs/components/timeline.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* CSS Only
 *Source:* https://uikit.developers.rio.cloud/#/components/timeline
-*Captured:* 2026-03-06T10:41:13.896Z
+*Captured:* 2026-04-20T12:55:02.256Z
 
 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:* 2026-03-06T10:40:32.902Z
+*Captured:* 2026-04-20T12:54:10.145Z
 
 ## TimePicker
 

package/dist/docs/components/toggleButton.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#/components/toggleButton
-*Captured:* 2026-03-06T10:40:17.670Z
+*Captured:* 2026-04-20T12:53:51.349Z
 
 This toggle button is based on the button component that can be used directly.
 
@@ -96,6 +96,7 @@ export default () => (
 | bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
 | variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
 | noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
+| autoTrackingKey | string | — | Optional key used to generate automatic GA tracking attributes when no explicit tracking attributes are provided. Resulting label format: button::<autoTrackingKey>. |
 | tabIndex | number | 0 | Number of the index used for keyboard support. |
 | className | string | — | Additional classes to be set on the button element. |
 
@@ -194,6 +195,7 @@ export default () => {
 | bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
 | variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
 | noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
+| autoTrackingKey | string | — | Optional key used to generate automatic GA tracking attributes when no explicit tracking attributes are provided. Resulting label format: button::<autoTrackingKey>. |
 | tabIndex | number | 0 | Number of the index used for keyboard support. |
 | className | string | — | Additional classes to be set on the button element. |
 

package/dist/docs/components/tooltip.md

@@ -3,13 +3,15 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/tooltip
-*Captured:* 2026-03-06T10:41:13.333Z
+*Captured:* 2026-04-20T12:55:00.883Z
 
 In order to use a Tooltip on an element, wrap it with the OverlayTrigger component or use the SimpleTooltip component.
 
 ## Tooltips
 
-> Note: By default Tooltips are not rendered on touch devices. This might lead to issues for test environments where the check for mobile evaluate to true simply because the required class name is not set on the document element.To fix that, simply set the class in your test as follows:document.documentElement.classList.add('ua-desktop');
+By default Tooltips are not rendered on touch devices. This might lead to issues for test environments where the check for mobile evaluate to true simply because the required class name is not set on the document element.
+
+To fix that, simply set the class in your test as follows:document.documentElement.classList.add('ua-desktop');
 
 ### Example: Example 1
 

package/dist/docs/components/tracker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#/components/tracker
-*Captured:* 2026-03-06T10:40:35.913Z
+*Captured:* 2026-04-20T12:54:13.819Z
 
 Compact visual tracker component for status indicators with optional per-block color and tooltip support.
 

package/dist/docs/components/virtualList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/virtualList
-*Captured:* 2026-03-06T10:40:52.691Z
+*Captured:* 2026-04-20T12:54:34.065Z
 
 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,34 +14,34 @@ It allows a specified number of items outside the viewport for smoother scrollin
 ### Example: Example 1
 
 Virtual list with 100 items Item 1
-Eget et et scelerisque ante ipsum in dolor amet,
+Tortor Fusce ut libero bibendum, iaculis. ac dui ipsum scelerisque dui orci, tincidunt. efficitur dolor
 
 Item 2
-Posuere faucibus. ipsum Sed elementum vel dui elit. ac Fusce
+Nunc dui in volutpat nec Interdum semper. ante ante orci, ut in malesuada
 
 Item 3
-Tortor quis, consectetur in finibus ut quis, Fusce orci, pretium semper elit. ac Sed elementum
+Eget semper condimentum consectetur bibendum, ante in in velit. in eget iaculis. efficitur ante
 
 Item 4
-Elit. bibendum, quis, pharetra vitae nec malesuada condimentum ante hendrerit tortor Interdum massa,
+Pretium vitae In elit. Fusce semper. ut elementum elementum amet, tincidunt. tortor
 
 Item 5
-In Duis condimentum efficitur ut ante consectetur Duis semper. In
+Ac ut in ante semper. volutpat est pretium
 
 Item 6
-Felis. condimentum malesuada orci, semper. ante ante bibendum,
+Hendrerit Interdum ipsum ac molestie Interdum eget viverra massa ipsum elit. primis In
 
 Item 7
-Semper. Duis malesuada fames sagittis ac In nec eget ante velit. adipiscing
+Felis. eget eget nunc In adipiscing et
 
 Item 8
-Molestie nunc semper. Ut velit. condimentum pharetra
+Viverra In tortor libero libero
 
 Item 9
-Adipiscing purus ante Integer elementum dolor nec primis semper consectetur in nec semper. ac
+Dolor scelerisque volutpat efficitur primis ante vel orci ut ipsum consectetur amet,
 
 Item 10
-Hendrerit vitae ante ligula tincidunt. sagittis ante sit consectetur sagittis in ac malesuada dolor
+Elit. in eget efficitur lorem ligula efficitur est
 
 #### React (tsx)
 
@@ -89,66 +89,66 @@ 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: 7400px;">
+        <div class="position-relative" style="height: 7200px;">
             <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">Eget et et scelerisque ante ipsum in dolor amet,</div>
+                        <div class="word-break" data-test-ignore="text">Tortor Fusce ut libero bibendum, iaculis. ac dui ipsum scelerisque dui orci, tincidunt. efficitur dolor</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="1" style="position: absolute; transform: translateY(70px); width: 100%; will-change: transform;">
+                <div class="VirtualListItemWrapper " data-index="1" style="position: absolute; transform: translateY(90px); 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">Posuere faucibus. ipsum Sed elementum vel dui elit. ac Fusce</div>
+                        <div class="word-break" data-test-ignore="text">Nunc dui in volutpat nec Interdum semper. ante ante orci, ut in malesuada</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="2" style="position: absolute; transform: translateY(140px); width: 100%; will-change: transform;">
+                <div class="VirtualListItemWrapper " data-index="2" style="position: absolute; transform: translateY(160px); 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">Tortor quis, consectetur in finibus ut quis, Fusce orci, pretium semper elit. ac Sed elementum</div>
+                        <div class="word-break" data-test-ignore="text">Eget semper condimentum consectetur bibendum, ante in in velit. in eget iaculis. efficitur ante</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="3" style="position: absolute; transform: translateY(210px); width: 100%; will-change: transform;">
+                <div class="VirtualListItemWrapper " data-index="3" style="position: absolute; transform: translateY(230px); 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">Elit. bibendum, quis, pharetra vitae nec malesuada condimentum ante hendrerit tortor Interdum massa,</div>
+                        <div class="word-break" data-test-ignore="text">Pretium vitae In elit. Fusce semper. ut elementum elementum amet, tincidunt. tortor</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="4" style="position: absolute; transform: translateY(300px); 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 Duis condimentum efficitur ut ante consectetur Duis semper. In</div>
+                        <div class="word-break" data-test-ignore="text">Ac ut in ante semper. volutpat est pretium</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="5" style="position: absolute; transform: translateY(370px); 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">Felis. condimentum malesuada orci, semper. ante ante bibendum,</div>
+                        <div class="word-break" data-test-ignore="text">Hendrerit Interdum ipsum ac molestie Interdum eget viverra massa ipsum elit. primis In</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="6" style="position: absolute; transform: translateY(440px); 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">Semper. Duis malesuada fames sagittis ac In nec eget ante velit. adipiscing</div>
+                        <div class="word-break" data-test-ignore="text">Felis. eget eget nunc In adipiscing et</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="7" style="position: absolute; transform: translateY(510px); 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">Molestie nunc semper. Ut velit. condimentum pharetra</div>
+                        <div class="word-break" data-test-ignore="text">Viverra In tortor libero libero</div>
                     </div>
                 </div>
                 <div class="VirtualListItemWrapper " data-index="8" style="position: absolute; transform: translateY(580px); 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">Adipiscing purus ante Integer elementum dolor nec primis semper consectetur in nec semper. ac</div>
+                        <div class="word-break" data-test-ignore="text">Dolor scelerisque volutpat efficitur primis ante vel orci ut ipsum consectetur amet,</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="9" style="position: absolute; transform: translateY(670px); width: 100%; will-change: transform;">
+                <div class="VirtualListItemWrapper " data-index="9" style="position: absolute; transform: translateY(650px); 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">Hendrerit vitae ante ligula tincidunt. sagittis ante sit consectetur sagittis in ac malesuada dolor</div>
+                        <div class="word-break" data-test-ignore="text">Elit. in eget efficitur lorem ligula efficitur est</div>
                     </div>
                 </div>
             </div>
@@ -174,35 +174,35 @@ export default () => {
 
 Virtual list with 5000 items
 Vehicle 1
-Eget aliquam ut ipsum est metus vitae amet, ac finibus viverra primis ligula felis. ac
+Ut nec fames est nec Sed et purus
 
 Vehicle 2
-Massa, elementum scelerisque pretium
-Lorem fringilla consectetur faucibus.
+Tortor volutpat ante enim posuere quis, viverra Vivamus Duis ipsum quis, iaculis.
 
 Vehicle 3
-Rutrum libero primis efficitur malesuada in ante in libero
+Quis, posuere condimentum ut neque. ac sem. sem. pharetra neque. tortor adipiscing consectetur malesuada
 
 Vehicle 4
-Felis. fringilla eget condimentum sit vel quis, dolor elit. et nunc tincidunt. sem. efficitur
+In elit. dolor metus ipsum in rutrum Mauris
 
 Vehicle 5
-Consectetur metus nec ante ac metus sit
+Et velit. pretium primis primis Fusce
+Lorem massa
 
 Vehicle 6
-Sit orci, elit. Mauris elementum viverra lorem aliquam consectetur
+Ante ac vel Ut neque. fames velit. Integer iaculis.
 
 Vehicle 7
-Posuere ac massa, adipiscing pretium neque. tincidunt. Mauris ac nec dui Sed
+Ipsum posuere efficitur ut Integer dolor finibus nunc consectetur in In In aliquam finibus ut
 
 Vehicle 8
-In primis Ut vel ipsum in massa ipsum malesuada tincidunt. Integer ac efficitur
+Vitae enim sagittis et posuere metus
 
 Vehicle 9
-Et ipsum hendrerit sem. neque. velit. sem. ipsum
+Fringilla consectetur purus volutpat Integer ut eget eget pretium fringilla purus ante ut
 
 Vehicle 10
-Dolor sem. quis, dui eget
+Ipsum vel in orci, bibendum, semper. libero Duis
 
 #### React (tsx)
 
@@ -272,7 +272,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: 350000px; 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;">
@@ -283,7 +283,7 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 1</div>
-                                <div class="word-break" data-test-ignore="text">Eget aliquam ut ipsum est metus vitae amet, ac finibus viverra primis ligula felis. ac</div>
+                                <div class="word-break" data-test-ignore="text">Ut nec fames est nec Sed et purus</div>
                             </div>
                         </div>
                     </div>
@@ -295,8 +295,7 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 2</div>
-                                <div class="word-break" data-test-ignore="text">Massa, elementum scelerisque pretium
-                                    Lorem fringilla consectetur faucibus.</div>
+                                <div class="word-break" data-test-ignore="text">Tortor volutpat ante enim posuere quis, viverra Vivamus Duis ipsum quis, iaculis.</div>
                             </div>
                         </div>
                     </div>
@@ -308,11 +307,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 3</div>
-                                <div class="word-break" data-test-ignore="text">Rutrum libero primis efficitur malesuada in ante in libero</div>
+                                <div class="word-break" data-test-ignore="text">Quis, posuere condimentum ut neque. ac sem. sem. pharetra neque. tortor adipiscing consectetur malesuada</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="3" style="position: absolute; transform: translateY(209px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="3" style="position: absolute; transform: translateY(229px); 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 ">
@@ -320,11 +319,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 4</div>
-                                <div class="word-break" data-test-ignore="text">Felis. fringilla eget condimentum sit vel quis, dolor elit. et nunc tincidunt. sem. efficitur</div>
+                                <div class="word-break" data-test-ignore="text">In elit. dolor metus ipsum in rutrum Mauris</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 ">
@@ -332,11 +331,12 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 5</div>
-                                <div class="word-break" data-test-ignore="text">Consectetur metus nec ante ac metus sit</div>
+                                <div class="word-break" data-test-ignore="text">Et velit. pretium primis primis Fusce
+                                    Lorem massa</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 ">
@@ -344,11 +344,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 6</div>
-                                <div class="word-break" data-test-ignore="text">Sit orci, elit. Mauris elementum viverra lorem aliquam consectetur</div>
+                                <div class="word-break" data-test-ignore="text">Ante ac vel Ut neque. fames velit. Integer iaculis.</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 ">
@@ -356,11 +356,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 7</div>
-                                <div class="word-break" data-test-ignore="text">Posuere ac massa, adipiscing pretium neque. tincidunt. Mauris ac nec dui Sed</div>
+                                <div class="word-break" data-test-ignore="text">Ipsum posuere efficitur ut Integer dolor finibus nunc consectetur in In In aliquam finibus ut</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="7" style="position: absolute; transform: translateY(489px); 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 ">
@@ -368,11 +368,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 8</div>
-                                <div class="word-break" data-test-ignore="text">In primis Ut vel ipsum in massa ipsum malesuada tincidunt. Integer ac efficitur</div>
+                                <div class="word-break" data-test-ignore="text">Vitae enim sagittis et posuere metus</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="8" style="position: absolute; transform: translateY(559px); 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 ">
@@ -380,11 +380,11 @@ export default () => {
                             </div>
                             <div>
                                 <div class="text-medium" data-test-ignore="text">Vehicle 9</div>
-                                <div class="word-break" data-test-ignore="text">Et ipsum hendrerit sem. neque. velit. sem. ipsum</div>
+                                <div class="word-break" data-test-ignore="text">Fringilla consectetur purus volutpat Integer ut eget eget pretium fringilla purus ante ut</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="9" style="position: absolute; transform: translateY(629px); 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 ">
@@ -392,7 +392,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 sem. quis, dui eget</div>
+                                <div class="word-break" data-test-ignore="text">Ipsum vel in orci, bibendum, semper. libero Duis</div>
                             </div>
                         </div>
                     </div>