@rio-cloud/uikit-mcp 1.1.3 → 1.1.4

package/dist/docs/components/steppedProgressBars.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#components/steppedProgressBars
-*Captured:* 2026-01-07T12:11:35.451Z
+*Captured:* 2026-01-14T09:07:25.434Z
 
 ## SteppedProgressBar - Circle
 
@@ -227,22 +227,6 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| labels | Array of Objects | — | Objects to define the icon and the label of the navigation items. The icon can be a string or an icon. |
-| └icon | String / Node | — | The element shown in the step element. This can be a single step number or an icon element. |
-| └label | String / Node | — | 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 | Function | () => {} | Called with the new selected index after the user clicked a nav item. |
-| variant | String | 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
@@ -479,22 +463,6 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| labels | Array of Objects | — | Objects to define the icon and the label of the navigation items. The icon can be a string or an icon. |
-| └icon | String / Node | — | The element shown in the step element. This can be a single step number or an icon element. |
-| └label | String / Node | — | 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 | Function | () => {} | Called with the new selected index after the user clicked a nav item. |
-| variant | String | 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
@@ -798,22 +766,6 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| labels | Array of Objects | — | Objects to define the icon and the label of the navigation items. The icon can be a string or an icon. |
-| └icon | String / Node | — | The element shown in the step element. This can be a single step number or an icon element. |
-| └label | String / Node | — | 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 | Function | () => {} | Called with the new selected index after the user clicked a nav item. |
-| variant | String | 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
@@ -1045,20 +997,4 @@ const ThirdPageContent = ({ pageNumber, onClickPrevious }: ThirdPageContentProps
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| labels | Array of Objects | — | Objects to define the icon and the label of the navigation items. The icon can be a string or an icon. |
-| └icon | String / Node | — | The element shown in the step element. This can be a single step number or an icon element. |
-| └label | String / Node | — | 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 | Function | () => {} | Called with the new selected index after the user clicked a nav item. |
-| variant | String | 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

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Navigation
 *Source:* https://uikit.developers.rio.cloud/#components/subNavigation
-*Captured:* 2026-01-07T12:11:08.350Z
+*Captured:* 2026-01-14T09:06:55.741Z
 
 ## SubNavigation
 
@@ -76,13 +76,6 @@ export default () => (
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| navItems | Array | — | 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

package/dist/docs/components/supportMarker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/supportMarker
-*Captured:* 2026-01-07T12:11:58.348Z
+*Captured:* 2026-01-14T09:07:50.269Z
 
 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-01-07T12:11:59.734Z
+*Captured:* 2026-01-14T09:07:51.711Z
 
 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,14 +235,4 @@ 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. |
+```

package/dist/docs/components/switch.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/switch
-*Captured:* 2026-01-07T12:11:18.138Z
+*Captured:* 2026-01-14T09:07:06.086Z
 
 ## Switch
 
@@ -542,13 +542,4 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| keyName | String | — | Optional key that is used as key and as the id on the internal input. |
-| checked | Boolean | false | Set active / inactive state. |
-| disabled | Boolean | false | Disables the component. |
-| onChange | Function | — | Callback function triggered when clicking the button. |
-| minWidth | Number | — | The min-width of the switch. |
-| enabledText | String | — | ON text |
-| disabledText | String | — | OFF text |
-| className | string | — | Additional class names added |
-| labelPosition | String | — | Possible values are: left, right |
-| color | String | 'primary' | Defines the color of the switch. Possible values are:'primary', 'secondary', 'info', 'success', 'warning' or 'danger'. |
+| color | string | — | — |

package/dist/docs/components/tables.md

@@ -3,6 +3,6 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/tables
-*Captured:* 2026-01-07T12:11:44.823Z
+*Captured:* 2026-01-14T09:07:35.439Z
 
 The toolbar and its content has to be implemented by each team itself. Please use the following sample as a reference and adapt it accordingly.

package/dist/docs/components/tagManager.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/tagManager
-*Captured:* 2026-01-07T12:12:01.801Z
+*Captured:* 2026-01-14T09:07:53.401Z
 
 The TagManager allows to select and filter for existing tags as well as adding and removing them from a list of tags.
 
@@ -51,7 +51,7 @@ import { isEmpty } from 'es-toolkit/compat';
 
 import TagManager from '@rio-cloud/rio-uikit/TagManager';
 import Button from '@rio-cloud/rio-uikit/Button';
-import type { TagManagerTag } from '@rio-cloud/rio-uikit';
+import type { TagManagerTag } from '../@rio-cloud/rio-uikit';
 
 const tagListSuggestions: TagManagerTag[] = [
     { label: 'Lorem' },
@@ -155,24 +155,6 @@ export default () => {
 </div>
 ```
 
-#### Props (json)
-
-```json
-[
-        {
-            label: 'Foo',
-        },
-        {
-            label: 'Bar',
-            toAdd: true,
-        },
-        {
-            label: 'Lorem ipsum',
-            toRemove: true,
-        }
-    ]
-```
-
 ### Example: Example 2
 
 Lorem
@@ -197,7 +179,7 @@ import { isEmpty } from 'es-toolkit/compat';
 
 import TagManager from '@rio-cloud/rio-uikit/TagManager';
 import Button from '@rio-cloud/rio-uikit/Button';
-import type { TagManagerTag } from '@rio-cloud/rio-uikit';
+import type { TagManagerTag } from '../@rio-cloud/rio-uikit';
 
 const tagListSuggestions: TagManagerTag[] = [{ label: 'Lorem' }, { label: 'Ipsum' }, { label: 'Dolor sit amet' }];
 const existingTags: TagManagerTag[] = [];
@@ -275,24 +257,6 @@ export default () => {
 </div>
 ```
 
-#### Props (json)
-
-```json
-[
-        {
-            label: 'Foo',
-        },
-        {
-            label: 'Bar',
-            toAdd: true,
-        },
-        {
-            label: 'Lorem ipsum',
-            toRemove: true,
-        }
-    ]
-```
-
 ### Example: Fleet groups
 
 Fleet groups
@@ -336,7 +300,7 @@ import { isEmpty } from 'es-toolkit/compat';
 import TagManager from '@rio-cloud/rio-uikit/TagManager';
 import CustomState from '@rio-cloud/rio-uikit/CustomState';
 import Button from '@rio-cloud/rio-uikit/Button';
-import type { TagManagerTag } from '@rio-cloud/rio-uikit';
+import type { TagManagerTag } from '../@rio-cloud/rio-uikit';
 
 const tagListSuggestions: TagManagerTag[] = [{ label: 'Lorem' }, { label: 'Ipsum' }, { label: 'Dolor sit amet' }];
 const existingTags: TagManagerTag[] = [{ label: 'Foo' }, { label: 'Bar' }];
@@ -455,22 +419,4 @@ export default () => {
     </div>
     <button type="button" class="btn btn-default btn-component margin-top-15 disabled" tabindex="0">Save</button>
 </div>
-```
-
-#### Props (json)
-
-```json
-[
-        {
-            label: 'Foo',
-        },
-        {
-            label: 'Bar',
-            toAdd: true,
-        },
-        {
-            label: 'Lorem ipsum',
-            toRemove: true,
-        }
-    ]
 ```

package/dist/docs/components/tags.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/tags
-*Captured:* 2026-01-07T12:12:01.118Z
+*Captured:* 2026-01-14T09:07:53.247Z
 
 ## Tag
 
@@ -753,33 +753,4 @@ export default () => (
         </div>
     </div>
 </div>
-```
-
-#### Props: TagList
-
-### TagList
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| autoTagWidth | Boolean | false | Defines if the tag has the same with as it`s parent container. |
-| inline | Boolean | true | Defines if the taglist is rendered inline or vertically. |
-| tagsPerRow | Number | — | Possible values are: 1, 2, 3, 4, 6 |
-
-#### Props: Tag
-
-### Tag
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| size | String | — | Defines if you want to render the tag in a different size. Possible values are: 'small' |
-| icon | String | — | Define any rioglyph icon like "rioglyph-truck". |
-| active | Boolean | false | Defines if the tag is active. |
-| clickable | Boolean | false | Defines if the tag is clickable. |
-| selectable | Boolean | false | Defines if the tag is selectable. |
-| deletable | Boolean | false | Defines if the tag is deletable. |
-| revertable | Boolean | false | Defines if the tag is revertable. |
-| disabled | Boolean | false | Defines if the tag is disabled. |
-| round | Boolean | true | Defines if the tag is round. |
-| muted | Boolean | false | Sets a more subtle style for border and background. |
-| className | String | — | Additional classes to be set on the wrapper element. |
-| children | any | — | Any element to be rendered inside the tag. |
+```

package/dist/docs/components/teaser.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/teaser
-*Captured:* 2026-01-07T12:11:46.308Z
+*Captured:* 2026-01-14T09:07:37.056Z
 
 The teaser component was built to create all kinds of landing and/or single pages. for example, be used in dialogs or sidebars.
 
@@ -894,32 +894,4 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| children | any | — | The individual Teaser components. |
-| teaserPerRow | Number | — | Defines how many children are rendered into a row. If "teaserPerRow" is not defined the container tries to put all children in a row with regards to the Bootstrap grid. This is done by dividing the amount of children by 12 in order to figure out the col grid classes. It is recommended to define the teaser per row when having more than 4 teaser. Possible values are: 1 2 3 4 6 and 12 |
-| columnClassName | String | — | Optional string for additional classes added to each column of a child. |
-| className | String | — | Optional string for additional classes added to the row. |
-
-#### Props: Teaser
-
-### Teaser
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| headline | String / Node | — | The headline for the teaser. |
-| content | String / Node | — | The actual content to show e.g. some kind of text. |
-| image | Object | — | Defines an image to render with the following props. |
-| └src | String | — | The src URL for the image. |
-| └alt | String | — | The alternate text for the image. |
-| └aspectRatio | String | — | Ratio of the transparent image placeholder. Possible value ares: '1:1' '3:1' '3:2' '16:9' |
-| └align | String | — | Defines whether the image is on the left or right side of the component. Possible value ares: 'left' 'right' |
-| └onClick | Function | — | Callback function for the image. |
-| └className | String | — | Additional classes added to the image wrapper. |
-| button | Object | — | Defines a button to render with the following props. |
-| └text | String / Node | — | The text content for the button. |
-| └bsStyle | String | 'primary' | The button style. Please see the Button component definition for possible values. |
-| └onClick | Function | — | Callback function for the button. |
-| └className | String | — | Additional classes added to the button. |
-| verticalAlignment | String | 'top' | Defines where the teaser content is aligned including headerline and image. Possible values are: 'top' 'center' |
-| segmentation | String | — | Defines how the teaser content is segmented. Possible value ares: '50' '25:75' '75:25' '100' |
-| footer | String / Node | — | Optional content for footer in case the prop "button" is not sufficient. |
-| className | String | — | Additional classes added to the wrapper. |
+| teaserPerRow | number | — | — |

package/dist/docs/components/timeline.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* CSS Only
 *Source:* https://uikit.developers.rio.cloud/#components/timeline
-*Captured:* 2026-01-07T12:12:03.009Z
+*Captured:* 2026-01-14T09:07:54.694Z
 
 The timeline component is a pure CSS component.
 

package/dist/docs/components/timepicker.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Pickers
 *Source:* https://uikit.developers.rio.cloud/#components/timepicker
-*Captured:* 2026-01-07T12:11:32.462Z
+*Captured:* 2026-01-14T09:07:21.593Z
 
 ## TimePicker
 
@@ -144,18 +144,6 @@ export default () => {
 </div>
 ```
 
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| value | string | — | Value of the time as string. Note, when value is given the component is treated as controlled. |
-| onChange | Function | () => {} | Callback function when the value changes and is a valid time format. If not it handles the state internally until the time is valid and filled. |
-| alwaysShowMask | Boolean | true | Defines whether to always show the input mask placeholder. |
-| showIcon | Boolean | false | Defines whether or not to show the input icon. |
-| className | String | — | Additional classes to be set on the wrapper element. |
-| inputProps | Object | — | Additional props to be passed on to the underlying input component. |
-| └className | String | — | Additional classes to be set on the input element. |
-
 ### Example: Example 2
 
 DefaultPlease insert a valid time
@@ -247,16 +235,4 @@ export default () => {
         </div>
     </div>
 </div>
-```
-
-#### Props
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| value | string | — | Value of the time as string. Note, when value is given the component is treated as controlled. |
-| onChange | Function | () => {} | Callback function when the value changes and is a valid time format. If not it handles the state internally until the time is valid and filled. |
-| alwaysShowMask | Boolean | true | Defines whether to always show the input mask placeholder. |
-| showIcon | Boolean | false | Defines whether or not to show the input icon. |
-| className | String | — | Additional classes to be set on the wrapper element. |
-| inputProps | Object | — | Additional props to be passed on to the underlying input component. |
-| └className | String | — | Additional classes to be set on the input element. |
+```

package/dist/docs/components/toggleButton.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Interaction
 *Source:* https://uikit.developers.rio.cloud/#components/toggleButton
-*Captured:* 2026-01-07T12:11:20.239Z
+*Captured:* 2026-01-14T09:07:08.435Z
 
 This toggle button is based on the button component that can be used directly.
 
@@ -89,20 +89,9 @@ 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. |
+| bsStyle |  | — | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
+| bsSize |  | — | Sets the button size. Possible values are: xs, sm, md and lg |
+| variant |  | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
 
 ### Example: Controlled ToggleButton
 
@@ -162,17 +151,6 @@ 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. |
+| bsStyle |  | — | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
+| bsSize |  | — | Sets the button size. Possible values are: xs, sm, md and lg |
+| variant |  | — | Sets the button variant. Possible values are: link, link-inline, outline and action |

package/dist/docs/components/tooltip.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/tooltip
-*Captured:* 2026-01-07T12:12:02.752Z
+*Captured:* 2026-01-14T09:07:54.686Z
 
 In order to use a Tooltip on an element, wrap it with the OverlayTrigger component or use the SimpleTooltip component.
 
@@ -306,30 +306,9 @@ export default () => (
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| id | String / Number | — | An HTML id attribute, necessary for accessibility. |
-| placement | String | — | Sets the direction the Tooltip is positioned towards. This is generally provided by the OverlayTrigger component positioning the tooltip. Possible values are: auto-start, auto, auto-end, top-start, top, top-end, bottom-start, bottom, bottom-end, right-start, right, right-end, left-start, left or left-end |
-| tooltipStyle | String | default | Defines the look of the tooltip. Possible values are: default, onboarding |
-| textAlignment | String | center | Defines the position of the text content. Possible values are: left, right, center |
-| width | String | — | Defines the width of the tooltip. Possible values are: auto, 100, 150, 200, 250, 300, 350, 400, 450, 500 |
-| allowOnTouch | bool | false | Render Tooltips on mobile devices. |
-| className | String | — | Additional classes to be set on the wrapper element. |
-| innerClassName | String | — | Additional classes to be set on the inner element. |
-| children | any | — | Any element to be rendered inside the tooltip. |
-
-#### Props: OverlayTrigger
-
-### OverlayTrigger
-
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| trigger | 'click' \| 'hover' \| 'focus' | hover | Specify which action or actions trigger Overlay visibility. Possible values are: OverlayTrigger.TRIGGER_CLICK , OverlayTrigger.TRIGGER_HOVER, OverlayTrigger.TRIGGER_HOVER or 'click', 'hover', 'focus' |
-| delay | Number / Object | — | A millisecond delay amount to show and hide the Overlay once triggered. |
-| └show | Number | — | A millisecond delay amount before showing the Overlay once triggered. |
-| └hide | Number | — | A millisecond delay amount before hiding the Overlay once triggered. |
-| defaultShow | Boolean | — | The initial visibility state of the Overlay. For more nuanced visibility control, consider using the Overlay component directly. |
-| overlay | Node | — | An element or text to overlay next to the target. |
-| placement | String | — | Sets the direction the overlay is positioned towards. Possible values are: auto-start, auto, auto-end, top-start, top, top-end, bottom-start, bottom, bottom-end, right-start, right, right-end, left-start, left or left-end |
-| popperConfig | Object | — | A Popper.js config object passed to the the underlying popper instance. |
+| placement | string | — | — |
+| textAlignment | string | — | — |
+| tooltipStyle | string | — | — |
 
 ## SimpleTooltip
 
@@ -433,22 +412,12 @@ export default () => (
 </div>
 ```
 
-#### Props: SimpleTooltip
+#### Props: Tooltip
 
-### SimpleTooltip
+### Tooltip
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
-| trigger | String | hover | Specify which action or actions trigger Overlay visibility. Possible values are: 'click', 'hover', 'focus' |
-| placement | String | AUTO | Sets the direction the Tooltip is positioned towards. This is generally provided by the OverlayTrigger component positioning the tooltip. Possible values are: auto-start, auto, auto-end, top-start, top, top-end, bottom-start, bottom, bottom-end, right-start, right, right-end, left-start, left or left-end |
-| content | String / Node | — | The tooltip content. |
-| targetRef | Ref | — | The react ref object assigned to the target of the tooltip. |
-| delay | Number / Object | — | A millisecond delay amount to show the Overlay once triggered. |
-| └show | Number | — | A millisecond delay amount before showing the Overlay once triggered. |
-| └hide | Number | — | A millisecond delay amount before hiding the Overlay once triggered. |
-| textAlignment | String | center | Defines the position of the text content. Possible values are: left, right, center |
-| width | String | — | Defines the width of the tooltip. Possible values are: auto, 100, 150, 200, 250, 300, 350, 400, 450, 500 |
-| className | String | — | Additional classes to be set on the wrapper element. |
-| innerClassName | String | — | Additional classes to be set on the inner element. |
-| popperConfig | Object | — | A Popper.js config object passed to the the underlying popper instance. |
-| children | Node | — | The target node. |
+| placement | string | — | — |
+| textAlignment | string | — | — |
+| tooltipStyle | string | — | — |