@rio-cloud/uikit-mcp 1.1.2 → 1.1.3

package/dist/docs/components/autosuggests.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Selection
 *Source:* https://uikit.developers.rio.cloud/#components/autosuggests
-*Captured:* 2025-12-15T15:02:23.997Z
+*Captured:* 2026-01-07T12:11:25.745Z
 
 For a more flexible and smart search we highly recommend using fuse.js as searching algorithm.For more information on how to configure it, see: https://fusejs.io
 

package/dist/docs/components/avatar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/avatar
-*Captured:* 2025-12-15T15:02:49.947Z
+*Captured:* 2026-01-07T12:11:50.618Z
 
 The Avatar is a small component designed to render a users image, the initials of the users name or an icon.
 

package/dist/docs/components/banner.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/banner
-*Captured:* 2025-12-15T15:02:36.668Z
+*Captured:* 2026-01-07T12:11:37.666Z
 
 Convey information or prompt action through in-line banners, ideal for educational content, updates, or announcements.
 
@@ -76,7 +76,7 @@ export default () => {
         <div style="position: relative;">
             <div class="bg-white rounded border shadow-default padding-20 Banner display-flex text-color-darker overflow-hidden position-relative">
                 <div class="flex-1-1 overflow-hidden">
-                    <div style="opacity: 0; transform: translateX(15.7285px);">
+                    <div style="opacity: 0; transform: translateX(20.2931px);">
                         <div class="display-flex align-items-start align-items-center-ls width-100pct gap-15 ">
                             <div class="BannerIcon flex-0 margin-x-5 min-width-25 ">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="80" height="60" viewBox="0 0 773 612" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" artist="Katerina Limpitsouni" source="https://undraw.co/">

package/dist/docs/components/barCharts.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#components/barCharts
-*Captured:* 2025-12-15T15:03:28.776Z
+*Captured:* 2026-01-07T12:12:26.883Z
 
 ## BarChart
 
@@ -124,33 +124,33 @@ const data = [
                             <g class="recharts-layer recharts-bar-rectangles">
                                 <g class="recharts-layer">
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="7.8" y="51.94669710990095" width="62" height="171.05330289009905" class="recharts-rectangle" d="M7.8,54.94669710990095A 3,3,0,0,1,10.8,51.94669710990095L 66.8,51.94669710990095A 3,3,0,0,1,
-        69.8,54.94669710990095L 69.8,223L 7.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="7.8" y="60.33443703415398" width="62" height="162.66556296584602" class="recharts-rectangle" d="M7.8,63.33443703415398A 3,3,0,0,1,10.8,60.33443703415398L 66.8,60.33443703415398A 3,3,0,0,1,
+        69.8,63.33443703415398L 69.8,223L 7.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="85.8" y="142.59032770123548" width="62" height="80.40967229876452" class="recharts-rectangle" d="M85.8,145.59032770123548A 3,3,0,0,1,88.8,142.59032770123548L 144.8,142.59032770123548A 3,3,0,0,1,
-        147.8,145.59032770123548L 147.8,223L 85.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="85.8" y="146.53328236648264" width="62" height="76.46671763351738" class="recharts-rectangle" d="M85.8,149.53328236648264A 3,3,0,0,1,88.8,146.53328236648264L 144.8,146.53328236648264A 3,3,0,0,1,
+        147.8,149.53328236648264L 147.8,223L 85.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="163.8" y="177.67818470433272" width="62" height="45.32181529566728" class="recharts-rectangle" d="M163.8,180.67818470433272A 3,3,0,0,1,166.8,177.67818470433272L 222.8,177.67818470433272A 3,3,0,0,1,
-        225.8,180.67818470433272L 225.8,223L 163.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="163.8" y="179.90057733383566" width="62" height="43.09942266616434" class="recharts-rectangle" d="M163.8,182.90057733383566A 3,3,0,0,1,166.8,179.90057733383566L 222.8,179.90057733383566A 3,3,0,0,1,
+        225.8,182.90057733383566L 225.8,223L 163.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="241.8" y="208.81865779458153" width="62" height="14.181342205418478" class="recharts-rectangle" d="M241.8,211.81865779458153A 3,3,0,0,1,244.8,208.81865779458153L 300.8,208.81865779458153A 3,3,0,0,1,
-        303.8,211.81865779458153L 303.8,223L 241.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="241.8" y="209.51405161736147" width="62" height="13.485948382638526" class="recharts-rectangle" d="M241.8,212.51405161736147A 3,3,0,0,1,244.8,209.51405161736147L 300.8,209.51405161736147A 3,3,0,0,1,
+        303.8,212.51405161736147L 303.8,223L 241.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="319.8" y="211.19439811249958" width="62" height="11.805601887500416" class="recharts-rectangle" d="M319.8,214.19439811249958A 3,3,0,0,1,322.8,211.19439811249958L 378.8,211.19439811249958A 3,3,0,0,1,
-        381.8,214.19439811249958L 381.8,223L 319.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="319.8" y="211.7732955474427" width="62" height="11.226704452557312" class="recharts-rectangle" d="M319.8,214.7732955474427A 3,3,0,0,1,322.8,211.7732955474427L 378.8,211.7732955474427A 3,3,0,0,1,
+        381.8,214.7732955474427L 381.8,223L 319.8,223Z">
                                         </path>
                                     </g>
                                     <g class="recharts-layer recharts-bar-rectangle">
-                                        <path fill="#30b4c0 " name="undefined" x="397.8" y="205.93121956203498" width="62" height="17.068780437965007" class="recharts-rectangle" d="M397.8,208.93121956203498A 3,3,0,0,1,400.8,205.93121956203498L 456.8,205.93121956203498A 3,3,0,0,1,
-        459.8,208.93121956203498L 459.8,223L 397.8,223Z">
+                                        <path fill="#30b4c0 " name="undefined" x="397.8" y="206.76820130233972" width="62" height="16.23179869766027" class="recharts-rectangle" d="M397.8,209.76820130233972A 3,3,0,0,1,400.8,206.76820130233972L 456.8,206.76820130233972A 3,3,0,0,1,
+        459.8,209.76820130233972L 459.8,223L 397.8,223Z">
                                         </path>
                                     </g>
                                 </g>
@@ -2415,7 +2415,7 @@ const data = [
     <div class="recharts-responsive-container" style="width: 100%; height: 100%; min-width: 100px; min-height: 100px;">
         <div style="width: 0px; height: 0px; overflow: visible;">
             <div width="468" height="268" class="recharts-wrapper" style="position: relative; cursor: default; width: 468px; height: 268px;">
-                <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;">
+                <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper recharts-tooltip-wrapper-right recharts-tooltip-wrapper-bottom" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px; transform: translate(444px, 127px);">
                     <div class="recharts-default-tooltip" role="status" aria-live="assertive" style="margin: 0px; padding: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap;">
                         <p class="recharts-tooltip-label" style="margin: 0px;">
                         </p>

package/dist/docs/components/barList.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/barList
-*Captured:* 2025-12-15T15:02:31.702Z
+*Captured:* 2026-01-07T12:11:32.933Z
 
 ## BarList
 
@@ -180,28 +180,28 @@ const transportData = [
             <div class="display-flex justify-content-between gap-15">
                 <div class="width-100pct space-y-5">
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 54.5469%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 49.4673%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/on-time-delivery" class="text-color-darker" target="_blank" rel="noreferrer">On-time delivery</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 36.6909%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 31.4876%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Warehouse efficiency</div>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 20.5191%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 15.2012%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/truck-utilization" class="text-color-darker" target="_blank" rel="noreferrer">Truck utilization</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 4.68771%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 0%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Freight cost/km</div>
@@ -239,28 +239,28 @@ const transportData = [
             <div class="display-flex justify-content-between gap-15 flex-row-reverse gap-10">
                 <div class="width-100pct space-y-5">
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 54.5469%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 49.4673%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/on-time-delivery" class="text-color-darker" target="_blank" rel="noreferrer">On-time delivery</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 36.6909%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 31.4876%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Warehouse efficiency</div>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 20.5191%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 15.2012%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <a href="https://example.com/metrics/truck-utilization" class="text-color-darker" target="_blank" rel="noreferrer">Truck utilization</a>
                         </div>
                     </div>
                     <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-transparent cursor-pointer">
-                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 4.68771%;">
+                        <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-highlight-light" role="presentation" style="height: 25px; opacity: 0.5; width: 0%;">
                         </div>
                         <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                             <div class="text-color-darker">Freight cost/km</div>
@@ -454,14 +454,14 @@ const transportData = [
                 </div>
             </div>
             <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-lightest cursor-pointer">
-                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 49.2589%;">
+                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 48.6505%;">
                 </div>
                 <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                     <div class="text-color-darker">Stored in warehouse</div>
                 </div>
             </div>
             <div class="position-relative width-100pct rounded-small transition-all transition-ease-in-out transition-duration-01 bg-lightest cursor-pointer">
-                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 95.5579%;">
+                <div class="display-flex align-items-center rounded-small transition-all transition-ease-in-out transition-duration-01 bg-coldplay-moos" role="presentation" style="height: 25px; opacity: 0.5; width: 92.5858%;">
                 </div>
                 <div class="position-absolute left-0 top-50pct translate-y-50pct display-flex width-100pct padding-left-10">
                     <div class="text-color-darker">Shipped packages</div>

package/dist/docs/components/basicMap.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Map
 *Source:* https://uikit.developers.rio.cloud/#components/basicMap
-*Captured:* 2025-12-15T15:03:14.667Z
+*Captured:* 2026-01-07T12:12:13.590Z
 
 The following map shows labels for locale de
 
@@ -11,7 +11,7 @@ The following map shows labels for locale de
 
 ### Example: Example 1
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -24,7 +24,7 @@ Show traffic incidents
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -64,7 +64,7 @@ export default MapExample;
 
 ### Example: Example 2
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -77,7 +77,7 @@ Show traffic incidents
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -117,7 +117,7 @@ export default MapWithScaleBarExample;
 
 ### Example: Example 3
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 
@@ -130,7 +130,7 @@ Verkehrsstörungen anzeigen
 
 #### Summary
 
-Terms of use© 1987–2025 HERE
+Terms of use© 1987–2026 HERE
 
 10 km
 

package/dist/docs/components/bottomSheet.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Application
 *Source:* https://uikit.developers.rio.cloud/#components/bottomSheet
-*Captured:* 2025-12-15T15:02:05.304Z
+*Captured:* 2026-01-07T12:11:07.966Z
 
 The TimedBottomSheet is a wrapper component for the BottomSheet that allows to control it's visibility via timers and to use the localStorage to save user interaction for handling it's visibility.
 

package/dist/docs/components/button.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/button
-*Captured:* 2025-12-15T15:02:10.165Z
+*Captured:* 2026-01-07T12:11:12.519Z
 
 The button component is the React equivalent to the normal HTML button with some To check out the HTML version click here: Buttons
 

package/dist/docs/components/buttonToolbar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/buttonToolbar
-*Captured:* 2025-12-15T15:02:07.552Z
+*Captured:* 2026-01-07T12:11:10.155Z
 
 The ButtonToolbar is a utility component designed to simplify usage and alignment. Its purpose is to ensure consistent spacing.