@rio-cloud/uikit-mcp 1.1.3 → 1.1.5

package/dist/docs/components/button.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/button
-*Captured:* 2026-01-07T12:11:12.519Z
+*Captured:* 2026-02-03T14:04:13.834Z
 
 The button component is the React equivalent to the normal HTML button with some To check out the HTML version click here: Buttons
 
@@ -255,20 +255,38 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| disabled | Boolean | false | Set the button disabled. |
-| active | Boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
-| asToggle | Boolean | false | Use the button as a toggle button. The toggle state can be controlled viw the "active" prop. |
-| iconOnly | Boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
-| iconName | String | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
-| iconRight | Boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
-| multiline | Boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
-| block | Boolean | false | Defines whether the button takes up the full width of the parent element. |
-| onClick | Function | () => {} | Callback function triggered when clicking the button. |
-| bsStyle | String | default | Sets the button style. Possible values are: default, primary, info, warning, danger, success, muted-filled and muted or Button.DEFAULT, Button.PRIMARY, Button.INFO, Button.WARNING, Button.DANGER, Button.SUCCESS, Button.MUTED_FILLED and Button.MUTED |
-| bsSize | String | — | Sets the button size. Possible values are: xs, sm, md and lg or Button.XS, Button.SM, Button.MD and Button.LG |
-| variant | String | — | Sets the button variant. Possible values are: link, link-inline, outline and action or Button.VARIANT_LINK, Button.VARIANT_LINK_INLINE, Button.VARIANT_OUTLINE and Button.VARIANT_ACTION |
-| className | String | — | Additional classes to be set on the button element. |
-| children | any | — | Any element to be rendered on the button. |
+| disabled | boolean | false | Whether the button should be disabled. |
+| active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
+| type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
+| iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
+| iconRight | boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
+| iconName | string | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
+| multiline | boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
+| block | boolean | false | Defines whether the button takes up the full width of the parent element. |
+| bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
+| bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
+| variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
+| noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
+| tabIndex | number | 0 | Number of the index used for keyboard support. |
+| className | string | — | Additional classes to be set on the button element. |
+
+#### Props: Regular button
+
+### Regular button
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
+
+#### Props: ToggleButton
+
+### ToggleButton
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
 
 ### Example: Link buttons
 
@@ -371,20 +389,38 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| disabled | Boolean | false | Set the button disabled. |
-| active | Boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
-| asToggle | Boolean | false | Use the button as a toggle button. The toggle state can be controlled viw the "active" prop. |
-| iconOnly | Boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
-| iconName | String | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
-| iconRight | Boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
-| multiline | Boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
-| block | Boolean | false | Defines whether the button takes up the full width of the parent element. |
-| onClick | Function | () => {} | Callback function triggered when clicking the button. |
-| bsStyle | String | default | Sets the button style. Possible values are: default, primary, info, warning, danger, success, muted-filled and muted or Button.DEFAULT, Button.PRIMARY, Button.INFO, Button.WARNING, Button.DANGER, Button.SUCCESS, Button.MUTED_FILLED and Button.MUTED |
-| bsSize | String | — | Sets the button size. Possible values are: xs, sm, md and lg or Button.XS, Button.SM, Button.MD and Button.LG |
-| variant | String | — | Sets the button variant. Possible values are: link, link-inline, outline and action or Button.VARIANT_LINK, Button.VARIANT_LINK_INLINE, Button.VARIANT_OUTLINE and Button.VARIANT_ACTION |
-| className | String | — | Additional classes to be set on the button element. |
-| children | any | — | Any element to be rendered on the button. |
+| disabled | boolean | false | Whether the button should be disabled. |
+| active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
+| type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
+| iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
+| iconRight | boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
+| iconName | string | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
+| multiline | boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
+| block | boolean | false | Defines whether the button takes up the full width of the parent element. |
+| bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
+| bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
+| variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
+| noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
+| tabIndex | number | 0 | Number of the index used for keyboard support. |
+| className | string | — | Additional classes to be set on the button element. |
+
+#### Props: Regular button
+
+### Regular button
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
+
+#### Props: ToggleButton
+
+### ToggleButton
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
 
 ### Example: Button group
 
@@ -535,20 +571,38 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| disabled | Boolean | false | Set the button disabled. |
-| active | Boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
-| asToggle | Boolean | false | Use the button as a toggle button. The toggle state can be controlled viw the "active" prop. |
-| iconOnly | Boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
-| iconName | String | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
-| iconRight | Boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
-| multiline | Boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
-| block | Boolean | false | Defines whether the button takes up the full width of the parent element. |
-| onClick | Function | () => {} | Callback function triggered when clicking the button. |
-| bsStyle | String | default | Sets the button style. Possible values are: default, primary, info, warning, danger, success, muted-filled and muted or Button.DEFAULT, Button.PRIMARY, Button.INFO, Button.WARNING, Button.DANGER, Button.SUCCESS, Button.MUTED_FILLED and Button.MUTED |
-| bsSize | String | — | Sets the button size. Possible values are: xs, sm, md and lg or Button.XS, Button.SM, Button.MD and Button.LG |
-| variant | String | — | Sets the button variant. Possible values are: link, link-inline, outline and action or Button.VARIANT_LINK, Button.VARIANT_LINK_INLINE, Button.VARIANT_OUTLINE and Button.VARIANT_ACTION |
-| className | String | — | Additional classes to be set on the button element. |
-| children | any | — | Any element to be rendered on the button. |
+| disabled | boolean | false | Whether the button should be disabled. |
+| active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
+| type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
+| iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
+| iconRight | boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
+| iconName | string | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
+| multiline | boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
+| block | boolean | false | Defines whether the button takes up the full width of the parent element. |
+| bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
+| bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
+| variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
+| noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
+| tabIndex | number | 0 | Number of the index used for keyboard support. |
+| className | string | — | Additional classes to be set on the button element. |
+
+#### Props: Regular button
+
+### Regular button
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
+
+#### Props: ToggleButton
+
+### ToggleButton
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
 
 ### Example: Outlined buttons (transparent)
 
@@ -638,20 +692,38 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| disabled | Boolean | false | Set the button disabled. |
-| active | Boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
-| asToggle | Boolean | false | Use the button as a toggle button. The toggle state can be controlled viw the "active" prop. |
-| iconOnly | Boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
-| iconName | String | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
-| iconRight | Boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
-| multiline | Boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
-| block | Boolean | false | Defines whether the button takes up the full width of the parent element. |
-| onClick | Function | () => {} | Callback function triggered when clicking the button. |
-| bsStyle | String | default | Sets the button style. Possible values are: default, primary, info, warning, danger, success, muted-filled and muted or Button.DEFAULT, Button.PRIMARY, Button.INFO, Button.WARNING, Button.DANGER, Button.SUCCESS, Button.MUTED_FILLED and Button.MUTED |
-| bsSize | String | — | Sets the button size. Possible values are: xs, sm, md and lg or Button.XS, Button.SM, Button.MD and Button.LG |
-| variant | String | — | Sets the button variant. Possible values are: link, link-inline, outline and action or Button.VARIANT_LINK, Button.VARIANT_LINK_INLINE, Button.VARIANT_OUTLINE and Button.VARIANT_ACTION |
-| className | String | — | Additional classes to be set on the button element. |
-| children | any | — | Any element to be rendered on the button. |
+| disabled | boolean | false | Whether the button should be disabled. |
+| active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
+| type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
+| iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
+| iconRight | boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
+| iconName | string | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
+| multiline | boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
+| block | boolean | false | Defines whether the button takes up the full width of the parent element. |
+| bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
+| bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
+| variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
+| noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
+| tabIndex | number | 0 | Number of the index used for keyboard support. |
+| className | string | — | Additional classes to be set on the button element. |
+
+#### Props: Regular button
+
+### Regular button
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
+
+#### Props: ToggleButton
+
+### ToggleButton
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
 
 ### Example: Action buttons
 
@@ -759,17 +831,35 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| disabled | Boolean | false | Set the button disabled. |
-| active | Boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
-| asToggle | Boolean | false | Use the button as a toggle button. The toggle state can be controlled viw the "active" prop. |
-| iconOnly | Boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
-| iconName | String | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
-| iconRight | Boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
-| multiline | Boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
-| block | Boolean | false | Defines whether the button takes up the full width of the parent element. |
-| onClick | Function | () => {} | Callback function triggered when clicking the button. |
-| bsStyle | String | default | Sets the button style. Possible values are: default, primary, info, warning, danger, success, muted-filled and muted or Button.DEFAULT, Button.PRIMARY, Button.INFO, Button.WARNING, Button.DANGER, Button.SUCCESS, Button.MUTED_FILLED and Button.MUTED |
-| bsSize | String | — | Sets the button size. Possible values are: xs, sm, md and lg or Button.XS, Button.SM, Button.MD and Button.LG |
-| variant | String | — | Sets the button variant. Possible values are: link, link-inline, outline and action or Button.VARIANT_LINK, Button.VARIANT_LINK_INLINE, Button.VARIANT_OUTLINE and Button.VARIANT_ACTION |
-| className | String | — | Additional classes to be set on the button element. |
-| children | any | — | Any element to be rendered on the button. |
+| disabled | boolean | false | Whether the button should be disabled. |
+| active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
+| type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
+| iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
+| iconRight | boolean | false | Adds right side spacing for an icon. This should be used when having navigation buttons that use an icon on the right side. |
+| iconName | string | — | Optional rio-glyph icon name that comes in handy for icon only buttons for not adding a span tag for the icon which reduces boilerplate code. |
+| multiline | boolean | false | Defines whether the button text break into multiple lines when the button space exceeds. Multiline buttons should be used as exception only. |
+| block | boolean | false | Defines whether the button takes up the full width of the parent element. |
+| bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
+| bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
+| variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
+| noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
+| tabIndex | number | 0 | Number of the index used for keyboard support. |
+| className | string | — | Additional classes to be set on the button element. |
+
+#### Props: Regular button
+
+### Regular button
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
+
+#### Props: ToggleButton
+
+### ToggleButton
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
+| onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |

package/dist/docs/components/buttonToolbar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/buttonToolbar
-*Captured:* 2026-01-07T12:11:10.155Z
+*Captured:* 2026-02-03T14:04:10.243Z
 
 The ButtonToolbar is a utility component designed to simplify usage and alignment. Its purpose is to ensure consistent spacing.
 
@@ -130,5 +130,5 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| alignment | 'left' \| 'right' \| 'center' \| 'space-between' | — | Align buttons to e defined side or set them apart. |
-| className | String | — | Additional classes to be set on the wrapper element. |
+| alignment | 'left' \| 'right' \| 'center' \| 'space-between' | — | Align buttons to a defined side or set them apart. |
+| className | string | — | Additional classes set to the outer element. |