@rio-cloud/uikit-mcp 1.1.10 → 1.1.12

package/dist/docs/components/pieCharts.md

@@ -3,10 +3,12 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#/components/pieCharts
-*Captured:* 2026-04-20T12:55:34.996Z
+*Captured:* 2026-05-06T12:15:11.737Z
 
 ## PieChart
 
+> Note: When using a chart in your application, do not get fancy and try to stick to the proposed examples or at least base your chart upon them. That will save time and money and, equally important, gives the user a coherent look and feel across the different services.
+
 ### Example: Example 1
 
 Simple PieChart Basistarif
@@ -373,8 +375,8 @@ const data: CustomData[] = [
                                                 <path cx="158.9296875" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 262.1297,134
     A 103.2,103.2,0,
     0,0,
-    85.6913,61.2925
-  L 98.6074,74.1149
+    77.739,70.2951
+  L 92.0575,81.5299
             A 85,85,0,
             0,1,
             243.9297,134 Z">
@@ -383,40 +385,40 @@ const data: CustomData[] = [
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
                                             <g class="recharts-layer recharts-shape">
-                                                <path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 81.9865,65.2251
+                                                <path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 74.5162,74.6316
     A 103.2,103.2,0,
     0,0,
-    63.0885,172.2715
-  L 79.9907,165.522
+    71.0101,188.0405
+  L 86.5153,178.5101
             A 85,85,0,
             0,1,
-            95.5559,77.354 Z">
+            89.4031,85.1016 Z">
                                                 </path>
                                             </g>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
                                             <g class="recharts-layer recharts-shape">
-                                                <path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 65.2228,177.235
+                                                <path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 73.9588,192.5678
     A 103.2,103.2,0,
     0,0,
-    108.2563,223.9025
-  L 117.1929,208.0476
+    127.33,232.2431
+  L 132.9028,214.9172
             A 85,85,0,
             0,1,
-            81.7486,169.6102 Z">
+            88.944,182.239 Z">
                                                 </path>
                                             </g>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
                                             <g class="recharts-layer recharts-shape">
-                                                <path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 113.0309,226.4313
+                                                <path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 132.5149,233.7622
     A 103.2,103.2,0,
     0,0,
-    131.8751,233.5906
-  L 136.6463,216.0271
+    153.4072,237.0521
+  L 154.3811,218.8782
             A 85,85,0,
             0,1,
-            121.1255,210.1304 Z">
+            137.1733,216.1685 Z">
                                                 </path>
                                             </g>
                                         </g>
@@ -525,27 +527,27 @@ const data: CustomData[] = [
                                                 <path cx="172.9609375" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 276.1609,134
     A 103.2,103.2,0,
     0,0,
-    86.8501,77.1215
+    80.3743,88.4154
   L 172.9609,134 Z">
                                                 </path>
                                             </g>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
                                             <g class="recharts-layer recharts-shape">
-                                                <path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 86.8501,77.1215
+                                                <path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 80.3743,88.4154
     A 103.2,103.2,0,
     0,0,
-    88.889,193.8511
+    101.3758,208.3358
   L 172.9609,134 Z">
                                                 </path>
                                             </g>
                                         </g>
                                         <g class="recharts-layer recharts-pie-sector" tabindex="-1">
                                             <g class="recharts-layer recharts-shape">
-                                                <path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 88.889,193.8511
+                                                <path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 101.3758,208.3358
     A 103.2,103.2,0,
     0,0,
-    144.9965,233.339
+    167.2484,237.0418
   L 172.9609,134 Z">
                                                 </path>
                                             </g>
@@ -920,8 +922,8 @@ const data: CustomData[] = [
                                                 <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4297,184
     A 110,110,0,
     1,0,
-    126.2606,203.9863
-  L 145.9277,200.3524
+    126.3693,204.5659
+  L 146.0167,200.8267
             A 90,90,0,
             1,1,
             324.4297,184 Z">
@@ -929,8 +931,8 @@ const data: CustomData[] = [
                                                 <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4297,184
     A 120,120,0,
     1,0,
-    116.4271,205.8032
-  L 120.3605,205.0764
+    116.5457,206.4356
+  L 120.4751,205.6877
             A 116,116,0,
             1,1,
             350.4297,184 Z">
@@ -946,40 +948,40 @@ const data: CustomData[] = [
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
                                         <g class="recharts-layer recharts-shape">
-                                            <path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M 127.4548,209.62
+                                            <path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M 127.5938,210.1932
     A 110,110,0,
     0,0,
-    259.1833,291.1786
-  L 254.6826,271.6916
+    260.0273,290.9802
+  L 255.3732,271.5293
             A 90,90,0,
             0,1,
-            146.9048,204.9618 Z">
+            147.0185,205.4308 Z">
                                             </path>
                                         </g>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
                                         <g class="recharts-layer recharts-shape">
-                                            <path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M 264.7587,289.7362
+                                            <path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M 265.5911,289.4939
     A 110,110,0,
     0,0,
-    335.2839,227.9138
-  L 316.9468,219.9295
+    335.6881,226.9737
+  L 317.2775,219.1603
             A 90,90,0,
             0,1,
-            259.2443,270.5115 Z">
+            259.9254,270.3132 Z">
                                             </path>
                                         </g>
                                     </g>
                                     <g class="recharts-layer recharts-pie-sector" tabindex="-1">
                                         <g class="recharts-layer recharts-shape">
-                                            <path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M 337.444,222.5753
+                                            <path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M 337.7984,221.6154
     A 110,110,0,
     0,0,
-    344.0538,193.0863
-  L 324.1221,191.4343
+    344.1371,192.0175
+  L 324.1903,190.5598
             A 90,90,0,
             0,1,
-            318.7141,215.5616 Z">
+            319.0041,214.7762 Z">
                                             </path>
                                         </g>
                                     </g>

package/dist/docs/components/popover.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/popover
-*Captured:* 2026-04-20T12:54:50.213Z
+*Captured:* 2026-05-06T12:14:26.144Z
 
 In order to use a Popover on an element, wrap it with the OverlayTrigger component.
 

package/dist/docs/components/position.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/position
-*Captured:* 2026-04-20T12:54:51.170Z
+*Captured:* 2026-05-06T12:14:27.053Z
 
 A helper component to format a latitude / longitude position.
 

package/dist/docs/components/radialBarCharts.md

@@ -3,10 +3,12 @@
 *Category:* Components
 *Section:* Charts
 *Source:* https://uikit.developers.rio.cloud/#/components/radialBarCharts
-*Captured:* 2026-04-20T12:55:42.487Z
+*Captured:* 2026-05-06T12:15:17.802Z
 
 ## RadialBarChart
 
+> Note: When using a chart in your application, do not get fancy and try to stick to the proposed examples or at least base your chart upon them. That will save time and money and, equally important, gives the user a coherent look and feel across the different services.
+
 ### Example: Example 1
 
 Multiple RadialBarChart bars Age 18-24
@@ -255,8 +257,8 @@ const data2: CustomData2[] = [
                                             <path name="Age 18-24" cx="120" cy="180" fill="#ef7186 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 95.1104,137.0883
     A 49.6075,49.6075,0,
     0,1,
-    124.6242,130.6085
-  L 123.2259,145.5432
+    122.1087,130.4373
+  L 121.4711,145.4238
             A 34.6075,34.6075,0,
             0,0,
             102.6364,150.0637 Z">
@@ -266,8 +268,8 @@ const data2: CustomData2[] = [
                                             <path name="Age 25-29" cx="120" cy="180" fill="#e878b6 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 85.5399,120.588
     A 68.6825,68.6825,0,
     0,1,
-    119.9546,111.3175
-  L 119.9645,126.3175
+    116.9947,111.3833
+  L 117.651,126.3689
             A 53.6825,53.6825,0,
             0,0,
             93.0659,133.5633 Z">
@@ -277,8 +279,8 @@ const data2: CustomData2[] = [
                                             <path name="Age 30-34" cx="120" cy="180" fill="#dc82e9 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 75.9695,104.0876
     A 87.7575,87.7575,0,
     0,0,
-    54.9936,121.0463
-  L 66.1048,131.123
+    56.5083,119.418
+  L 67.3607,129.773
             A 72.7575,72.7575,0,
             0,1,
             83.4954,117.063 Z">
@@ -288,8 +290,8 @@ const data2: CustomData2[] = [
                                             <path name="Age 35-39" color="color-warmup-corn" cx="120" cy="180" fill="#fde082 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 66.399,87.5873
     A 106.8325,106.8325,0,
     0,1,
-    81.9733,80.1644
-  L 87.3125,94.182
+    80.6512,80.678
+  L 86.176,94.6235
             A 91.8325,91.8325,0,
             0,0,
             73.9249,100.5626 Z">
@@ -408,10 +410,10 @@ const data2: CustomData2[] = [
                                         <g class="recharts-layer recharts-shape">
                                             <path name="Registrations" color="color-coldplay-fountain" cx="134" cy="134" fill="#67abc5 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,24.6242
     A5,5,0,0,1,139.2283,19.6294
-    A114.49,114.49,0,0,1,240.5933,92.2169
-    A5,5,0,0,1,237.5484,98.7753
-  L237.5484,98.7753
-      A5,5,0,0,1,231.283,95.8664
+    A114.49,114.49,0,0,1,235.7811,81.5732
+    A5,5,0,0,1,233.4203,88.4077
+  L233.4203,88.4077
+      A5,5,0,0,1,226.8912,86.1524
       A104.49,104.49,0,0,0,138.7717,29.619
       A5,5,0,0,1,134,24.6242Z">
                                             </path>
@@ -419,10 +421,10 @@ const data2: CustomData2[] = [
                                         <g class="recharts-layer recharts-shape">
                                             <path name="Logins" color="color-coldplay-moos" cx="134" cy="134" fill="#a1daa3 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,11.7122
     A5,5,0,0,1,139.2043,6.7163
-    A127.39,127.39,0,0,1,241.0556,64.9543
-    A5,5,0,0,1,239.3898,71.9734
-  L239.3898,71.9734
-      A5,5,0,0,1,232.6518,70.3743
+    A127.39,127.39,0,0,1,234.7829,56.0832
+    A5,5,0,0,1,233.7212,63.2187
+  L233.7212,63.2187
+      A5,5,0,0,1,226.8715,62.1996
       A117.39,117.39,0,0,0,138.7957,16.708
       A5,5,0,0,1,134,11.7122Z">
                                             </path>
@@ -655,10 +657,10 @@ const data = [
                                         <g class="recharts-layer recharts-shape">
                                             <path name="Ranking" color="brand-success" cx="84" cy="84" fill="#5cb85c " class="recharts-sector recharts-radial-bar-sector undefined" d="M 84,13.4748
     A6,6,0,0,1,90.5086,7.4964
-    A76.78,76.78,0,1,1,7.7722,74.8078
-    A6,6,0,0,1,14.9498,69.6516
-  L14.9498,69.6516
-      A6,6,0,0,1,19.6859,76.2445
+    A76.78,76.78,0,1,1,7.3642,88.7043
+    A6,6,0,0,1,13.4943,82.3383
+  L13.4943,82.3383
+      A6,6,0,0,1,19.3417,87.969
       A64.78,64.78,0,1,0,89.4914,19.4532
       A6,6,0,0,1,84,13.4748Z">
                                             </path>
@@ -776,10 +778,10 @@ const data = [
                                         <g class="recharts-layer recharts-shape">
                                             <path name="Ranking" color="brand-success" cx="84" cy="84" fill="#5cb85c " class="recharts-sector recharts-radial-bar-sector undefined" d="M 19.1954,121.4149
     A3,3,0,0,1,15.0393,120.2116
-    A77.89,77.89,0,0,1,108.8097,10.1669
-    A3,3,0,0,1,110.6573,14.0793
-  L110.6573,14.0793
-      A3,3,0,0,1,106.8986,15.8544
+    A77.89,77.89,0,0,1,102.0235,8.224
+    A3,3,0,0,1,104.2177,11.9531
+  L104.2177,11.9531
+      A3,3,0,0,1,100.6351,14.0611
       A71.89,71.89,0,0,0,20.3515,117.4221
       A3,3,0,0,1,19.1954,121.4149Z">
                                             </path>

package/dist/docs/components/radioCardGroup.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#/components/radioCardGroup
-*Captured:* 2026-04-20T12:53:47.409Z
+*Captured:* 2026-05-06T12:13:23.839Z
 
 Card-based radio selection built on top of RadioButton. Supports options-based usage and a compound API via RadioCardItem and RadioCardIndicator.
 

package/dist/docs/components/radiobutton.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#/components/radiobutton
-*Captured:* 2026-04-20T12:53:49.743Z
+*Captured:* 2026-05-06T12:13:26.665Z
 
 NoteWhen using the custom option, make sure to wrap the children with the class name radio-text-wrapper. For using the radio tick, use an element with class name radio-text.
 
@@ -370,6 +370,8 @@ export default () => {
 
 > Note: When using the custom option, make sure to wrap the children with the class name radio-text-wrapper. For using the radio tick, use an element with class name radio-text.
 
+> Note
+
 ### Example: This option is a first option
 
 Option 1

package/dist/docs/components/releaseNotes.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/releaseNotes
-*Captured:* 2026-04-20T12:54:51.328Z
+*Captured:* 2026-05-06T12:14:27.104Z
 
 Component to render release notes in a standardized manner.
 

package/dist/docs/components/resizer.md

@@ -3,12 +3,14 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/resizer
-*Captured:* 2026-04-20T12:54:51.929Z
+*Captured:* 2026-05-06T12:14:27.697Z
 
 A helper component to allow elements to resize.
 
 ## Resizer
 
+> Note: When the resizer position is set to left or top you also need to position your elements on screen accordingly. Otherwise, the browser will set the height or width and expands in the opposite direction
+
 ### Example: Example 1
 
 Horizontal (default):

package/dist/docs/components/responsiveColumnStripe.md

@@ -3,12 +3,14 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/responsiveColumnStripe
-*Captured:* 2026-04-20T12:54:28.779Z
+*Captured:* 2026-05-06T12:14:04.998Z
 
 The ResponsiveColumnStripe component is designed to work with any list of items. The individual items are spread equally according to the available space. The component is totally customizable and does not style the individual items to give maximum flexibility.
 
 ## ResponsiveColumnStripe
 
+> Note: It is mandatory to set the key attribute for the individual items. If they are not set or when they are not unique the calculation of how many items to show on which page wont work. In case a custom component is used as item, wrap it in a native DOM element and set the key to the wrapping element.
+
 ### Example: Shipments
 
 ResponsiveColumnStripe with minColumns 2 and maxColumns 5

package/dist/docs/components/responsiveVideo.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/responsiveVideo
-*Captured:* 2026-04-20T12:54:53.187Z
+*Captured:* 2026-05-06T12:14:28.686Z
 
 ## Responsive Video
 

package/dist/docs/components/rioglyph.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/rioglyph
-*Captured:* 2026-04-20T12:54:53.164Z
+*Captured:* 2026-05-06T12:14:28.727Z
 
 The Rioglyph component is a React wrapper for the Rioglyph icon set. It provides a convenient and type-safe way to render icons without directly dealing with the utility classnames.
 

package/dist/docs/components/rules.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/rules
-*Captured:* 2026-04-20T12:54:55.085Z
+*Captured:* 2026-05-06T12:14:30.739Z
 
 ## RulesWrapper, RuleContainer and RuleConnector