@rio-cloud/uikit-mcp 1.1.0 → 1.1.1

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 (192) hide show
  1. package/README.md +1 -0
  2. package/dist/doc-metadata.json +20 -20
  3. package/dist/docs/components/accentBar.md +1 -1
  4. package/dist/docs/components/activity.md +1 -1
  5. package/dist/docs/components/animatedNumber.md +2 -2
  6. package/dist/docs/components/animatedTextReveal.md +6 -6
  7. package/dist/docs/components/animations.md +30 -30
  8. package/dist/docs/components/appHeader.md +1 -1
  9. package/dist/docs/components/appLayout.md +43 -26
  10. package/dist/docs/components/appNavigationBar.md +1 -1
  11. package/dist/docs/components/areaCharts.md +4 -4
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  13. package/dist/docs/components/assetTree.md +372 -463
  14. package/dist/docs/components/autosuggests.md +1 -1
  15. package/dist/docs/components/avatar.md +1 -1
  16. package/dist/docs/components/banner.md +1 -1
  17. package/dist/docs/components/barCharts.md +69 -89
  18. package/dist/docs/components/barList.md +3 -3
  19. package/dist/docs/components/basicMap.md +1 -1
  20. package/dist/docs/components/bottomSheet.md +1 -1
  21. package/dist/docs/components/button.md +1 -1
  22. package/dist/docs/components/buttonToolbar.md +1 -1
  23. package/dist/docs/components/calendarStripe.md +9 -1
  24. package/dist/docs/components/card.md +1 -1
  25. package/dist/docs/components/carousel.md +1 -1
  26. package/dist/docs/components/chartColors.md +1 -1
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +4 -1
  29. package/dist/docs/components/checkbox.md +1 -1
  30. package/dist/docs/components/clearableInput.md +1 -1
  31. package/dist/docs/components/collapse.md +2 -2
  32. package/dist/docs/components/composedCharts.md +48 -48
  33. package/dist/docs/components/contentLoader.md +101 -101
  34. package/dist/docs/components/dataTabs.md +7 -7
  35. package/dist/docs/components/datepickers.md +5 -5
  36. package/dist/docs/components/dialogs.md +1 -1
  37. package/dist/docs/components/divider.md +1 -1
  38. package/dist/docs/components/dropdowns.md +4353 -4365
  39. package/dist/docs/components/editableContent.md +1 -1
  40. package/dist/docs/components/expander.md +1 -1
  41. package/dist/docs/components/fade.md +1 -1
  42. package/dist/docs/components/fadeExpander.md +1 -1
  43. package/dist/docs/components/fadeUp.md +2 -2
  44. package/dist/docs/components/feedback.md +1 -1
  45. package/dist/docs/components/filePickers.md +1 -1
  46. package/dist/docs/components/formLabel.md +1 -1
  47. package/dist/docs/components/fullscreenMap.md +1 -1
  48. package/dist/docs/components/groupedItemList.md +1 -1
  49. package/dist/docs/components/iconList.md +4 -4
  50. package/dist/docs/components/imagePreloader.md +1 -1
  51. package/dist/docs/components/labeledElement.md +1 -1
  52. package/dist/docs/components/licensePlate.md +1 -1
  53. package/dist/docs/components/lineCharts.md +3 -3
  54. package/dist/docs/components/listMenu.md +1 -1
  55. package/dist/docs/components/loadMore.md +1 -1
  56. package/dist/docs/components/mainNavigation.md +1 -1
  57. package/dist/docs/components/mapCircle.md +1 -1
  58. package/dist/docs/components/mapCluster.md +1 -1
  59. package/dist/docs/components/mapContext.md +1 -1
  60. package/dist/docs/components/mapDraggableMarker.md +1 -1
  61. package/dist/docs/components/mapGettingStarted.md +1 -1
  62. package/dist/docs/components/mapInfoBubble.md +1 -1
  63. package/dist/docs/components/mapLayerGroup.md +1 -1
  64. package/dist/docs/components/mapMarker.md +1 -1
  65. package/dist/docs/components/mapPolygon.md +1 -1
  66. package/dist/docs/components/mapRoute.md +1 -1
  67. package/dist/docs/components/mapRouteGenerator.md +1 -1
  68. package/dist/docs/components/mapSettings.md +1 -1
  69. package/dist/docs/components/mapUtils.md +1 -1
  70. package/dist/docs/components/multiselects.md +1 -1
  71. package/dist/docs/components/noData.md +1 -1
  72. package/dist/docs/components/notifications.md +1 -1
  73. package/dist/docs/components/numbercontrol.md +1 -1
  74. package/dist/docs/components/onboarding.md +1 -1
  75. package/dist/docs/components/page.md +1 -1
  76. package/dist/docs/components/pager.md +1 -1
  77. package/dist/docs/components/pieCharts.md +36 -36
  78. package/dist/docs/components/popover.md +1 -1
  79. package/dist/docs/components/position.md +1 -1
  80. package/dist/docs/components/radialBarCharts.md +13 -13
  81. package/dist/docs/components/radiobutton.md +1 -1
  82. package/dist/docs/components/releaseNotes.md +1 -1
  83. package/dist/docs/components/resizer.md +1 -1
  84. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  85. package/dist/docs/components/responsiveVideo.md +1 -1
  86. package/dist/docs/components/rioglyph.md +1 -1
  87. package/dist/docs/components/rules.md +3 -3
  88. package/dist/docs/components/saveableInput.md +9 -9
  89. package/dist/docs/components/selects.md +1 -1
  90. package/dist/docs/components/sidebar.md +1 -1
  91. package/dist/docs/components/sliders.md +1 -1
  92. package/dist/docs/components/smoothScrollbars.md +1 -1
  93. package/dist/docs/components/spinners.md +1 -1
  94. package/dist/docs/components/states.md +1 -1
  95. package/dist/docs/components/statsWidgets.md +1 -1
  96. package/dist/docs/components/statusBar.md +1 -1
  97. package/dist/docs/components/stepButton.md +1 -1
  98. package/dist/docs/components/steppedProgressBars.md +1 -1
  99. package/dist/docs/components/subNavigation.md +1 -1
  100. package/dist/docs/components/supportMarker.md +1 -1
  101. package/dist/docs/components/svgImage.md +1 -1
  102. package/dist/docs/components/switch.md +1 -1
  103. package/dist/docs/components/tables.md +1 -1
  104. package/dist/docs/components/tagManager.md +1 -1
  105. package/dist/docs/components/tags.md +1 -1
  106. package/dist/docs/components/teaser.md +1 -1
  107. package/dist/docs/components/timeline.md +1 -1
  108. package/dist/docs/components/timepicker.md +1 -1
  109. package/dist/docs/components/toggleButton.md +1 -1
  110. package/dist/docs/components/tooltip.md +1 -1
  111. package/dist/docs/components/virtualList.md +70 -67
  112. package/dist/docs/foundations.md +118 -118
  113. package/dist/docs/start/changelog.md +709 -434
  114. package/dist/docs/start/goodtoknow.md +1 -1
  115. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  116. package/dist/docs/start/guidelines/custom-css.md +1 -1
  117. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  118. package/dist/docs/start/guidelines/formatting.md +1 -1
  119. package/dist/docs/start/guidelines/iframe.md +1 -1
  120. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  121. package/dist/docs/start/guidelines/print-css.md +1 -1
  122. package/dist/docs/start/guidelines/spinner.md +81 -81
  123. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  124. package/dist/docs/start/guidelines/writing.md +1 -1
  125. package/dist/docs/start/howto.md +1 -1
  126. package/dist/docs/start/intro.md +1 -1
  127. package/dist/docs/start/responsiveness.md +1 -1
  128. package/dist/docs/templates/common-table.md +11 -11
  129. package/dist/docs/templates/detail-views.md +2 -2
  130. package/dist/docs/templates/expandable-details.md +1 -1
  131. package/dist/docs/templates/feature-cards.md +55 -55
  132. package/dist/docs/templates/form-summary.md +22 -22
  133. package/dist/docs/templates/form-toggle.md +1 -1
  134. package/dist/docs/templates/list-blocks.md +203 -203
  135. package/dist/docs/templates/loading-progress.md +1 -1
  136. package/dist/docs/templates/options-panel.md +1 -1
  137. package/dist/docs/templates/panel-variants.md +1 -1
  138. package/dist/docs/templates/progress-cards.md +1 -1
  139. package/dist/docs/templates/progress-success.md +1 -1
  140. package/dist/docs/templates/settings-form.md +23 -23
  141. package/dist/docs/templates/stats-blocks.md +16 -16
  142. package/dist/docs/templates/table-panel.md +1 -1
  143. package/dist/docs/templates/table-row-animation.md +1 -1
  144. package/dist/docs/templates/usage-cards.md +1 -1
  145. package/dist/docs/utilities/deviceUtils.md +1 -1
  146. package/dist/docs/utilities/featureToggles.md +1 -1
  147. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  148. package/dist/docs/utilities/routeUtils.md +1 -1
  149. package/dist/docs/utilities/useAfterMount.md +1 -1
  150. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  151. package/dist/docs/utilities/useAverage.md +1 -1
  152. package/dist/docs/utilities/useClickOutside.md +1 -1
  153. package/dist/docs/utilities/useClipboard.md +2 -2
  154. package/dist/docs/utilities/useCount.md +1 -1
  155. package/dist/docs/utilities/useDarkMode.md +1 -1
  156. package/dist/docs/utilities/useDebugInfo.md +4 -4
  157. package/dist/docs/utilities/useEffectOnce.md +1 -1
  158. package/dist/docs/utilities/useElapsedTime.md +1 -1
  159. package/dist/docs/utilities/useElementSize.md +1 -1
  160. package/dist/docs/utilities/useEsc.md +1 -1
  161. package/dist/docs/utilities/useEvent.md +1 -1
  162. package/dist/docs/utilities/useFocusTrap.md +1 -1
  163. package/dist/docs/utilities/useFullscreen.md +1 -1
  164. package/dist/docs/utilities/useHover.md +1 -1
  165. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  166. package/dist/docs/utilities/useInterval.md +1 -1
  167. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  168. package/dist/docs/utilities/useKey.md +1 -1
  169. package/dist/docs/utilities/useLocalStorage.md +1 -1
  170. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  171. package/dist/docs/utilities/useMax.md +1 -1
  172. package/dist/docs/utilities/useMin.md +1 -1
  173. package/dist/docs/utilities/useMutationObserver.md +1 -1
  174. package/dist/docs/utilities/useOnScreen.md +1 -1
  175. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  176. package/dist/docs/utilities/usePostMessage.md +1 -1
  177. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  178. package/dist/docs/utilities/usePrevious.md +1 -1
  179. package/dist/docs/utilities/useResizeObserver.md +1 -1
  180. package/dist/docs/utilities/useScrollPosition.md +1 -1
  181. package/dist/docs/utilities/useSearch.md +1 -1
  182. package/dist/docs/utilities/useSorting.md +1 -1
  183. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  184. package/dist/docs/utilities/useSum.md +1 -1
  185. package/dist/docs/utilities/useTableExport.md +51 -51
  186. package/dist/docs/utilities/useTableSelection.md +87 -87
  187. package/dist/docs/utilities/useTimeout.md +1 -1
  188. package/dist/docs/utilities/useToggle.md +1 -1
  189. package/dist/docs/utilities/useWindowResize.md +1 -1
  190. package/dist/index.mjs +1 -1
  191. package/dist/version.json +1 -1
  192. package/package.json +1 -1
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/position
6
- *Captured:* 2025-12-12T12:38:55.639Z
6
+ *Captured:* 2025-12-12T14:20:58.277Z
7
7
 
8
8
  A helper component to format a latitude / longitude position.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Charts
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/radialBarCharts
6
- *Captured:* 2025-12-12T12:39:28.455Z
6
+ *Captured:* 2025-12-12T14:21:34.023Z
7
7
 
8
8
  ## RadialBarChart
9
9
 
@@ -258,8 +258,8 @@ const data2: CustomData2[] = [
258
258
  <path name="Age 18-24" cx="120" cy="180" fill="#ef7186 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 99.80161559729078,145.17627857665997
259
259
  A 40.2575,40.2575,0,
260
260
  0,1,
261
- 117.45416296773377,139.8230785144613
262
- L 118.21302887811555,151.7990595820006
261
+ 117.45416296773378,139.8230785144613
262
+ L 118.21302887811557,151.7990595820006
263
263
  A 28.2575,28.2575,0,
264
264
  0,0,
265
265
  105.82237229685012,155.55657186561433 Z">
@@ -267,8 +267,8 @@ const data2: CustomData2[] = [
267
267
  <path name="Age 25-29" cx="120" cy="180" fill="#e878b6 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 91.9871751309877,131.70352291203793
268
268
  A 55.832499999999996,55.832499999999996,0,
269
269
  0,1,
270
- 112.56833901183175,124.66431105329096
271
- L 114.16561536266718,136.5575321585703
270
+ 112.56833901183178,124.66431105329094
271
+ L 114.1656153626672,136.5575321585703
272
272
  A 43.832499999999996,43.832499999999996,0,
273
273
  0,0,
274
274
  98.00793183054705,142.08381620099232 Z">
@@ -399,19 +399,19 @@ const data2: CustomData2[] = [
399
399
  <g class="recharts-layer">
400
400
  <path name="Registrations" color="color-coldplay-fountain" cx="134" cy="134" fill="#67abc5 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,24.624225259886728
401
401
  A5,5,0,0,1,139.2283313544616,19.62944150154746
402
- A114.49000000000001,114.49000000000001,0,0,1,222.43762441547005,61.289982205006595
403
- A5,5,0,0,1,221.5710824581418,68.4685906064174
404
- L221.5710824581418,68.4685906064174
405
- A5,5,0,0,1,214.71313979537484,67.64075675256476
402
+ A114.49000000000001,114.49000000000001,0,0,1,222.4376244154701,61.28998220500668
403
+ A5,5,0,0,1,221.5710824581419,68.46859060641746
404
+ L221.5710824581419,68.46859060641746
405
+ A5,5,0,0,1,214.7131397953749,67.64075675256484
406
406
  A104.49000000000001,104.49000000000001,0,0,0,138.77166864553843,29.619009018225995
407
407
  A5,5,0,0,1,134,24.624225259886728Z">
408
408
  </path>
409
409
  <path name="Logins" color="color-coldplay-moos" cx="134" cy="134" fill="#a1daa3 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,11.712175176757682
410
410
  A5,5,0,0,1,139.20426505433448,6.71634934036409
411
- A127.39,127.39,0,0,1,219.43426319407047,39.50556221403136
412
- A5,5,0,0,1,219.64978406150834,46.71640136762811
413
- L219.64978406150834,46.71640136762811
414
- A5,5,0,0,1,212.7277506582301,46.92329027635718
411
+ A127.39,127.39,0,0,1,219.43426319407052,39.50556221403143
412
+ A5,5,0,0,1,219.6497840615084,46.71640136762818
413
+ L219.6497840615084,46.71640136762818
414
+ A5,5,0,0,1,212.72775065823015,46.92329027635725
415
415
  A117.39,117.39,0,0,0,138.7957349456655,16.708001013151275
416
416
  A5,5,0,0,1,134,11.712175176757682Z">
417
417
  </path>
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/radiobutton
6
- *Captured:* 2025-12-12T12:38:20.360Z
6
+ *Captured:* 2025-12-12T14:20:22.899Z
7
7
 
8
8
  NoteWhen using the custom option, make sure to wrap the children with the class name radio-text-wrapper. For using the radio tick, use an element with class name radio-text.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/releaseNotes
6
- *Captured:* 2025-12-12T12:38:56.522Z
6
+ *Captured:* 2025-12-12T14:20:58.609Z
7
7
 
8
8
  Component to render release notes in a standardized manner.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/resizer
6
- *Captured:* 2025-12-12T12:38:56.624Z
6
+ *Captured:* 2025-12-12T14:20:59.045Z
7
7
 
8
8
  A helper component to allow elements to resize.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/responsiveColumnStripe
6
- *Captured:* 2025-12-12T12:38:43.178Z
6
+ *Captured:* 2025-12-12T14:20:45.482Z
7
7
 
8
8
  The ResponsiveColumnStripe component is designed to work with any list of items. The individual items are spread equally according to the available space. The component is totally customizable and does not style the individual items to give maximum flexibility.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/responsiveVideo
6
- *Captured:* 2025-12-12T12:38:57.123Z
6
+ *Captured:* 2025-12-12T14:20:59.715Z
7
7
 
8
8
  ## Responsive Video
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/rioglyph
6
- *Captured:* 2025-12-12T12:38:57.758Z
6
+ *Captured:* 2025-12-12T14:20:59.735Z
7
7
 
8
8
  The Rioglyph component is a React wrapper for the Rioglyph icon set. It provides a convenient and type-safe way to render icons without directly dealing with the utility classnames.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/rules
6
- *Captured:* 2025-12-12T12:38:59.394Z
6
+ *Captured:* 2025-12-12T14:21:01.512Z
7
7
 
8
8
  ## RulesWrapper, RuleContainer and RuleConnector
9
9
 
@@ -305,7 +305,7 @@ const ConditionEditorTwo = ({ onDelete }: ConditionEditorTwpProps) => {
305
305
  <div>
306
306
  <div class="RuleContainer">
307
307
  <div class="RuleContainerBox position-relative rounded padding-20 bg-lightest border border-width border-style-dashed " data-testid="ruleContainerBox">
308
- <div style="opacity: 0;">
308
+ <div style="opacity: 1;">
309
309
  <div class="display-flex flex-column align-items-center">
310
310
  <div class="display-flex flex-column align-items-center gap-15">
311
311
  <div class="text-center">Why should the rule be triggered?</div>
@@ -347,7 +347,7 @@ const ConditionEditorTwo = ({ onDelete }: ConditionEditorTwpProps) => {
347
347
  <div>
348
348
  <div class="RuleContainer">
349
349
  <div class="RuleContainerBox position-relative rounded padding-20 bg-lightest border border-width border-style-dashed " data-testid="ruleContainerBox">
350
- <div style="opacity: 0;">
350
+ <div style="opacity: 1;">
351
351
  <div class="display-flex flex-column align-items-center gap-15">
352
352
  <div class="text-center">When should the rule be triggered?</div>
353
353
  <div class="taglist taglist-autowidth">
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/saveableInput
6
- *Captured:* 2025-12-12T12:38:20.435Z
6
+ *Captured:* 2025-12-12T14:20:22.845Z
7
7
 
8
8
  ## SaveableInput
9
9
 
@@ -717,7 +717,7 @@ SuMoTuWeThFrSa
717
717
  28293031123
718
718
  45678910
719
719
 
720
- 01:38
720
+ 03:20
721
721
 
722
722
  Saved value:
723
723
 
@@ -773,7 +773,7 @@ SuMoTuWeThFrSa
773
773
  28293031123
774
774
  45678910
775
775
 
776
- 1:38 PM
776
+ 3:20 PM
777
777
 
778
778
  #### Summary
779
779
 
@@ -801,7 +801,7 @@ SuMoTuWeThFrSa
801
801
  28293031123
802
802
  45678910
803
803
 
804
- 01:38
804
+ 03:20
805
805
 
806
806
  Saved value:
807
807
 
@@ -857,7 +857,7 @@ SuMoTuWeThFrSa
857
857
  28293031123
858
858
  45678910
859
859
 
860
- 1:38 PM
860
+ 3:20 PM
861
861
 
862
862
  #### React (tsx)
863
863
 
@@ -1187,7 +1187,7 @@ export default () => {
1187
1187
  </span>
1188
1188
  </span>
1189
1189
  <div class="ClearableInput input-group">
1190
- <input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2025-12-12 01:38" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1190
+ <input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2025-12-12 03:20" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1191
1191
  </div>
1192
1192
  </div>
1193
1193
  <div class="rdtPicker">
@@ -1271,7 +1271,7 @@ export default () => {
1271
1271
  </tbody>
1272
1272
  <tfoot>
1273
1273
  <tr>
1274
- <td colspan="7" class="rdtTimeToggle">01:38</td>
1274
+ <td colspan="7" class="rdtTimeToggle">03:20</td>
1275
1275
  </tr>
1276
1276
  </tfoot>
1277
1277
  </table>
@@ -1595,7 +1595,7 @@ export default () => {
1595
1595
  </span>
1596
1596
  </span>
1597
1597
  <div class="ClearableInput input-group">
1598
- <input type="text" class="form-control" disabled="" value="12/12/2025 1:38 PM" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1598
+ <input type="text" class="form-control" disabled="" value="12/12/2025 3:20 PM" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1599
1599
  </div>
1600
1600
  </div>
1601
1601
  <div class="rdtPicker">
@@ -1679,7 +1679,7 @@ export default () => {
1679
1679
  </tbody>
1680
1680
  <tfoot>
1681
1681
  <tr>
1682
- <td colspan="7" class="rdtTimeToggle">1:38 PM</td>
1682
+ <td colspan="7" class="rdtTimeToggle">3:20 PM</td>
1683
1683
  </tr>
1684
1684
  </tfoot>
1685
1685
  </table>
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Selection
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/selects
6
- *Captured:* 2025-12-12T12:38:28.158Z
6
+ *Captured:* 2025-12-12T14:20:30.597Z
7
7
 
8
8
  The Select and Multiselect components are form controls and are intended to be used within forms. They are designed to be used instead of native HTML Select which cannot be styled and are rendered by each browser differently.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Application
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/sidebar
6
- *Captured:* 2025-12-12T12:38:06.058Z
6
+ *Captured:* 2025-12-12T14:20:08.707Z
7
7
 
8
8
  There are 2 kinds of Sidebars. The default fluid and the fly variant.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/sliders
6
- *Captured:* 2025-12-12T12:38:18.542Z
6
+ *Captured:* 2025-12-12T14:20:21.114Z
7
7
 
8
8
  ## Slider
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/smoothScrollbars
6
- *Captured:* 2025-12-12T12:39:01.659Z
6
+ *Captured:* 2025-12-12T14:21:04.049Z
7
7
 
8
8
  ## SmoothScrollbars
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/spinners
6
- *Captured:* 2025-12-12T12:39:01.156Z
6
+ *Captured:* 2025-12-12T14:21:03.882Z
7
7
 
8
8
  ## Spinner
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/states
6
- *Captured:* 2025-12-12T12:38:51.877Z
6
+ *Captured:* 2025-12-12T14:20:53.901Z
7
7
 
8
8
  A simple component to show an error to the user.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/statsWidgets
6
- *Captured:* 2025-12-12T12:38:46.047Z
6
+ *Captured:* 2025-12-12T14:20:48.300Z
7
7
 
8
8
  ## StatsWidgets
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Progress
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/statusBar
6
- *Captured:* 2025-12-12T12:38:33.113Z
6
+ *Captured:* 2025-12-12T14:20:35.412Z
7
7
 
8
8
  Flexible component to showcase various states based on progress bars.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/stepButton
6
- *Captured:* 2025-12-12T12:38:16.373Z
6
+ *Captured:* 2025-12-12T14:20:18.984Z
7
7
 
8
8
  The StepButton is a convenient component designed to simplify usage and alignment of buttons with chevrons.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Progress
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/steppedProgressBars
6
- *Captured:* 2025-12-12T12:38:36.094Z
6
+ *Captured:* 2025-12-12T14:20:38.496Z
7
7
 
8
8
  ## SteppedProgressBar - Circle
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Navigation
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/subNavigation
6
- *Captured:* 2025-12-12T12:38:08.479Z
6
+ *Captured:* 2025-12-12T14:20:11.100Z
7
7
 
8
8
  ## SubNavigation
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/supportMarker
6
- *Captured:* 2025-12-12T12:38:59.090Z
6
+ *Captured:* 2025-12-12T14:21:01.179Z
7
7
 
8
8
  You can add the support-marker class along with the data-support attribute to any HTML element - even divs wrapping around iframes, for example!
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/svgImage
6
- *Captured:* 2025-12-12T12:39:00.477Z
6
+ *Captured:* 2025-12-12T14:21:02.548Z
7
7
 
8
8
  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.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/switch
6
- *Captured:* 2025-12-12T12:38:18.761Z
6
+ *Captured:* 2025-12-12T14:20:21.100Z
7
7
 
8
8
  ## Switch
9
9
 
@@ -3,6 +3,6 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/tables
6
- *Captured:* 2025-12-12T12:38:45.211Z
6
+ *Captured:* 2025-12-12T14:20:47.474Z
7
7
 
8
8
  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.
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/tagManager
6
- *Captured:* 2025-12-12T12:39:02.256Z
6
+ *Captured:* 2025-12-12T14:21:04.277Z
7
7
 
8
8
  The TagManager allows to select and filter for existing tags as well as adding and removing them from a list of tags.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/tags
6
- *Captured:* 2025-12-12T12:39:01.881Z
6
+ *Captured:* 2025-12-12T14:21:03.916Z
7
7
 
8
8
  ## Tag
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/teaser
6
- *Captured:* 2025-12-12T12:38:46.664Z
6
+ *Captured:* 2025-12-12T14:20:48.903Z
7
7
 
8
8
  The teaser component was built to create all kinds of landing and/or single pages. for example, be used in dialogs or sidebars.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* CSS Only
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/timeline
6
- *Captured:* 2025-12-12T12:39:03.404Z
6
+ *Captured:* 2025-12-12T14:21:05.446Z
7
7
 
8
8
  The timeline component is a pure CSS component.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Pickers
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/timepicker
6
- *Captured:* 2025-12-12T12:38:32.524Z
6
+ *Captured:* 2025-12-12T14:20:35.064Z
7
7
 
8
8
  ## TimePicker
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/toggleButton
6
- *Captured:* 2025-12-12T12:38:20.656Z
6
+ *Captured:* 2025-12-12T14:20:23.194Z
7
7
 
8
8
  This toggle button is based on the button component that can be used directly.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/tooltip
6
- *Captured:* 2025-12-12T12:39:03.341Z
6
+ *Captured:* 2025-12-12T14:21:06.097Z
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