@rio-cloud/uikit-mcp 1.1.9 → 1.1.10

package/dist/docs/components/smoothScrollbars.md

@@ -3,12 +3,10 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/smoothScrollbars
-*Captured:* 2026-03-06T10:41:10.269Z
+*Captured:* 2026-04-20T12:54:58.556Z
 
 ## SmoothScrollbars
 
-> Note: SmoothScrollbars only work for elements with a certain height.Padding cannot be part of the SmoothScrollbars element and must be added to the child.Mac scrollbars are only visible if a hardware mouse is connected.
-
 ### Example: Always visible
 
 Always visible
@@ -92,14 +90,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 +185,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 +280,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 +375,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 +650,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 +1135,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-20T12:54:57.627Z
 
 ## Spinner
 

package/dist/docs/components/states.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#/components/states
-*Captured:* 2026-03-06T10:40:54.910Z
+*Captured:* 2026-04-20T12:54:36.602Z
 
 ## ErrorState
 

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-20T12:54:31.842Z
 
 ## 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-20T12:54:11.691Z
 
 Flexible component to showcase various states based on progress bars.
 

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-20T12:53:46.915Z
 
 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-20T12:54:15.078Z
 
 ## 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-20T12:53:37.856Z
 
 ## 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-20T12:54:56.528Z
 
 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-20T12:54:58.084Z
 
 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,7 +3,9 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#/components/switch
-*Captured:* 2026-03-06T10:40:14.384Z
+*Captured:* 2026-04-20T12:53:49.051Z
+
+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