@rio-cloud/uikit-mcp 1.1.4 → 1.1.6

package/dist/docs/components/statsWidgets.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/statsWidgets
-*Captured:* 2026-01-14T09:07:36.188Z
+*Source:* https://uikit.developers.rio.cloud/#/components/statsWidgets
+*Captured:* 2026-02-23T13:42:16.687Z
 
 ## StatsWidgets
 
@@ -319,6 +319,46 @@ export default () => (
 </div>
 ```
 
+#### Props: StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
+
+### StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidget
+
+### StatsWidget
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| onFilterReset | MouseEventHandler | — | Callback to reset the filter. |
+| hasFilter | boolean | false | Defines whether a filter is active for this widget. |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidgetBody
+
+### StatsWidgetBody
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| fullWidth | boolean | false | Whether to use flex space-between for StatsWidgetNumbers. |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidgetNumber
+
+### StatsWidgetNumber
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| value | string \| number \| ReactNode | 0 | The value to be shown. |
+| total | string \| number \| ReactNode | — | The total value to be shown i.e. in combination with an active filter. |
+| label | string \| ReactNode | — | The label shown below the number. |
+| clickable | boolean | false | Defines whether the number is clickable i.e. in combination with a filter. |
+| onClick | MouseEventHandler | — | Callback for when the user clicks the number widget. |
+| className | string | — | Additional class names to be added to the element. |
+
 ### Example: Example 2
 
 Current activity
@@ -409,6 +449,46 @@ export default () => (
 </div>
 ```
 
+#### Props: StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
+
+### StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidget
+
+### StatsWidget
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| onFilterReset | MouseEventHandler | — | Callback to reset the filter. |
+| hasFilter | boolean | false | Defines whether a filter is active for this widget. |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidgetBody
+
+### StatsWidgetBody
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| fullWidth | boolean | false | Whether to use flex space-between for StatsWidgetNumbers. |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidgetNumber
+
+### StatsWidgetNumber
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| value | string \| number \| ReactNode | 0 | The value to be shown. |
+| total | string \| number \| ReactNode | — | The total value to be shown i.e. in combination with an active filter. |
+| label | string \| ReactNode | — | The label shown below the number. |
+| clickable | boolean | false | Defines whether the number is clickable i.e. in combination with a filter. |
+| onClick | MouseEventHandler | — | Callback for when the user clicks the number widget. |
+| className | string | — | Additional class names to be added to the element. |
+
 ### Example: Example 3
 
 Notifications
@@ -522,4 +602,44 @@ export default () => {
         </div>
     </div>
 </div>
-```
+```
+
+#### Props: StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
+
+### StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidget
+
+### StatsWidget
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| onFilterReset | MouseEventHandler | — | Callback to reset the filter. |
+| hasFilter | boolean | false | Defines whether a filter is active for this widget. |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidgetBody
+
+### StatsWidgetBody
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| fullWidth | boolean | false | Whether to use flex space-between for StatsWidgetNumbers. |
+| className | string | — | Additional class names to be added to the element. |
+
+#### Props: StatsWidgetNumber
+
+### StatsWidgetNumber
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| value | string \| number \| ReactNode | 0 | The value to be shown. |
+| total | string \| number \| ReactNode | — | The total value to be shown i.e. in combination with an active filter. |
+| label | string \| ReactNode | — | The label shown below the number. |
+| clickable | boolean | false | Defines whether the number is clickable i.e. in combination with a filter. |
+| onClick | MouseEventHandler | — | Callback for when the user clicks the number widget. |
+| className | string | — | Additional class names to be added to the element. |

package/dist/docs/components/statusBar.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Progress
-*Source:* https://uikit.developers.rio.cloud/#components/statusBar
-*Captured:* 2026-01-14T09:07:23.120Z
+*Source:* https://uikit.developers.rio.cloud/#/components/statusBar
+*Captured:* 2026-02-23T13:42:02.740Z
 
 Flexible component to showcase various states based on progress bars.
 
@@ -615,4 +615,30 @@ export default () => (
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| icon | StatusBarIcon | — | The icon to be shown next to the progress bar. |
+| └name | string | — | The class name of the icon i.e. "rioglyph-cruise-control". |
+| └alignment | 'left' \| 'right' | 'left' | The position of the icon. |
+| └color | string | 'text-color-gray' | The text color class name for the icon. |
+| └className | string | — | Optional class names for the icon. |
+| label | StatusBarLabel | — | The label to be shown for the progress bar. |
+| └value | string \| React.ReactNode | — | The label content. |
+| └alignment | 'left' \| 'top' \| 'right' | 'right' | The position of the icon. |
+| └weight | 'light' \| 'bold' | 'bold' | The text weight of the label. |
+| └color | string | 'text-color-gray' | The text color class name for the label. |
+| └className | string | — | Optional class names for the label. |
+| progress | StatusBarProgress[] | — | List of progress bars which will be stacked in given order if there are multiple. |
+| └percentage | number | 0 | The percentage of the progress. |
+| └color | string | 'progress-bar-info' | The color class name for the label. |
+| └tooltip | string \| React.ReactNode | — | Optional tooltip content to be shown for the progress bar. |
+| └tooltipPosition | 'top' \| 'right' \| 'bottom' \| 'left' | 'top' | The position of the tooltip for the progress bar. |
+| └tooltipDelay | number | 50 | The delay in milliseconds for when the tooltip is shown when hovering the progress bar. |
+| └className | string | — | Optional class names for the progress bar. |
+| size | 'small' \| 'large' | 'small' | The size of the icon and progress bar. Possible values are: 'small' 'large' |
+| useProgressDivider | boolean | true | Uses a divider for multiple progress bars when defined. |
+| className | string | — | Optional class names for the wrapper element. |

package/dist/docs/components/stepButton.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Interaction
-*Source:* https://uikit.developers.rio.cloud/#components/stepButton
-*Captured:* 2026-01-14T09:07:03.860Z
+*Source:* https://uikit.developers.rio.cloud/#/components/stepButton
+*Captured:* 2026-02-23T13:41:43.338Z
 
 The StepButton is a convenient component designed to simplify usage and alignment of buttons with chevrons.
 
@@ -52,4 +52,10 @@ export default () => (
             </span>Next</button>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| direction | 'next' \| 'previous' | 'next' | Defines the chevron icon for the respective direction. |

package/dist/docs/components/steppedProgressBars.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Progress
-*Source:* https://uikit.developers.rio.cloud/#components/steppedProgressBars
-*Captured:* 2026-01-14T09:07:25.434Z
+*Source:* https://uikit.developers.rio.cloud/#/components/steppedProgressBars
+*Captured:* 2026-02-23T13:42:04.942Z
 
 ## SteppedProgressBar - Circle
 
@@ -227,6 +227,22 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| labels | SteppedProgressBarLabel[] | — | Objects to defining the icon and the label of the navigation items. The icon can be a string or an icon. |
+| └icon | string \| ReactNode | — | The element shown in the step element. This can be a single step number or an icon element. |
+| └label | string \| ReactNode | — | The label shown below the step element. |
+| └labelClassName | string | — | Additional classes to be set on the label element. |
+| └labelWrapperClassName | string | — | Additional classes to be set on the label wrapping element. |
+| selectedStepNumber | number | — | Index of the selected navigation item. |
+| onSelectedChanged | (selectedKey: number) => void | — | Called with the new selected index after the user clicked a nav item. |
+| variant | 'circle' \| 'rectangle' \| 'roadsign' | 'circle' | The SteppedProgressBar Variant. One of circle, rectangle or roadsign. |
+| disableFollowingPages | number | — | All navigation items with a higher index than this will be disabled. |
+| mobileBreakpoint | boolean | true | Deactivating the wrapping of bubbles on mobile. |
+| className | string | — | Additional classes to be set on the wrapper element. |
+
 ## SteppedProgressBar - Rectangle
 
 ### Example: Example 2
@@ -463,6 +479,22 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| labels | SteppedProgressBarLabel[] | — | Objects to defining the icon and the label of the navigation items. The icon can be a string or an icon. |
+| └icon | string \| ReactNode | — | The element shown in the step element. This can be a single step number or an icon element. |
+| └label | string \| ReactNode | — | The label shown below the step element. |
+| └labelClassName | string | — | Additional classes to be set on the label element. |
+| └labelWrapperClassName | string | — | Additional classes to be set on the label wrapping element. |
+| selectedStepNumber | number | — | Index of the selected navigation item. |
+| onSelectedChanged | (selectedKey: number) => void | — | Called with the new selected index after the user clicked a nav item. |
+| variant | 'circle' \| 'rectangle' \| 'roadsign' | 'circle' | The SteppedProgressBar Variant. One of circle, rectangle or roadsign. |
+| disableFollowingPages | number | — | All navigation items with a higher index than this will be disabled. |
+| mobileBreakpoint | boolean | true | Deactivating the wrapping of bubbles on mobile. |
+| className | string | — | Additional classes to be set on the wrapper element. |
+
 ## SteppedProgressBar - Rectangle with custom content
 
 ### Example: Example 3
@@ -766,6 +798,22 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| labels | SteppedProgressBarLabel[] | — | Objects to defining the icon and the label of the navigation items. The icon can be a string or an icon. |
+| └icon | string \| ReactNode | — | The element shown in the step element. This can be a single step number or an icon element. |
+| └label | string \| ReactNode | — | The label shown below the step element. |
+| └labelClassName | string | — | Additional classes to be set on the label element. |
+| └labelWrapperClassName | string | — | Additional classes to be set on the label wrapping element. |
+| selectedStepNumber | number | — | Index of the selected navigation item. |
+| onSelectedChanged | (selectedKey: number) => void | — | Called with the new selected index after the user clicked a nav item. |
+| variant | 'circle' \| 'rectangle' \| 'roadsign' | 'circle' | The SteppedProgressBar Variant. One of circle, rectangle or roadsign. |
+| disableFollowingPages | number | — | All navigation items with a higher index than this will be disabled. |
+| mobileBreakpoint | boolean | true | Deactivating the wrapping of bubbles on mobile. |
+| className | string | — | Additional classes to be set on the wrapper element. |
+
 ## SteppedProgressBar - Road Sign
 
 ### Example: Example 4
@@ -997,4 +1045,20 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
         </div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| labels | SteppedProgressBarLabel[] | — | Objects to defining the icon and the label of the navigation items. The icon can be a string or an icon. |
+| └icon | string \| ReactNode | — | The element shown in the step element. This can be a single step number or an icon element. |
+| └label | string \| ReactNode | — | The label shown below the step element. |
+| └labelClassName | string | — | Additional classes to be set on the label element. |
+| └labelWrapperClassName | string | — | Additional classes to be set on the label wrapping element. |
+| selectedStepNumber | number | — | Index of the selected navigation item. |
+| onSelectedChanged | (selectedKey: number) => void | — | Called with the new selected index after the user clicked a nav item. |
+| variant | 'circle' \| 'rectangle' \| 'roadsign' | 'circle' | The SteppedProgressBar Variant. One of circle, rectangle or roadsign. |
+| disableFollowingPages | number | — | All navigation items with a higher index than this will be disabled. |
+| mobileBreakpoint | boolean | true | Deactivating the wrapping of bubbles on mobile. |
+| className | string | — | Additional classes to be set on the wrapper element. |

package/dist/docs/components/subNavigation.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Navigation
-*Source:* https://uikit.developers.rio.cloud/#components/subNavigation
-*Captured:* 2026-01-14T09:06:55.741Z
+*Source:* https://uikit.developers.rio.cloud/#/components/subNavigation
+*Captured:* 2026-02-23T13:41:34.331Z
 
 ## SubNavigation
 
@@ -63,19 +63,26 @@ export default () => (
     <div class="SubNavigation width-100pct overflow-auto">
         <ul class="SubmoduleNavigation nav">
             <li class="submodule" data-nav-item-key="1">
-                <a aria-current="page" class="active" href="#components/subNavigation">Subnavigation 1</a>
+                <a aria-current="page" class="active" href="#/components/subNavigation" data-discover="true">Subnavigation 1</a>
             </li>
             <li class="submodule" data-nav-item-key="2">
-                <a href="#components/appLayout">Subnavigation 2</a>
+                <a class="" href="#/components/appLayout" data-discover="true">Subnavigation 2</a>
             </li>
             <li class="submodule" data-nav-item-key="3">
-                <a href="#components/appLayout">Subnavigation 3</a>
+                <a class="" href="#/components/appLayout" data-discover="true">Subnavigation 3</a>
             </li>
         </ul>
     </div>
 </div>
 ```
 
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| navItems | ModulePropType[] | — | List of navigation items with key and route prop. The route prop is a react-router NavLink component with an active style. |
+| className | string | — | Additional classes for the wrapper element. |
+
 ## SubNavigation with offset
 
 ### Example: Example 2
@@ -224,13 +231,13 @@ const useResizer = () => {
             </ul>
             <ul class="SubmoduleNavigation nav">
                 <li class="submodule " data-nav-item-key="1">
-                    <a aria-current="page" class="active" href="#components/subNavigation">Navigation 1</a>
+                    <a aria-current="page" class="active" href="//components/subNavigation">Navigation 1</a>
                 </li>
                 <li class="submodule " data-nav-item-key="2">
-                    <a href="#2">Navigation 2</a>
+                    <a class="" href="#/2" data-discover="true">Navigation 2</a>
                 </li>
                 <li class="submodule " data-nav-item-key="3">
-                    <a href="#3">Navigation 3</a>
+                    <a class="" href="#/3" data-discover="true">Navigation 3</a>
                 </li>
             </ul>
             <ul class="ApplicationActionBar nav navbar-nav navbar-right ">
@@ -243,13 +250,13 @@ const useResizer = () => {
                 <div class="SubNavigation width-100pct overflow-auto">
                     <ul class="SubmoduleNavigation nav">
                         <li class="submodule" data-nav-item-key="1">
-                            <a aria-current="page" class="active" href="#components/subNavigation">Subnavigation 1</a>
+                            <a aria-current="page" class="active" href="//components/subNavigation">Subnavigation 1</a>
                         </li>
                         <li class="submodule" data-nav-item-key="2">
-                            <a href="#2">Subnavigation 2</a>
+                            <a class="" href="#/2" data-discover="true">Subnavigation 2</a>
                         </li>
                         <li class="submodule" data-nav-item-key="3">
-                            <a href="#3">Subnavigation 3</a>
+                            <a class="" href="#/3" data-discover="true">Subnavigation 3</a>
                         </li>
                     </ul>
                 </div>
@@ -403,13 +410,13 @@ export default () => {
             </ul>
             <ul class="SubmoduleNavigation nav">
                 <li class="submodule " data-nav-item-key="1">
-                    <a aria-current="page" class="active" href="#components/subNavigation">Navigation 1</a>
+                    <a aria-current="page" class="active" href="//components/subNavigation">Navigation 1</a>
                 </li>
                 <li class="submodule " data-nav-item-key="2">
-                    <a href="#2">Navigation 2</a>
+                    <a class="" href="#/2" data-discover="true">Navigation 2</a>
                 </li>
                 <li class="submodule " data-nav-item-key="3">
-                    <a href="#3">Navigation 3</a>
+                    <a class="" href="#/3" data-discover="true">Navigation 3</a>
                 </li>
             </ul>
             <ul class="ApplicationActionBar nav navbar-nav navbar-right ">
@@ -422,13 +429,13 @@ export default () => {
                 <div class="SubNavigation width-100pct overflow-auto">
                     <ul class="SubmoduleNavigation nav">
                         <li class="submodule" data-nav-item-key="1">
-                            <a aria-current="page" class="active" href="#components/subNavigation">Subnavigation 1</a>
+                            <a aria-current="page" class="active" href="//components/subNavigation">Subnavigation 1</a>
                         </li>
                         <li class="submodule" data-nav-item-key="2">
-                            <a href="#2">Subnavigation 2</a>
+                            <a class="" href="#/2" data-discover="true">Subnavigation 2</a>
                         </li>
                         <li class="submodule" data-nav-item-key="3">
-                            <a href="#3">Subnavigation 3</a>
+                            <a class="" href="#/3" data-discover="true">Subnavigation 3</a>
                         </li>
                     </ul>
                 </div>

package/dist/docs/components/supportMarker.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/supportMarker
-*Captured:* 2026-01-14T09:07:50.269Z
+*Source:* https://uikit.developers.rio.cloud/#/components/supportMarker
+*Captured:* 2026-02-23T13:42:30.224Z
 
 You can add the support-marker class along with the data-support attribute to any HTML element - even divs wrapping around iframes, for example!
 

package/dist/docs/components/svgImage.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/svgImage
-*Captured:* 2026-01-14T09:07:51.711Z
+*Source:* https://uikit.developers.rio.cloud/#/components/svgImage
+*Captured:* 2026-02-23T13:42:31.695Z
 
 This component helps to render SVG images hosted on RIO's CDN and lets you customize the colors for various brand themes. It uses the defined UIKIT CSS variables to automatically adapt to dark mode. When customizing colors, make sure to use existing CSS color variable names.
 
@@ -235,4 +235,14 @@ export default () => (
         </g>
     </svg>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| name | string | — | The name of the image file without extension. |
+| size | number | 150 | The height and width of the SVG image in pixels. |
+| baseUrl | string | 'https://cdn.rio.cloud/riosvg' | The CDN base URL where the images are located. |
+| colorMap | ColorOverridesMap | — | Customize color using the color map and define the CSS variable name that shall be used. |
+| className | string | — | Additional class names added to the SVG element. |