@rio-cloud/uikit-mcp 1.1.9 → 1.1.11

package/dist/docs/components/sidebar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Application
 *Source:* https://uikit.developers.rio.cloud/#/components/sidebar
-*Captured:* 2026-03-06T10:39:58.849Z
+*Captured:* 2026-04-27T14:57:09.895Z
 
 There are 2 kinds of Sidebars. The default fluid and the fly variant.
 

package/dist/docs/components/sliders.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#/components/sliders
-*Captured:* 2026-03-06T10:40:14.546Z
+*Captured:* 2026-04-27T14:57:24.295Z
 
 ## Slider
 

package/dist/docs/components/smoothScrollbars.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/smoothScrollbars
-*Captured:* 2026-03-06T10:41:10.269Z
+*Captured:* 2026-04-27T14:58:32.251Z
 
 ## SmoothScrollbars
 
@@ -92,14 +92,15 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
+| role | AriaRole | — | — |
 | slideIn | boolean | false | Defines whether the scrollbars should slide in on hover. |
 | largeTrack | boolean | false | Defines whether the scrollbars should be slightly larger. |
 | trackOffset | boolean | false | Defines whether the scrollbars should have an offset. |
 | className | string | — | Additional classes to be set on the wrapper element. |
 | tagName | string | 'div' | Tag name used for the scroll container. |
 | autoHeight | boolean | false | Enable auto-height behavior. |
-| autoHeightMin | number | 0 | Minimum height when auto-height is enabled. |
-| autoHeightMax | number | 200 | Maximum height when auto-height is enabled. |
+| autoHeightMin | number \| string | 0 | Minimum height when auto-height is enabled. |
+| autoHeightMax | number \| string | 200 | Maximum height when auto-height is enabled. |
 | onScroll | (event: React.UIEvent<any> \| undefined) => void | — | Scroll callback, forwarded to the underlying scrollbars instance. |
 | style | React.CSSProperties | — | Inline styles for the scroll container. |
 
@@ -186,14 +187,15 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
+| role | AriaRole | — | — |
 | slideIn | boolean | false | Defines whether the scrollbars should slide in on hover. |
 | largeTrack | boolean | false | Defines whether the scrollbars should be slightly larger. |
 | trackOffset | boolean | false | Defines whether the scrollbars should have an offset. |
 | className | string | — | Additional classes to be set on the wrapper element. |
 | tagName | string | 'div' | Tag name used for the scroll container. |
 | autoHeight | boolean | false | Enable auto-height behavior. |
-| autoHeightMin | number | 0 | Minimum height when auto-height is enabled. |
-| autoHeightMax | number | 200 | Maximum height when auto-height is enabled. |
+| autoHeightMin | number \| string | 0 | Minimum height when auto-height is enabled. |
+| autoHeightMax | number \| string | 200 | Maximum height when auto-height is enabled. |
 | onScroll | (event: React.UIEvent<any> \| undefined) => void | — | Scroll callback, forwarded to the underlying scrollbars instance. |
 | style | React.CSSProperties | — | Inline styles for the scroll container. |
 
@@ -280,14 +282,15 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
+| role | AriaRole | — | — |
 | slideIn | boolean | false | Defines whether the scrollbars should slide in on hover. |
 | largeTrack | boolean | false | Defines whether the scrollbars should be slightly larger. |
 | trackOffset | boolean | false | Defines whether the scrollbars should have an offset. |
 | className | string | — | Additional classes to be set on the wrapper element. |
 | tagName | string | 'div' | Tag name used for the scroll container. |
 | autoHeight | boolean | false | Enable auto-height behavior. |
-| autoHeightMin | number | 0 | Minimum height when auto-height is enabled. |
-| autoHeightMax | number | 200 | Maximum height when auto-height is enabled. |
+| autoHeightMin | number \| string | 0 | Minimum height when auto-height is enabled. |
+| autoHeightMax | number \| string | 200 | Maximum height when auto-height is enabled. |
 | onScroll | (event: React.UIEvent<any> \| undefined) => void | — | Scroll callback, forwarded to the underlying scrollbars instance. |
 | style | React.CSSProperties | — | Inline styles for the scroll container. |
 
@@ -374,14 +377,15 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
+| role | AriaRole | — | — |
 | slideIn | boolean | false | Defines whether the scrollbars should slide in on hover. |
 | largeTrack | boolean | false | Defines whether the scrollbars should be slightly larger. |
 | trackOffset | boolean | false | Defines whether the scrollbars should have an offset. |
 | className | string | — | Additional classes to be set on the wrapper element. |
 | tagName | string | 'div' | Tag name used for the scroll container. |
 | autoHeight | boolean | false | Enable auto-height behavior. |
-| autoHeightMin | number | 0 | Minimum height when auto-height is enabled. |
-| autoHeightMax | number | 200 | Maximum height when auto-height is enabled. |
+| autoHeightMin | number \| string | 0 | Minimum height when auto-height is enabled. |
+| autoHeightMax | number \| string | 200 | Maximum height when auto-height is enabled. |
 | onScroll | (event: React.UIEvent<any> \| undefined) => void | — | Scroll callback, forwarded to the underlying scrollbars instance. |
 | style | React.CSSProperties | — | Inline styles for the scroll container. |
 
@@ -648,14 +652,15 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
+| role | AriaRole | — | — |
 | slideIn | boolean | false | Defines whether the scrollbars should slide in on hover. |
 | largeTrack | boolean | false | Defines whether the scrollbars should be slightly larger. |
 | trackOffset | boolean | false | Defines whether the scrollbars should have an offset. |
 | className | string | — | Additional classes to be set on the wrapper element. |
 | tagName | string | 'div' | Tag name used for the scroll container. |
 | autoHeight | boolean | false | Enable auto-height behavior. |
-| autoHeightMin | number | 0 | Minimum height when auto-height is enabled. |
-| autoHeightMax | number | 200 | Maximum height when auto-height is enabled. |
+| autoHeightMin | number \| string | 0 | Minimum height when auto-height is enabled. |
+| autoHeightMax | number \| string | 200 | Maximum height when auto-height is enabled. |
 | onScroll | (event: React.UIEvent<any> \| undefined) => void | — | Scroll callback, forwarded to the underlying scrollbars instance. |
 | style | React.CSSProperties | — | Inline styles for the scroll container. |
 
@@ -1132,13 +1137,14 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
+| role | AriaRole | — | — |
 | slideIn | boolean | false | Defines whether the scrollbars should slide in on hover. |
 | largeTrack | boolean | false | Defines whether the scrollbars should be slightly larger. |
 | trackOffset | boolean | false | Defines whether the scrollbars should have an offset. |
 | className | string | — | Additional classes to be set on the wrapper element. |
 | tagName | string | 'div' | Tag name used for the scroll container. |
 | autoHeight | boolean | false | Enable auto-height behavior. |
-| autoHeightMin | number | 0 | Minimum height when auto-height is enabled. |
-| autoHeightMax | number | 200 | Maximum height when auto-height is enabled. |
+| autoHeightMin | number \| string | 0 | Minimum height when auto-height is enabled. |
+| autoHeightMax | number \| string | 200 | Maximum height when auto-height is enabled. |
 | onScroll | (event: React.UIEvent<any> \| undefined) => void | — | Scroll callback, forwarded to the underlying scrollbars instance. |
 | style | React.CSSProperties | — | Inline styles for the scroll container. |

package/dist/docs/components/spinners.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/spinners
-*Captured:* 2026-03-06T10:41:10.468Z
+*Captured:* 2026-04-27T14:58:31.880Z
 
 ## Spinner
 

package/dist/docs/components/states.md

@@ -3,10 +3,12 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/states
-*Captured:* 2026-03-06T10:40:54.910Z
+*Captured:* 2026-04-27T14:58:10.843Z
 
 ## ErrorState
 
+A simple component to show an error to the user.
+
 ### Example: Something went wrong
 
 Something went wrong
@@ -140,6 +142,8 @@ export default () => (
 
 ## NotFoundState
 
+A simple component to show a message when something could not be found when searching or filtering data.
+
 ### Example: Nothing found
 
 Nothing found
@@ -226,6 +230,8 @@ export default () => (
 
 ## EmptyState
 
+A simple component to show a message when there is no data yet. The user may perform a task first in order to see some data in that view.
+
 ### Example: There is no free lunch
 
 There is no free lunch
@@ -314,6 +320,8 @@ export default () => (
 
 ## ForbiddenState
 
+A simple component to show a message when the access to a certain area is restricted.
+
 ### Example: Access not allowed
 
 Access not allowed
@@ -390,6 +398,8 @@ export default () => (
 
 ## MaintenanceState
 
+A simple component to show a message when a service is in maintenance.
+
 ### Example: Service in maintenance
 
 Service in maintenance
@@ -452,6 +462,8 @@ export default () => (
 
 ## CustomState
 
+All state components above are based on the more flexible CustomState component. Use this if you need something to be shown which cannot be accomplished otherwise.
+
 ### Example: Lorem ipsum dolor sit amet
 
 Lorem ipsum dolor sit amet
@@ -646,6 +658,8 @@ export default () => (
 
 ## NotBookedState
 
+A simple component to show a message when Service content requires a Marketplace booking.
+
 ### Example: Premium feature
 
 Premium feature

package/dist/docs/components/statsWidgets.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/statsWidgets
-*Captured:* 2026-03-06T10:40:49.748Z
+*Captured:* 2026-04-27T14:58:06.576Z
 
 ## StatsWidgets
 

package/dist/docs/components/statusBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#/components/statusBar
-*Captured:* 2026-03-06T10:40:33.692Z
+*Captured:* 2026-04-27T14:57:46.829Z
 
 Flexible component to showcase various states based on progress bars.
 
@@ -11,6 +11,8 @@ Flexible component to showcase various states based on progress bars.
 
 Usage: Use these components only on light backgrounds and limit the width of the wrapping element to avoid extreme long progress bars.
 
+Usage:
+
 ### Example: Example 1
 
 V1

package/dist/docs/components/stepButton.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#/components/stepButton
-*Captured:* 2026-03-06T10:40:11.764Z
+*Captured:* 2026-04-27T14:57:21.921Z
 
 The StepButton is a convenient component designed to simplify usage and alignment of buttons with chevrons.
 

package/dist/docs/components/steppedProgressBars.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#/components/steppedProgressBars
-*Captured:* 2026-03-06T10:40:36.373Z
+*Captured:* 2026-04-27T14:57:50.176Z
 
 ## SteppedProgressBar - Circle
 
@@ -583,17 +583,15 @@ type StepLabelContentProps = {
     done: boolean;
 };
 
-const StepLabelContent = ({ label, description, icon, done }: StepLabelContentProps) => {
-    return (
-        <div className='display-flex align-items-center gap-10'>
-            <span className={`${done ? 'rioglyph rioglyph-ok text-color-success' : icon}  margin-x-10 text-size-h2`} />
-            <div>
-                <div className='text-colot-darkest text-medium'>{label}</div>
-                <div className='text-color-darker'>{description}</div>
-            </div>
+const StepLabelContent = ({ label, description, icon, done }: StepLabelContentProps) => (
+    <div className='display-flex align-items-center gap-10'>
+        <span className={`${done ? 'rioglyph rioglyph-ok text-color-success' : icon}  margin-x-10 text-size-h2`} />
+        <div>
+            <div className='text-colot-darkest text-medium'>{label}</div>
+            <div className='text-color-darker'>{description}</div>
         </div>
-    );
-};
+    </div>
+);
 
 type FirstPageContentProps = { pageNumber: number; onClickNext: VoidFunction };
 

package/dist/docs/components/subNavigation.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#/components/subNavigation
-*Captured:* 2026-03-06T10:40:02.283Z
+*Captured:* 2026-04-27T14:57:12.584Z
 
 ## SubNavigation
 

package/dist/docs/components/supportMarker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/supportMarker
-*Captured:* 2026-03-06T10:41:08.200Z
+*Captured:* 2026-04-27T14:58:31.806Z
 
 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

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/svgImage
-*Captured:* 2026-03-06T10:41:10.414Z
+*Captured:* 2026-04-27T14:58:33.472Z
 
 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.
 

package/dist/docs/components/switch.md

@@ -3,10 +3,14 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#/components/switch
-*Captured:* 2026-03-06T10:40:14.384Z
+*Captured:* 2026-04-27T14:57:23.793Z
+
+Generally, we recommend using a switch when the end user understands the user interface element as a setting that is either “on” or “off”. A checkbox is well suited for when the end user would understand the element as something to be selected.
 
 ## Switch
 
+Switch versus checkbox
+
 ### Example: Example 1
 
 Switch