@rio-cloud/uikit-mcp 1.1.4 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/README.md +1 -0
  2. package/dist/doc-metadata.json +188 -88
  3. package/dist/docs/components/accentBar.md +35 -3
  4. package/dist/docs/components/activity.md +14 -3
  5. package/dist/docs/components/animatedNumber.md +17 -4
  6. package/dist/docs/components/animatedTextReveal.md +54 -8
  7. package/dist/docs/components/animations.md +33 -33
  8. package/dist/docs/components/appHeader.md +65 -9
  9. package/dist/docs/components/appLayout.md +566 -61
  10. package/dist/docs/components/appNavigationBar.md +55 -3
  11. package/dist/docs/components/areaCharts.md +14 -14
  12. package/dist/docs/components/aspectRatioPlaceholder.md +11 -3
  13. package/dist/docs/components/assetTree.md +1174 -328
  14. package/dist/docs/components/autosuggests.md +2 -2
  15. package/dist/docs/components/avatar.md +25 -3
  16. package/dist/docs/components/banner.md +3 -3
  17. package/dist/docs/components/barCharts.md +38 -38
  18. package/dist/docs/components/barList.md +22 -10
  19. package/dist/docs/components/basicMap.md +2 -2
  20. package/dist/docs/components/bottomSheet.md +100 -3
  21. package/dist/docs/components/button.md +549 -36
  22. package/dist/docs/components/buttonToolbar.md +10 -3
  23. package/dist/docs/components/calendarStripe.md +127 -85
  24. package/dist/docs/components/card.md +11 -3
  25. package/dist/docs/components/carousel.md +2 -2
  26. package/dist/docs/components/chartColors.md +2 -2
  27. package/dist/docs/components/chartsGettingStarted.md +2 -2
  28. package/dist/docs/components/chat.md +3 -3
  29. package/dist/docs/components/checkbox.md +67 -45
  30. package/dist/docs/components/circularProgress.md +465 -0
  31. package/dist/docs/components/clearableInput.md +18 -18
  32. package/dist/docs/components/collapse.md +28 -4
  33. package/dist/docs/components/composedCharts.md +20 -20
  34. package/dist/docs/components/contentLoader.md +126 -105
  35. package/dist/docs/components/dataTabs.md +191 -11
  36. package/dist/docs/components/datepickers.md +735 -723
  37. package/dist/docs/components/dialogs.md +362 -2
  38. package/dist/docs/components/divider.md +15 -3
  39. package/dist/docs/components/dropdowns.md +4548 -4355
  40. package/dist/docs/components/editableContent.md +187 -3
  41. package/dist/docs/components/expander.md +52 -5
  42. package/dist/docs/components/fade.md +42 -7
  43. package/dist/docs/components/fadeExpander.md +13 -4
  44. package/dist/docs/components/fadeUp.md +22 -4
  45. package/dist/docs/components/feedback.md +44 -3
  46. package/dist/docs/components/filePickers.md +45 -3
  47. package/dist/docs/components/formLabel.md +20 -5
  48. package/dist/docs/components/groupedItemList.md +54 -3
  49. package/dist/docs/components/iconList.md +5 -5
  50. package/dist/docs/components/imagePreloader.md +7 -3
  51. package/dist/docs/components/labeledElement.md +13 -3
  52. package/dist/docs/components/licensePlate.md +11 -3
  53. package/dist/docs/components/lineCharts.md +10 -10
  54. package/dist/docs/components/listMenu.md +78 -8
  55. package/dist/docs/components/loadMore.md +29 -3
  56. package/dist/docs/components/mainNavigation.md +5 -5
  57. package/dist/docs/components/mapCircle.md +2 -2
  58. package/dist/docs/components/mapCluster.md +2 -2
  59. package/dist/docs/components/mapContext.md +2 -2
  60. package/dist/docs/components/mapDraggableMarker.md +2 -2
  61. package/dist/docs/components/mapGettingStarted.md +2 -2
  62. package/dist/docs/components/mapInfoBubble.md +2 -2
  63. package/dist/docs/components/mapLayerGroup.md +2 -2
  64. package/dist/docs/components/mapMarker.md +2 -2
  65. package/dist/docs/components/mapPolygon.md +2 -2
  66. package/dist/docs/components/mapRoute.md +2 -2
  67. package/dist/docs/components/mapRouteGenerator.md +2 -2
  68. package/dist/docs/components/mapSettings.md +9 -9
  69. package/dist/docs/components/mapUtils.md +2 -2
  70. package/dist/docs/components/multiselects.md +2 -2
  71. package/dist/docs/components/noData.md +23 -3
  72. package/dist/docs/components/notifications.md +2 -2
  73. package/dist/docs/components/numbercontrol.md +54 -5
  74. package/dist/docs/components/onboarding.md +26 -2
  75. package/dist/docs/components/page.md +33 -3
  76. package/dist/docs/components/pager.md +15 -3
  77. package/dist/docs/components/pieCharts.md +89 -78
  78. package/dist/docs/components/popover.md +40 -2
  79. package/dist/docs/components/position.md +11 -3
  80. package/dist/docs/components/radialBarCharts.md +2054 -2012
  81. package/dist/docs/components/radioCardGroup.md +487 -0
  82. package/dist/docs/components/radiobutton.md +138 -10
  83. package/dist/docs/components/releaseNotes.md +19 -2
  84. package/dist/docs/components/resizer.md +14 -3
  85. package/dist/docs/components/responsiveColumnStripe.md +20 -3
  86. package/dist/docs/components/responsiveVideo.md +12 -3
  87. package/dist/docs/components/rioglyph.md +13 -3
  88. package/dist/docs/components/rules.md +95 -5
  89. package/dist/docs/components/saveableInput.md +400 -276
  90. package/dist/docs/components/selects.md +2 -2
  91. package/dist/docs/components/sidebar.md +39 -3
  92. package/dist/docs/components/sliders.md +38 -3
  93. package/dist/docs/components/smoothScrollbars.md +93 -3
  94. package/dist/docs/components/spinners.md +51 -3
  95. package/dist/docs/components/states.md +217 -2
  96. package/dist/docs/components/statsWidgets.md +123 -3
  97. package/dist/docs/components/statusBar.md +29 -3
  98. package/dist/docs/components/stepButton.md +9 -3
  99. package/dist/docs/components/steppedProgressBars.md +67 -3
  100. package/dist/docs/components/subNavigation.md +24 -17
  101. package/dist/docs/components/supportMarker.md +2 -2
  102. package/dist/docs/components/svgImage.md +13 -3
  103. package/dist/docs/components/switch.md +218 -82
  104. package/dist/docs/components/tables.md +2 -2
  105. package/dist/docs/components/tagManager.md +56 -2
  106. package/dist/docs/components/tags.md +33 -3
  107. package/dist/docs/components/teaser.md +30 -3
  108. package/dist/docs/components/textTruncateMiddle.md +151 -0
  109. package/dist/docs/components/timeline.md +2 -2
  110. package/dist/docs/components/timepicker.md +687 -63
  111. package/dist/docs/components/toggleButton.md +96 -10
  112. package/dist/docs/components/tooltip.md +30 -21
  113. package/dist/docs/components/tracker.md +631 -0
  114. package/dist/docs/components/virtualList.md +107 -84
  115. package/dist/docs/foundations.md +647 -275
  116. package/dist/docs/start/changelog.md +2 -738
  117. package/dist/docs/start/goodtoknow.md +2 -2
  118. package/dist/docs/start/guidelines/color-combinations.md +2 -2
  119. package/dist/docs/start/guidelines/custom-css.md +2 -2
  120. package/dist/docs/start/guidelines/custom-rioglyph.md +2 -2
  121. package/dist/docs/start/guidelines/formatting.md +2 -2
  122. package/dist/docs/start/guidelines/iframe.md +2 -2
  123. package/dist/docs/start/guidelines/obfuscate-data.md +2 -2
  124. package/dist/docs/start/guidelines/print-css.md +2 -2
  125. package/dist/docs/start/guidelines/spinner.md +82 -82
  126. package/dist/docs/start/guidelines/state-in-url.md +263 -0
  127. package/dist/docs/start/guidelines/supported-browsers.md +2 -2
  128. package/dist/docs/start/guidelines/writing.md +2 -2
  129. package/dist/docs/start/howto.md +10 -10
  130. package/dist/docs/start/intro.md +2 -2
  131. package/dist/docs/start/responsiveness.md +2 -2
  132. package/dist/docs/templates/common-table.md +15 -14
  133. package/dist/docs/templates/detail-views.md +3 -3
  134. package/dist/docs/templates/expandable-details.md +2 -2
  135. package/dist/docs/templates/feature-cards.md +56 -56
  136. package/dist/docs/templates/form-summary.md +23 -23
  137. package/dist/docs/templates/form-toggle.md +2 -2
  138. package/dist/docs/templates/list-blocks.md +204 -204
  139. package/dist/docs/templates/loading-progress.md +2 -2
  140. package/dist/docs/templates/options-panel.md +2 -2
  141. package/dist/docs/templates/panel-variants.md +2 -2
  142. package/dist/docs/templates/progress-cards.md +2 -2
  143. package/dist/docs/templates/progress-success.md +2 -2
  144. package/dist/docs/templates/settings-form.md +24 -24
  145. package/dist/docs/templates/stats-blocks.md +18 -18
  146. package/dist/docs/templates/table-panel.md +2 -2
  147. package/dist/docs/templates/table-row-animation.md +2 -2
  148. package/dist/docs/templates/usage-cards.md +2 -2
  149. package/dist/docs/utilities/classNames.md +191 -0
  150. package/dist/docs/utilities/deviceUtils.md +2 -2
  151. package/dist/docs/utilities/featureToggles.md +2 -2
  152. package/dist/docs/utilities/fuelTypeUtils.md +2 -2
  153. package/dist/docs/utilities/routeUtils.md +326 -90
  154. package/dist/docs/utilities/useAfterMount.md +2 -2
  155. package/dist/docs/utilities/useAutoAnimate.md +2 -2
  156. package/dist/docs/utilities/useAverage.md +2 -2
  157. package/dist/docs/utilities/useClickOutside.md +2 -2
  158. package/dist/docs/utilities/useClipboard.md +3 -3
  159. package/dist/docs/utilities/useCookies.md +188 -0
  160. package/dist/docs/utilities/useCount.md +2 -2
  161. package/dist/docs/utilities/useDarkMode.md +2 -2
  162. package/dist/docs/utilities/useDebugInfo.md +5 -5
  163. package/dist/docs/utilities/useEffectOnce.md +2 -2
  164. package/dist/docs/utilities/useElapsedTime.md +2 -2
  165. package/dist/docs/utilities/useElementSize.md +2 -2
  166. package/dist/docs/utilities/useEsc.md +2 -2
  167. package/dist/docs/utilities/useEvent.md +2 -2
  168. package/dist/docs/utilities/useFocusTrap.md +2 -2
  169. package/dist/docs/utilities/useFullscreen.md +2 -2
  170. package/dist/docs/utilities/useHover.md +2 -2
  171. package/dist/docs/utilities/useIncomingPostMessages.md +2 -2
  172. package/dist/docs/utilities/useInterval.md +2 -2
  173. package/dist/docs/utilities/useIsFocusWithin.md +2 -2
  174. package/dist/docs/utilities/useKey.md +2 -2
  175. package/dist/docs/utilities/useLocalStorage.md +2 -2
  176. package/dist/docs/utilities/useLocationSuggestions.md +2 -2
  177. package/dist/docs/utilities/useMax.md +2 -2
  178. package/dist/docs/utilities/useMin.md +2 -2
  179. package/dist/docs/utilities/useMutationObserver.md +2 -2
  180. package/dist/docs/utilities/useOnScreen.md +2 -2
  181. package/dist/docs/utilities/useOnlineStatus.md +2 -2
  182. package/dist/docs/utilities/usePostMessage.md +3 -3
  183. package/dist/docs/utilities/usePostMessageSender.md +2 -2
  184. package/dist/docs/utilities/usePrevious.md +2 -2
  185. package/dist/docs/utilities/useResizeObserver.md +2 -2
  186. package/dist/docs/utilities/useRioCookieConsent.md +90 -0
  187. package/dist/docs/utilities/useScrollPosition.md +2 -2
  188. package/dist/docs/utilities/useSearch.md +2 -2
  189. package/dist/docs/utilities/useSearchHighlight.md +815 -0
  190. package/dist/docs/utilities/useSorting.md +2 -2
  191. package/dist/docs/utilities/useStateWithValidation.md +2 -2
  192. package/dist/docs/utilities/useSum.md +2 -2
  193. package/dist/docs/utilities/useTableExport.md +53 -53
  194. package/dist/docs/utilities/useTableSelection.md +90 -90
  195. package/dist/docs/utilities/useTimeout.md +2 -2
  196. package/dist/docs/utilities/useToggle.md +3 -3
  197. package/dist/docs/utilities/useUrlState.md +418 -0
  198. package/dist/docs/utilities/useWindowResize.md +2 -2
  199. package/dist/index.mjs +8 -8
  200. package/dist/version.json +2 -2
  201. package/package.json +9 -9
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
- *Source:* https://uikit.developers.rio.cloud/#components/toggleButton
6
- *Captured:* 2026-01-14T09:07:08.435Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/toggleButton
6
+ *Captured:* 2026-02-23T13:41:47.736Z
7
7
 
8
8
  This toggle button is based on the button component that can be used directly.
9
9
 
@@ -85,13 +85,56 @@ export default () => (
85
85
  </div>
86
86
  ```
87
87
 
88
- #### Props
88
+ #### Props: Base button props
89
+
90
+ ### Base button props
91
+
92
+ | Name | Type | Default | Description |
93
+ | --- | --- | --- | --- |
94
+ | disabled | boolean | false | Whether the button should be disabled. |
95
+ | active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
96
+ | iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
97
+ | 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. |
98
+ | 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. |
99
+ | 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. |
100
+ | block | boolean | false | Defines whether the button takes up the full width of the parent element. |
101
+ | bsStyle | BUTTON_STYLE | 'default' | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
102
+ | bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
103
+ | variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
104
+ | noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
105
+ | tabIndex | number | 0 | Number of the index used for keyboard support. |
106
+ | className | string | — | Additional classes to be set on the button element. |
107
+
108
+ #### Props: Regular button
109
+
110
+ ### Regular button
111
+
112
+ | Name | Type | Default | Description |
113
+ | --- | --- | --- | --- |
114
+ | asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
115
+ | onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
116
+ | type | 'button' \| 'submit | 'button' | Defines the type of the button. This may be used for form submit buttons. |
117
+
118
+ #### Props: ToggleButton
119
+
120
+ ### ToggleButton
121
+
122
+ | Name | Type | Default | Description |
123
+ | --- | --- | --- | --- |
124
+ | asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
125
+ | onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
126
+
127
+ #### Props: Link element buttons
128
+
129
+ ### Link element buttons
89
130
 
90
131
  | Name | Type | Default | Description |
91
132
  | --- | --- | --- | --- |
92
- | bsStyle | | — | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
93
- | bsSize | | — | Sets the button size. Possible values are: xs, sm, md and lg |
94
- | variant | | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
133
+ | as | 'a' | — | Defines this component as a link element. |
134
+ | type | never | — | Native button type is not supported when using as="a". |
135
+ | href | string | — | Defines the destination URL for the link button. |
136
+ | asToggle | false | false | Toggle behavior is not supported when using as="a". |
137
+ | onClick | (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void | — | Callback function triggered when clicking the link. |
95
138
 
96
139
  ### Example: Controlled ToggleButton
97
140
 
@@ -147,10 +190,53 @@ export default () => {
147
190
  </div>
148
191
  ```
149
192
 
150
- #### Props
193
+ #### Props: Base button props
194
+
195
+ ### Base button props
196
+
197
+ | Name | Type | Default | Description |
198
+ | --- | --- | --- | --- |
199
+ | disabled | boolean | false | Whether the button should be disabled. |
200
+ | active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
201
+ | iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
202
+ | 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. |
203
+ | 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. |
204
+ | 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. |
205
+ | block | boolean | false | Defines whether the button takes up the full width of the parent element. |
206
+ | bsStyle | BUTTON_STYLE | 'default' | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
207
+ | bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
208
+ | variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
209
+ | noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
210
+ | tabIndex | number | 0 | Number of the index used for keyboard support. |
211
+ | className | string | — | Additional classes to be set on the button element. |
212
+
213
+ #### Props: Regular button
214
+
215
+ ### Regular button
216
+
217
+ | Name | Type | Default | Description |
218
+ | --- | --- | --- | --- |
219
+ | asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
220
+ | onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | — | Callback function triggered when clicking the button. |
221
+ | type | 'button' \| 'submit | 'button' | Defines the type of the button. This may be used for form submit buttons. |
222
+
223
+ #### Props: ToggleButton
224
+
225
+ ### ToggleButton
226
+
227
+ | Name | Type | Default | Description |
228
+ | --- | --- | --- | --- |
229
+ | asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
230
+ | onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
231
+
232
+ #### Props: Link element buttons
233
+
234
+ ### Link element buttons
151
235
 
152
236
  | Name | Type | Default | Description |
153
237
  | --- | --- | --- | --- |
154
- | bsStyle | | — | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
155
- | bsSize | | — | Sets the button size. Possible values are: xs, sm, md and lg |
156
- | variant | | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
238
+ | as | 'a' | — | Defines this component as a link element. |
239
+ | type | never | — | Native button type is not supported when using as="a". |
240
+ | href | string | — | Defines the destination URL for the link button. |
241
+ | asToggle | false | false | Toggle behavior is not supported when using as="a". |
242
+ | onClick | (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void | — | Callback function triggered when clicking the link. |
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
- *Source:* https://uikit.developers.rio.cloud/#components/tooltip
6
- *Captured:* 2026-01-14T09:07:54.686Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/tooltip
6
+ *Captured:* 2026-02-23T13:42:35.353Z
7
7
 
8
8
  In order to use a Tooltip on an element, wrap it with the OverlayTrigger component or use the SimpleTooltip component.
9
9
 
@@ -300,15 +300,24 @@ export default () => (
300
300
  </div>
301
301
  ```
302
302
 
303
- #### Props: Tooltip
304
-
305
- ### Tooltip
306
-
307
- | Name | Type | Default | Description |
308
- | --- | --- | --- | --- |
309
- | placement | string | — | — |
310
- | textAlignment | string | — | — |
311
- | tooltipStyle | string | — | — |
303
+ #### Props (json)
304
+
305
+ ```json
306
+ popperConfig={{
307
+ modifiers: [
308
+ {
309
+ name: 'offset',
310
+ options: {
311
+ offset: [0, 5],
312
+ },
313
+ },
314
+ {
315
+ name: 'arrow',
316
+ options: {},
317
+ },
318
+ ],
319
+ }}
320
+ ```
312
321
 
313
322
  ## SimpleTooltip
314
323
 
@@ -395,12 +404,13 @@ export default () => (
395
404
  <div class="tag-inner">Hover me</div>
396
405
  </div>
397
406
  <div class="uikit-switch">
398
- <label class="switch-label label-position-right">
407
+ <label class="switch-label uikit-switch label-position-right">
399
408
  <input type="checkbox" class="switch-input">
400
409
  <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
401
410
  <div class="switch-handle">
402
411
  </div>
403
- </div>Hover me
412
+ </div>
413
+ <div class="switch-text-wrapper user-select-none padding-top-1">Hover me</div>
404
414
  </label>
405
415
  </div>
406
416
  </div>
@@ -412,12 +422,11 @@ export default () => (
412
422
  </div>
413
423
  ```
414
424
 
415
- #### Props: Tooltip
416
-
417
- ### Tooltip
425
+ #### Props (json)
418
426
 
419
- | Name | Type | Default | Description |
420
- | --- | --- | --- | --- |
421
- | placement | string | — | — |
422
- | textAlignment | string | — | — |
423
- | tooltipStyle | string | — | — |
427
+ ```json
428
+ {
429
+ show: 1_000,
430
+ delay: 500,
431
+ }
432
+ ```