@rio-cloud/uikit-mcp 1.1.9 → 1.1.11

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-27T14:58:35.193Z
 
 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-27T14:58:33.989Z
 
 ## 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-27T14:58:05.325Z
 
 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/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-27T14:58:06.887Z
 
 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-27T14:58:37.130Z
 
 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-27T14:57:45.238Z
 
 ## TimePicker
 
@@ -368,6 +368,8 @@ export default () => {
 
 ## TimePicker with dropdown
 
+Shows a dropdown for faster time selection. Use minuteOffset to control the interval between dropdown values.
+
 ### Example: Example 4
 
 Controlled component with dropdown

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-27T14:57:26.112Z
 
 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,17 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/tooltip
-*Captured:* 2026-03-06T10:41:13.333Z
+*Captured:* 2026-04-27T14:58:35.893Z
 
 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');
+> 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');
 
 ### Example: Example 1
 
@@ -311,6 +315,8 @@ popperConfig={{
 
 ## SimpleTooltip
 
+This component is for convenience and wraps the OverlayTrigger and the Tooltip itself.
+
 ### Example: Example 2
 
 Simple tooltip with auto placement: Hover me Simple tooltip with bottom placement: Hover me

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-27T14:57:49.074Z
 
 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-27T14:58:08.977Z
 
 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,35 @@ 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,
+In, In pharetra ante elementum ac nunc in Duis
 
 Item 2
-Posuere faucibus. ipsum Sed elementum vel dui elit. ac Fusce
+Efficitur efficitur elit. molestie faucibus. in, tortor volutpat Duis tincidunt. ante purus
 
 Item 3
-Tortor quis, consectetur in finibus ut quis, Fusce orci, pretium semper elit. ac Sed elementum
+Libero fringilla ut ligula dolor ligula sit Vivamus semper posuere est quis, viverra in,
 
 Item 4
-Elit. bibendum, quis, pharetra vitae nec malesuada condimentum ante hendrerit tortor Interdum massa,
+Consectetur pharetra nunc efficitur volutpat
 
 Item 5
-In Duis condimentum efficitur ut ante consectetur Duis semper. In
+In nec dui aliquam adipiscing metus
 
 Item 6
-Felis. condimentum malesuada orci, semper. ante ante bibendum,
+Elit. eget ac quis, semper. sem.
 
 Item 7
-Semper. Duis malesuada fames sagittis ac In nec eget ante velit. adipiscing
+Ut finibus hendrerit aliquam amet, consectetur
 
 Item 8
-Molestie nunc semper. Ut velit. condimentum pharetra
+Primis ac et scelerisque aliquam Sed pharetra fames consectetur lorem in
+Lorem velit. nunc
 
 Item 9
-Adipiscing purus ante Integer elementum dolor nec primis semper consectetur in nec semper. ac
+Duis pretium orci, consectetur condimentum sit ante in posuere vel purus ante primis sem. nunc
 
 Item 10
-Hendrerit vitae ante ligula tincidunt. sagittis ante sit consectetur sagittis in ac malesuada dolor
+Efficitur purus pharetra faucibus. primis purus
 
 #### React (tsx)
 
@@ -89,66 +90,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: 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">In, In pharetra ante elementum ac nunc in Duis</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">Posuere faucibus. ipsum Sed elementum vel dui elit. ac Fusce</div>
+                        <div class="word-break" data-test-ignore="text">Efficitur efficitur elit. molestie faucibus. in, tortor volutpat Duis tincidunt. ante purus</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">Tortor quis, consectetur in finibus ut quis, Fusce orci, pretium semper elit. ac Sed elementum</div>
+                        <div class="word-break" data-test-ignore="text">Libero fringilla ut ligula dolor ligula sit Vivamus semper posuere est quis, viverra in,</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">Elit. bibendum, quis, pharetra vitae nec malesuada condimentum ante hendrerit tortor Interdum massa,</div>
+                        <div class="word-break" data-test-ignore="text">Consectetur pharetra nunc efficitur volutpat</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="4" style="position: absolute; transform: translateY(300px); width: 100%; will-change: transform;">
+                <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 Duis condimentum efficitur ut ante consectetur Duis semper. In</div>
+                        <div class="word-break" data-test-ignore="text">In nec dui aliquam adipiscing metus</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="5" style="position: absolute; transform: translateY(370px); width: 100%; will-change: transform;">
+                <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">Felis. condimentum malesuada orci, semper. ante ante bibendum,</div>
+                        <div class="word-break" data-test-ignore="text">Elit. eget ac quis, semper. sem.</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="6" style="position: absolute; transform: translateY(440px); width: 100%; will-change: transform;">
+                <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">Semper. Duis malesuada fames sagittis ac In nec eget ante velit. adipiscing</div>
+                        <div class="word-break" data-test-ignore="text">Ut finibus hendrerit aliquam amet, consectetur</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="7" style="position: absolute; transform: translateY(510px); width: 100%; will-change: transform;">
+                <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">Molestie nunc semper. Ut velit. condimentum pharetra</div>
+                        <div class="word-break" data-test-ignore="text">Primis ac et scelerisque aliquam Sed pharetra fames consectetur lorem in
+                            Lorem velit. nunc</div>
                     </div>
                 </div>
-                <div class="VirtualListItemWrapper " data-index="8" style="position: absolute; transform: translateY(580px); width: 100%; will-change: transform;">
+                <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">Adipiscing purus ante Integer elementum dolor nec primis semper consectetur in nec semper. ac</div>
+                        <div class="word-break" data-test-ignore="text">Duis pretium orci, consectetur condimentum sit ante in posuere vel purus ante primis sem. nunc</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">Efficitur purus pharetra faucibus. primis purus</div>
                     </div>
                 </div>
             </div>
@@ -174,35 +176,34 @@ export default () => {
 
 Virtual list with 5000 items
 Vehicle 1
-Eget aliquam ut ipsum est metus vitae amet, ac finibus viverra primis ligula felis. ac
+Felis. dolor et libero Vivamus massa, efficitur consectetur consectetur efficitur ligula elit. Interdum
 
 Vehicle 2
-Massa, elementum scelerisque pretium
-Lorem fringilla consectetur faucibus.
+Primis eget amet, est ante ante lorem bibendum, semper sem. elementum
 
 Vehicle 3
-Rutrum libero primis efficitur malesuada in ante in libero
+Adipiscing tincidunt. est Vivamus eget nec
 
 Vehicle 4
-Felis. fringilla eget condimentum sit vel quis, dolor elit. et nunc tincidunt. sem. efficitur
+Et neque. metus ac efficitur hendrerit
 
 Vehicle 5
-Consectetur metus nec ante ac metus sit
+Neque. Mauris malesuada tincidunt. Mauris condimentum
 
 Vehicle 6
-Sit orci, elit. Mauris elementum viverra lorem aliquam consectetur
+Ut massa ante ante nunc ipsum et
 
 Vehicle 7
-Posuere ac massa, adipiscing pretium neque. tincidunt. Mauris ac nec dui Sed
+Sed primis eget ligula in, purus vitae in orci pharetra
 
 Vehicle 8
-In primis Ut vel ipsum in massa ipsum malesuada tincidunt. Integer ac efficitur
+Adipiscing et rutrum neque. fringilla
 
 Vehicle 9
-Et ipsum hendrerit sem. neque. velit. sem. ipsum
+Condimentum efficitur Mauris in dui faucibus. rutrum
 
 Vehicle 10
-Dolor sem. quis, dui eget
+Viverra massa, ante felis. Sed ut ligula volutpat
 
 #### React (tsx)
 
@@ -272,7 +273,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: 360000px; 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,11 +284,11 @@ 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">Felis. dolor et libero Vivamus massa, efficitur consectetur consectetur efficitur ligula elit. Interdum</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="1" style="position: absolute; transform: translateY(69px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="1" style="position: absolute; transform: translateY(89px); 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 ">
@@ -295,12 +296,11 @@ 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">Primis eget amet, est ante ante lorem bibendum, semper sem. elementum</div>
                             </div>
                         </div>
                     </div>
-                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="2" style="position: absolute; transform: translateY(139px); width: 100%; will-change: transform;">
+                    <div class="VirtualListItemWrapper list-group-item padding-y-15" data-index="2" style="position: absolute; transform: translateY(159px); 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 ">
@@ -308,11 +308,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">Adipiscing tincidunt. est Vivamus eget nec</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 +320,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">Et neque. metus ac efficitur hendrerit</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 +332,11 @@ 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">Neque. Mauris malesuada tincidunt. Mauris condimentum</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">Ut massa ante ante nunc ipsum et</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">Sed primis eget ligula in, purus vitae in orci pharetra</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(509px); 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">Adipiscing et rutrum neque. fringilla</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(579px); 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">Condimentum efficitur Mauris in dui faucibus. rutrum</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(649px); 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">Viverra massa, ante felis. Sed ut ligula volutpat</div>
                             </div>
                         </div>
                     </div>