@rio-cloud/uikit-mcp 1.1.5 → 1.1.7

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 (200) hide show
  1. package/dist/doc-metadata.json +129 -29
  2. package/dist/docs/components/accentBar.md +2 -2
  3. package/dist/docs/components/activity.md +2 -2
  4. package/dist/docs/components/animatedNumber.md +3 -3
  5. package/dist/docs/components/animatedTextReveal.md +7 -7
  6. package/dist/docs/components/animations.md +33 -33
  7. package/dist/docs/components/appHeader.md +8 -8
  8. package/dist/docs/components/appLayout.md +106 -89
  9. package/dist/docs/components/appNavigationBar.md +2 -2
  10. package/dist/docs/components/areaCharts.md +14 -14
  11. package/dist/docs/components/aspectRatioPlaceholder.md +2 -2
  12. package/dist/docs/components/assetTree.md +209 -404
  13. package/dist/docs/components/autosuggests.md +2 -2
  14. package/dist/docs/components/avatar.md +2 -2
  15. package/dist/docs/components/banner.md +3 -3
  16. package/dist/docs/components/barCharts.md +24 -24
  17. package/dist/docs/components/barList.md +11 -11
  18. package/dist/docs/components/basicMap.md +2 -2
  19. package/dist/docs/components/bottomSheet.md +2 -2
  20. package/dist/docs/components/button.md +400 -32
  21. package/dist/docs/components/buttonToolbar.md +2 -2
  22. package/dist/docs/components/calendarStripe.md +96 -36
  23. package/dist/docs/components/card.md +2 -2
  24. package/dist/docs/components/carousel.md +2 -2
  25. package/dist/docs/components/chartColors.md +2 -2
  26. package/dist/docs/components/chartsGettingStarted.md +2 -2
  27. package/dist/docs/components/chat.md +3 -3
  28. package/dist/docs/components/checkbox.md +17 -20
  29. package/dist/docs/components/circularProgress.md +465 -0
  30. package/dist/docs/components/clearableInput.md +2 -2
  31. package/dist/docs/components/collapse.md +3 -3
  32. package/dist/docs/components/composedCharts.md +20 -20
  33. package/dist/docs/components/contentLoader.md +102 -102
  34. package/dist/docs/components/dataTabs.md +10 -10
  35. package/dist/docs/components/datepickers.md +31 -31
  36. package/dist/docs/components/dialogs.md +2 -2
  37. package/dist/docs/components/divider.md +2 -2
  38. package/dist/docs/components/dropdowns.md +4354 -4387
  39. package/dist/docs/components/editableContent.md +2 -2
  40. package/dist/docs/components/expander.md +2 -2
  41. package/dist/docs/components/fade.md +2 -2
  42. package/dist/docs/components/fadeExpander.md +3 -3
  43. package/dist/docs/components/fadeUp.md +3 -3
  44. package/dist/docs/components/feedback.md +2 -2
  45. package/dist/docs/components/filePickers.md +2 -2
  46. package/dist/docs/components/formLabel.md +5 -4
  47. package/dist/docs/components/groupedItemList.md +2 -2
  48. package/dist/docs/components/iconList.md +4 -4
  49. package/dist/docs/components/imagePreloader.md +2 -2
  50. package/dist/docs/components/labeledElement.md +2 -2
  51. package/dist/docs/components/licensePlate.md +2 -2
  52. package/dist/docs/components/lineCharts.md +11 -11
  53. package/dist/docs/components/listMenu.md +7 -7
  54. package/dist/docs/components/loadMore.md +2 -2
  55. package/dist/docs/components/mainNavigation.md +5 -5
  56. package/dist/docs/components/mapCircle.md +2 -2
  57. package/dist/docs/components/mapCluster.md +2 -2
  58. package/dist/docs/components/mapContext.md +2 -2
  59. package/dist/docs/components/mapDraggableMarker.md +2 -2
  60. package/dist/docs/components/mapGettingStarted.md +2 -2
  61. package/dist/docs/components/mapInfoBubble.md +2 -2
  62. package/dist/docs/components/mapLayerGroup.md +2 -2
  63. package/dist/docs/components/mapMarker.md +2 -2
  64. package/dist/docs/components/mapPolygon.md +2 -2
  65. package/dist/docs/components/mapRoute.md +2 -2
  66. package/dist/docs/components/mapRouteGenerator.md +2 -2
  67. package/dist/docs/components/mapSettings.md +9 -9
  68. package/dist/docs/components/mapUtils.md +2 -2
  69. package/dist/docs/components/multiselects.md +2 -2
  70. package/dist/docs/components/noData.md +2 -2
  71. package/dist/docs/components/notifications.md +2 -2
  72. package/dist/docs/components/numbercontrol.md +5 -4
  73. package/dist/docs/components/onboarding.md +2 -2
  74. package/dist/docs/components/page.md +2 -2
  75. package/dist/docs/components/pager.md +2 -2
  76. package/dist/docs/components/pieCharts.md +89 -78
  77. package/dist/docs/components/popover.md +2 -2
  78. package/dist/docs/components/position.md +2 -2
  79. package/dist/docs/components/radialBarCharts.md +2054 -2012
  80. package/dist/docs/components/radioCardGroup.md +487 -0
  81. package/dist/docs/components/radiobutton.md +2 -2
  82. package/dist/docs/components/releaseNotes.md +2 -2
  83. package/dist/docs/components/resizer.md +2 -2
  84. package/dist/docs/components/responsiveColumnStripe.md +2 -2
  85. package/dist/docs/components/responsiveVideo.md +2 -2
  86. package/dist/docs/components/rioglyph.md +2 -2
  87. package/dist/docs/components/rules.md +2 -2
  88. package/dist/docs/components/saveableInput.md +20 -20
  89. package/dist/docs/components/selects.md +2 -2
  90. package/dist/docs/components/sidebar.md +2 -2
  91. package/dist/docs/components/sliders.md +2 -2
  92. package/dist/docs/components/smoothScrollbars.md +2 -2
  93. package/dist/docs/components/spinners.md +2 -2
  94. package/dist/docs/components/states.md +2 -2
  95. package/dist/docs/components/statsWidgets.md +2 -2
  96. package/dist/docs/components/statusBar.md +2 -2
  97. package/dist/docs/components/stepButton.md +2 -2
  98. package/dist/docs/components/steppedProgressBars.md +2 -2
  99. package/dist/docs/components/subNavigation.md +17 -17
  100. package/dist/docs/components/supportMarker.md +2 -2
  101. package/dist/docs/components/svgImage.md +38 -2
  102. package/dist/docs/components/switch.md +210 -83
  103. package/dist/docs/components/tables.md +2 -2
  104. package/dist/docs/components/tagManager.md +2 -2
  105. package/dist/docs/components/tags.md +2 -2
  106. package/dist/docs/components/teaser.md +2 -2
  107. package/dist/docs/components/textTruncateMiddle.md +151 -0
  108. package/dist/docs/components/timeline.md +2 -2
  109. package/dist/docs/components/timepicker.md +660 -64
  110. package/dist/docs/components/toggleButton.md +37 -9
  111. package/dist/docs/components/tooltip.md +5 -4
  112. package/dist/docs/components/tracker.md +631 -0
  113. package/dist/docs/components/virtualList.md +77 -77
  114. package/dist/docs/foundations.md +594 -222
  115. package/dist/docs/start/changelog.md +54 -2
  116. package/dist/docs/start/goodtoknow.md +2 -2
  117. package/dist/docs/start/guidelines/color-combinations.md +2 -2
  118. package/dist/docs/start/guidelines/custom-css.md +2 -2
  119. package/dist/docs/start/guidelines/custom-rioglyph.md +2 -2
  120. package/dist/docs/start/guidelines/formatting.md +2 -2
  121. package/dist/docs/start/guidelines/iframe.md +3 -3
  122. package/dist/docs/start/guidelines/obfuscate-data.md +2 -2
  123. package/dist/docs/start/guidelines/print-css.md +2 -2
  124. package/dist/docs/start/guidelines/spinner.md +82 -82
  125. package/dist/docs/start/guidelines/state-in-url.md +263 -0
  126. package/dist/docs/start/guidelines/supported-browsers.md +2 -2
  127. package/dist/docs/start/guidelines/writing.md +2 -2
  128. package/dist/docs/start/howto.md +10 -10
  129. package/dist/docs/start/intro.md +2 -2
  130. package/dist/docs/start/responsiveness.md +2 -2
  131. package/dist/docs/templates/common-table.md +15 -14
  132. package/dist/docs/templates/detail-views.md +3 -3
  133. package/dist/docs/templates/expandable-details.md +2 -2
  134. package/dist/docs/templates/feature-cards.md +56 -56
  135. package/dist/docs/templates/form-summary.md +23 -23
  136. package/dist/docs/templates/form-toggle.md +2 -2
  137. package/dist/docs/templates/list-blocks.md +204 -204
  138. package/dist/docs/templates/loading-progress.md +2 -2
  139. package/dist/docs/templates/options-panel.md +2 -2
  140. package/dist/docs/templates/panel-variants.md +2 -2
  141. package/dist/docs/templates/progress-cards.md +2 -2
  142. package/dist/docs/templates/progress-success.md +2 -2
  143. package/dist/docs/templates/settings-form.md +24 -24
  144. package/dist/docs/templates/stats-blocks.md +15 -15
  145. package/dist/docs/templates/table-panel.md +2 -2
  146. package/dist/docs/templates/table-row-animation.md +2 -2
  147. package/dist/docs/templates/usage-cards.md +2 -2
  148. package/dist/docs/utilities/classNames.md +191 -0
  149. package/dist/docs/utilities/deviceUtils.md +2 -2
  150. package/dist/docs/utilities/featureToggles.md +2 -2
  151. package/dist/docs/utilities/fuelTypeUtils.md +2 -2
  152. package/dist/docs/utilities/routeUtils.md +326 -90
  153. package/dist/docs/utilities/useAfterMount.md +2 -2
  154. package/dist/docs/utilities/useAutoAnimate.md +2 -2
  155. package/dist/docs/utilities/useAverage.md +2 -2
  156. package/dist/docs/utilities/useClickOutside.md +2 -2
  157. package/dist/docs/utilities/useClipboard.md +3 -3
  158. package/dist/docs/utilities/useCookies.md +188 -0
  159. package/dist/docs/utilities/useCount.md +2 -2
  160. package/dist/docs/utilities/useDarkMode.md +2 -2
  161. package/dist/docs/utilities/useDebugInfo.md +5 -5
  162. package/dist/docs/utilities/useEffectOnce.md +2 -2
  163. package/dist/docs/utilities/useElapsedTime.md +2 -2
  164. package/dist/docs/utilities/useElementSize.md +2 -2
  165. package/dist/docs/utilities/useEsc.md +2 -2
  166. package/dist/docs/utilities/useEvent.md +2 -2
  167. package/dist/docs/utilities/useFocusTrap.md +2 -2
  168. package/dist/docs/utilities/useFullscreen.md +2 -2
  169. package/dist/docs/utilities/useHover.md +2 -2
  170. package/dist/docs/utilities/useIncomingPostMessages.md +2 -2
  171. package/dist/docs/utilities/useInterval.md +2 -2
  172. package/dist/docs/utilities/useIsFocusWithin.md +2 -2
  173. package/dist/docs/utilities/useKey.md +2 -2
  174. package/dist/docs/utilities/useLocalStorage.md +2 -2
  175. package/dist/docs/utilities/useLocationSuggestions.md +2 -2
  176. package/dist/docs/utilities/useMax.md +2 -2
  177. package/dist/docs/utilities/useMin.md +2 -2
  178. package/dist/docs/utilities/useMutationObserver.md +2 -2
  179. package/dist/docs/utilities/useOnScreen.md +2 -2
  180. package/dist/docs/utilities/useOnlineStatus.md +2 -2
  181. package/dist/docs/utilities/usePostMessage.md +3 -3
  182. package/dist/docs/utilities/usePostMessageSender.md +2 -2
  183. package/dist/docs/utilities/usePrevious.md +2 -2
  184. package/dist/docs/utilities/useResizeObserver.md +2 -2
  185. package/dist/docs/utilities/useRioCookieConsent.md +90 -0
  186. package/dist/docs/utilities/useScrollPosition.md +2 -2
  187. package/dist/docs/utilities/useSearch.md +2 -2
  188. package/dist/docs/utilities/useSearchHighlight.md +815 -0
  189. package/dist/docs/utilities/useSorting.md +2 -2
  190. package/dist/docs/utilities/useStateWithValidation.md +2 -2
  191. package/dist/docs/utilities/useSum.md +2 -2
  192. package/dist/docs/utilities/useTableExport.md +52 -52
  193. package/dist/docs/utilities/useTableSelection.md +90 -90
  194. package/dist/docs/utilities/useTimeout.md +2 -2
  195. package/dist/docs/utilities/useToggle.md +3 -3
  196. package/dist/docs/utilities/useUrlState.md +418 -0
  197. package/dist/docs/utilities/useWindowResize.md +2 -2
  198. package/dist/index.mjs +1 -1
  199. package/dist/version.json +2 -2
  200. 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-02-03T14:04:22.766Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/toggleButton
6
+ *Captured:* 2026-02-23T15:48:20.245Z
7
7
 
8
8
  This toggle button is based on the button component that can be used directly.
9
9
 
@@ -85,19 +85,20 @@ export default () => (
85
85
  </div>
86
86
  ```
87
87
 
88
- #### Props
88
+ #### Props: Base button props
89
+
90
+ ### Base button props
89
91
 
90
92
  | Name | Type | Default | Description |
91
93
  | --- | --- | --- | --- |
92
94
  | disabled | boolean | false | Whether the button should be disabled. |
93
95
  | active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
94
- | type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
95
96
  | iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
96
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. |
97
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. |
98
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. |
99
100
  | block | boolean | false | Defines whether the button takes up the full width of the parent element. |
100
- | bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
101
+ | bsStyle | BUTTON_STYLE | 'default' | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
101
102
  | bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
102
103
  | variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
103
104
  | noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
@@ -112,6 +113,7 @@ export default () => (
112
113
  | --- | --- | --- | --- |
113
114
  | asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
114
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. |
115
117
 
116
118
  #### Props: ToggleButton
117
119
 
@@ -122,6 +124,18 @@ export default () => (
122
124
  | asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
123
125
  | onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
124
126
 
127
+ #### Props: Link element buttons
128
+
129
+ ### Link element buttons
130
+
131
+ | Name | Type | Default | Description |
132
+ | --- | --- | --- | --- |
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. |
138
+
125
139
  ### Example: Controlled ToggleButton
126
140
 
127
141
  Controlled ToggleButton
@@ -176,19 +190,20 @@ export default () => {
176
190
  </div>
177
191
  ```
178
192
 
179
- #### Props
193
+ #### Props: Base button props
194
+
195
+ ### Base button props
180
196
 
181
197
  | Name | Type | Default | Description |
182
198
  | --- | --- | --- | --- |
183
199
  | disabled | boolean | false | Whether the button should be disabled. |
184
200
  | active | boolean | false | Set the button toggled. Should be used in combination with "asToggle" prop. |
185
- | type | 'button' \| 'submit' | 'button' | Defines the type of the button. This may be used for form submit buttons. |
186
201
  | iconOnly | boolean | false | Use when the content of the button is an icon only to adapt the button spacing accordingly. |
187
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. |
188
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. |
189
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. |
190
205
  | block | boolean | false | Defines whether the button takes up the full width of the parent element. |
191
- | bsStyle | BUTTON_STYLE | "default" | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
206
+ | bsStyle | BUTTON_STYLE | 'default' | Sets the button style. Possible values are: default, unstyled, primary, secondary, info, warning, danger, success, muted and muted-filled |
192
207
  | bsSize | BUTTON_SIZE | — | Sets the button size. Possible values are: xs, sm, md and lg |
193
208
  | variant | BUTTON_VARIANT | — | Sets the button variant. Possible values are: link, link-inline, outline and action |
194
209
  | noRippleEffect | boolean | — | Whether the "ripple" effect should be suppressed on this button. |
@@ -203,6 +218,7 @@ export default () => {
203
218
  | --- | --- | --- | --- |
204
219
  | asToggle | false | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
205
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. |
206
222
 
207
223
  #### Props: ToggleButton
208
224
 
@@ -211,4 +227,16 @@ export default () => {
211
227
  | Name | Type | Default | Description |
212
228
  | --- | --- | --- | --- |
213
229
  | asToggle | true | false | Use the button as a toggle button. The toggle state can be controlled via the active prop. |
214
- | onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
230
+ | onClick | (value: boolean) => void | — | Callback function triggered when clicking the button. |
231
+
232
+ #### Props: Link element buttons
233
+
234
+ ### Link element buttons
235
+
236
+ | Name | Type | Default | Description |
237
+ | --- | --- | --- | --- |
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-02-03T14:05:10.161Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/tooltip
6
+ *Captured:* 2026-02-23T15:49:07.741Z
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
 
@@ -404,12 +404,13 @@ export default () => (
404
404
  <div class="tag-inner">Hover me</div>
405
405
  </div>
406
406
  <div class="uikit-switch">
407
- <label class="switch-label label-position-right">
407
+ <label class="switch-label uikit-switch label-position-right">
408
408
  <input type="checkbox" class="switch-input">
409
409
  <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
410
410
  <div class="switch-handle">
411
411
  </div>
412
- </div>Hover me
412
+ </div>
413
+ <div class="switch-text-wrapper user-select-none padding-top-1">Hover me</div>
413
414
  </label>
414
415
  </div>
415
416
  </div>