@rio-cloud/uikit-mcp 1.1.3 → 1.1.4

package/dist/docs/components/states.md

@@ -3,9 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/states
-*Captured:* 2026-01-07T12:11:51.466Z
-
-A simple component to show an error to the user.
+*Captured:* 2026-01-14T09:07:41.770Z
 
 ## ErrorState
 
@@ -131,31 +129,10 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |
 
 ## 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,31 +203,10 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |
 
 ## 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
@@ -323,31 +279,10 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |
 
 ## ForbiddenState
 
-A simple component to show a message when the access to a certain area is restricted.
-
 ### Example: Access not allowed
 
 Access not allowed
@@ -407,31 +342,10 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |
 
 ## MaintenanceState
 
-A simple component to show a message when a service is in maintenance.
-
 ### Example: Service in maintenance
 
 Service in maintenance
@@ -476,31 +390,10 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |
 
 ## 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
@@ -582,26 +475,7 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |
 
 ### Example: You don't have access to this issue
 
@@ -686,31 +560,10 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |
 
 ## NotBookedState
 
-A simple component to show a message when Service content requires a Marketplace booking.
-
 ### Example: Premium feature
 
 Premium feature
@@ -783,27 +636,7 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| features | Array of Objects | [] | List of features. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |
 
 ## Fully customized state
 
@@ -855,37 +688,18 @@ export default () => <CustomState headline='Stay tuned' message={dummyTextShort}
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
-
-### Example: End User Licence AgreementCurrently, there is no vehicle in your fleet that requires acceptance of the EULA. However, you may still choose to accept it voluntarily.
-
-End User Licence Agreement
+| children | any | — | Additional elements that are rendered below the headline and text. |
+
+### Example: End User License AgreementCurrently, there is no vehicle in your fleet that requires acceptance of the EULA. However, you may still choose to accept it voluntarily.
+
+End User License Agreement
 Currently, there is no vehicle in your fleet that requires acceptance of the EULA. However, you may still choose to accept it voluntarily.
 
 Back to homeProceed with EULA
 
 #### Summary
 
-End User Licence Agreement
+End User License Agreement
 Currently, there is no vehicle in your fleet that requires acceptance of the EULA. However, you may still choose to accept it voluntarily.
 
 Back to homeProceed with EULA
@@ -905,7 +719,7 @@ export default () => (
                         style={{ ['--i' as string]: 'url(https://cdn.rio.cloud/riosvg/custom/eu-data-act.svg)' }}
                     />
                 </span>
-                <div className='text-bold text-size-20'>End User Licence Agreement</div>
+                <div className='text-bold text-size-20'>End User License Agreement</div>
                 <div>
                     Currently, there is no vehicle in your fleet that requires acceptance of the EULA. However, you may
                     still choose to accept it voluntarily.
@@ -937,7 +751,7 @@ export default () => (
                         <span class="rioglyph text-size-300pct " style="--i: url(https://cdn.rio.cloud/riosvg/custom/eu-data-act.svg);">
                         </span>
                     </span>
-                    <div class="text-bold text-size-20">End User Licence Agreement</div>
+                    <div class="text-bold text-size-20">End User License Agreement</div>
                     <div>Currently, there is no vehicle in your fleet that requires acceptance of the EULA. However, you may still choose to accept it voluntarily.</div>
                 </div>
             </div>
@@ -958,28 +772,9 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
-
-## Table with State
+| children | any | — | Additional elements that are rendered below the headline and text. |
+
+## Table with a state
 
 ### Example: We couldn't find anything that matches your search
 
@@ -1154,23 +949,4 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| icon | String | — | The icon to be shown. Default icons are defined for all states. |
-| icons | Array of Objects | [] | List of icons to show instead a single icon. |
-| └name | String | — | The name of the icon |
-| └color | String | — | Optional color class name for the icon |
-| └className | String | — | Optional class names for this icon. |
-| headline | String / Node | — | The headline to be shown. |
-| message | String / Node | — | The text to display. |
-| buttons | Array of Objects | [] | Definitions for the buttons to show. |
-| bsStyle | String | default | Allows to define various button styles. |
-| └text | String / Node | — | The button text. This can also be a node with an icon to be shown on the button. |
-| └onClick | Function | () => {} | Callback fired after the component starts to collapse. |
-| └href | String | — | Instead of a callback for the button you can specify an "href". This way it will render a link instead. |
-| └className | String | — | Optional class names for this button. |
-| condensed | Boolean | false | Smaller icon and headline size. |
-| fullWidth | Boolean | false | Defines whether to use 100% width or default width. NoteOnly to be used for special cases on the CustomState component. |
-| image | Node | — | Custom Image if needed. |
-| alignment | String | center | Defines where the panel is aligned. Possible values are: left center right |
-| outerClassName | String | — | Optional class names for the wrapper. |
-| innerClassName | String | — | Optional class names for the content. |
-| children | Node | — | Additional elements that are rendered below the headline and text. |
+| children | any | — | Additional elements that are rendered below the headline and text. |

package/dist/docs/components/statsWidgets.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/statsWidgets
-*Captured:* 2026-01-07T12:11:45.730Z
+*Captured:* 2026-01-14T09:07:36.188Z
 
 ## StatsWidgets
 
@@ -319,43 +319,6 @@ export default () => (
 </div>
 ```
 
-#### Props: StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
-
-### StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| className | String | — | Addional class names to be added to the element. |
-
-#### Props: StatsWidget
-
-### StatsWidget
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| hasFilter | Boolean | false | Defines whether a filter is active for this stats widget. |
-| onFilterReset | Function | — | Callback to reset the filter. |
-
-#### Props: StatsWidgetBody
-
-### StatsWidgetBody
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| fullWidth | Boolean | — | Whether to use flex space-between for StatsWidgetNumbers. |
-
-#### Props: StatsWidgetNumber
-
-### StatsWidgetNumber
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| value | String / Number / Node | — | The value to be shown. |
-| total | String / Number / Node | — | The total value to be shown i.e. in combination with an active filter. |
-| label | String / Node | — | The label shown below the number. |
-| clickable | Boolean | false | Defines whether or not the number is clickable i.e. in combination with a filter. |
-| onClick | Function | — | Callback for when the user clicks the number widget. |
-
 ### Example: Example 2
 
 Current activity
@@ -446,43 +409,6 @@ export default () => (
 </div>
 ```
 
-#### Props: StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
-
-### StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| className | String | — | Addional class names to be added to the element. |
-
-#### Props: StatsWidget
-
-### StatsWidget
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| hasFilter | Boolean | false | Defines whether a filter is active for this stats widget. |
-| onFilterReset | Function | — | Callback to reset the filter. |
-
-#### Props: StatsWidgetBody
-
-### StatsWidgetBody
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| fullWidth | Boolean | — | Whether to use flex space-between for StatsWidgetNumbers. |
-
-#### Props: StatsWidgetNumber
-
-### StatsWidgetNumber
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| value | String / Number / Node | — | The value to be shown. |
-| total | String / Number / Node | — | The total value to be shown i.e. in combination with an active filter. |
-| label | String / Node | — | The label shown below the number. |
-| clickable | Boolean | false | Defines whether or not the number is clickable i.e. in combination with a filter. |
-| onClick | Function | — | Callback for when the user clicks the number widget. |
-
 ### Example: Example 3
 
 Notifications
@@ -596,41 +522,4 @@ export default () => {
         </div>
     </div>
 </div>
-```
-
-#### Props: StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
-
-### StatsWidgets, StatsWidget, StatsWidgetSpacer and StatsWidgetNumber
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| className | String | — | Addional class names to be added to the element. |
-
-#### Props: StatsWidget
-
-### StatsWidget
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| hasFilter | Boolean | false | Defines whether a filter is active for this stats widget. |
-| onFilterReset | Function | — | Callback to reset the filter. |
-
-#### Props: StatsWidgetBody
-
-### StatsWidgetBody
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| fullWidth | Boolean | — | Whether to use flex space-between for StatsWidgetNumbers. |
-
-#### Props: StatsWidgetNumber
-
-### StatsWidgetNumber
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| value | String / Number / Node | — | The value to be shown. |
-| total | String / Number / Node | — | The total value to be shown i.e. in combination with an active filter. |
-| label | String / Node | — | The label shown below the number. |
-| clickable | Boolean | false | Defines whether or not the number is clickable i.e. in combination with a filter. |
-| onClick | Function | — | Callback for when the user clicks the number widget. |
+```

package/dist/docs/components/statusBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/statusBar
-*Captured:* 2026-01-07T12:11:32.519Z
+*Captured:* 2026-01-14T09:07:23.120Z
 
 Flexible component to showcase various states based on progress bars.
 
@@ -615,30 +615,4 @@ export default () => (
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| icon | Object | — | The icon to be shown next to the progress bar. |
-| └name | String | — | The class name of the icon i.e. "rioglyph-cruise-control". |
-| └alignment | String | 'left' | The position of the icon. Possible values are: left or right |
-| └color | String | 'text-color-gray' | The text color class name for the icon. |
-| └className | String | — | Optional class names for the icon. |
-| label | Object | — | The label to be shown for the progress bar. |
-| └value | String / Node | — | The label content. |
-| └alignment | String | 'right' | The position of the icon. Possible values are: left top right |
-| └weight | String | 'bold' | The text weight of the label. Possible values are: light or bold |
-| └color | String | 'text-color-gray' | The text color class name for the label. |
-| └className | String | — | Optional class names for the label. |
-| progress | list of Objects | — | 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 / Node | — | Optional tooltip content to be shown for the progress bar. |
-| └tooltipPosition | String | 'top' | The position of the tooltip for the progress bar. Possible values are: top bottom left right |
-| └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 | String | 'small' | The size of the icon and progress bar. Possible values are: small or 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

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