@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/saveableInput
6
- *Captured:* 2026-02-03T14:04:21.775Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/saveableInput
6
+ *Captured:* 2026-02-23T15:48:20.540Z
7
7
 
8
8
  ## SaveableInput
9
9
 
@@ -725,7 +725,7 @@ SuMoTuWeThFrSa
725
725
  22232425262728
726
726
  1234567
727
727
 
728
- 03:04
728
+ 04:48
729
729
 
730
730
  Saved value:
731
731
 
@@ -781,7 +781,7 @@ SuMoTuWeThFrSa
781
781
  22232425262728
782
782
  1234567
783
783
 
784
- 3:04 PM
784
+ 4:48 PM
785
785
 
786
786
  #### Summary
787
787
 
@@ -809,7 +809,7 @@ SuMoTuWeThFrSa
809
809
  22232425262728
810
810
  1234567
811
811
 
812
- 03:04
812
+ 04:48
813
813
 
814
814
  Saved value:
815
815
 
@@ -865,7 +865,7 @@ SuMoTuWeThFrSa
865
865
  22232425262728
866
866
  1234567
867
867
 
868
- 3:04 PM
868
+ 4:48 PM
869
869
 
870
870
  #### React (tsx)
871
871
 
@@ -1127,7 +1127,7 @@ export default () => {
1127
1127
  <tr>
1128
1128
  <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1129
1129
  <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1130
- <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtToday">3</td>
1130
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay">3</td>
1131
1131
  <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1132
1132
  <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1133
1133
  <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
@@ -1153,7 +1153,7 @@ export default () => {
1153
1153
  </tr>
1154
1154
  <tr>
1155
1155
  <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1156
- <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1156
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay rdtToday">23</td>
1157
1157
  <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1158
1158
  <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1159
1159
  <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
@@ -1195,7 +1195,7 @@ export default () => {
1195
1195
  </span>
1196
1196
  </span>
1197
1197
  <div class="ClearableInput input-group">
1198
- <input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2026-02-03 03:04" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1198
+ <input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2026-02-23 04:48" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1199
1199
  </div>
1200
1200
  </div>
1201
1201
  <div class="rdtPicker">
@@ -1234,7 +1234,7 @@ export default () => {
1234
1234
  <tr>
1235
1235
  <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1236
1236
  <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1237
- <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtActive rdtToday">3</td>
1237
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay">3</td>
1238
1238
  <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1239
1239
  <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1240
1240
  <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
@@ -1260,7 +1260,7 @@ export default () => {
1260
1260
  </tr>
1261
1261
  <tr>
1262
1262
  <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1263
- <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1263
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay rdtActive rdtToday">23</td>
1264
1264
  <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1265
1265
  <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1266
1266
  <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
@@ -1279,7 +1279,7 @@ export default () => {
1279
1279
  </tbody>
1280
1280
  <tfoot>
1281
1281
  <tr>
1282
- <td colspan="7" class="rdtTimeToggle">03:04</td>
1282
+ <td colspan="7" class="rdtTimeToggle">04:48</td>
1283
1283
  </tr>
1284
1284
  </tfoot>
1285
1285
  </table>
@@ -1350,7 +1350,7 @@ export default () => {
1350
1350
  <tr>
1351
1351
  <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1352
1352
  <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1353
- <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtToday">3</td>
1353
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay">3</td>
1354
1354
  <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1355
1355
  <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1356
1356
  <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
@@ -1376,7 +1376,7 @@ export default () => {
1376
1376
  </tr>
1377
1377
  <tr>
1378
1378
  <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1379
- <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1379
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay rdtToday">23</td>
1380
1380
  <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1381
1381
  <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1382
1382
  <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
@@ -1469,7 +1469,7 @@ export default () => {
1469
1469
  <tr>
1470
1470
  <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1471
1471
  <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1472
- <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtToday">3</td>
1472
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay">3</td>
1473
1473
  <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1474
1474
  <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1475
1475
  <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
@@ -1495,7 +1495,7 @@ export default () => {
1495
1495
  </tr>
1496
1496
  <tr>
1497
1497
  <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1498
- <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1498
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay rdtToday">23</td>
1499
1499
  <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1500
1500
  <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1501
1501
  <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
@@ -1603,7 +1603,7 @@ export default () => {
1603
1603
  </span>
1604
1604
  </span>
1605
1605
  <div class="ClearableInput input-group">
1606
- <input type="text" class="form-control" disabled="" value="02/03/2026 3:04 PM" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1606
+ <input type="text" class="form-control" disabled="" value="02/23/2026 4:48 PM" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1607
1607
  </div>
1608
1608
  </div>
1609
1609
  <div class="rdtPicker">
@@ -1642,7 +1642,7 @@ export default () => {
1642
1642
  <tr>
1643
1643
  <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1644
1644
  <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1645
- <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtActive rdtToday">3</td>
1645
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay">3</td>
1646
1646
  <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1647
1647
  <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1648
1648
  <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
@@ -1668,7 +1668,7 @@ export default () => {
1668
1668
  </tr>
1669
1669
  <tr>
1670
1670
  <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1671
- <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1671
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay rdtActive rdtToday">23</td>
1672
1672
  <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1673
1673
  <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1674
1674
  <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
@@ -1687,7 +1687,7 @@ export default () => {
1687
1687
  </tbody>
1688
1688
  <tfoot>
1689
1689
  <tr>
1690
- <td colspan="7" class="rdtTimeToggle">3:04 PM</td>
1690
+ <td colspan="7" class="rdtTimeToggle">4:48 PM</td>
1691
1691
  </tr>
1692
1692
  </tfoot>
1693
1693
  </table>
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Selection
5
- *Source:* https://uikit.developers.rio.cloud/#components/selects
6
- *Captured:* 2026-02-03T14:04:33.842Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/selects
6
+ *Captured:* 2026-02-23T15:48:31.647Z
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
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Application
5
- *Source:* https://uikit.developers.rio.cloud/#components/sidebar
6
- *Captured:* 2026-02-03T14:04:05.660Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/sidebar
6
+ *Captured:* 2026-02-23T15:48:04.816Z
7
7
 
8
8
  There are 2 kinds of Sidebars. The default fluid and the fly variant.
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
- *Source:* https://uikit.developers.rio.cloud/#components/sliders
6
- *Captured:* 2026-02-03T14:04:21.151Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/sliders
6
+ *Captured:* 2026-02-23T15:48:18.639Z
7
7
 
8
8
  ## Slider
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
- *Source:* https://uikit.developers.rio.cloud/#components/smoothScrollbars
6
- *Captured:* 2026-02-03T14:05:09.047Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/smoothScrollbars
6
+ *Captured:* 2026-02-23T15:49:05.626Z
7
7
 
8
8
  ## SmoothScrollbars
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
- *Source:* https://uikit.developers.rio.cloud/#components/spinners
6
- *Captured:* 2026-02-03T14:05:07.959Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/spinners
6
+ *Captured:* 2026-02-23T15:49:05.307Z
7
7
 
8
8
  ## Spinner
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Content
5
- *Source:* https://uikit.developers.rio.cloud/#components/states
6
- *Captured:* 2026-02-03T14:04:56.502Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/states
6
+ *Captured:* 2026-02-23T15:48:54.449Z
7
7
 
8
8
  ## ErrorState
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Content
5
- *Source:* https://uikit.developers.rio.cloud/#components/statsWidgets
6
- *Captured:* 2026-02-03T14:04:52.361Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/statsWidgets
6
+ *Captured:* 2026-02-23T15:48:49.054Z
7
7
 
8
8
  ## StatsWidgets
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Progress
5
- *Source:* https://uikit.developers.rio.cloud/#components/statusBar
6
- *Captured:* 2026-02-03T14:04:36.984Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/statusBar
6
+ *Captured:* 2026-02-23T15:48:35.397Z
7
7
 
8
8
  Flexible component to showcase various states based on progress bars.
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
- *Source:* https://uikit.developers.rio.cloud/#components/stepButton
6
- *Captured:* 2026-02-03T14:04:18.368Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/stepButton
6
+ *Captured:* 2026-02-23T15:48:16.403Z
7
7
 
8
8
  The StepButton is a convenient component designed to simplify usage and alignment of buttons with chevrons.
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Progress
5
- *Source:* https://uikit.developers.rio.cloud/#components/steppedProgressBars
6
- *Captured:* 2026-02-03T14:04:39.685Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/steppedProgressBars
6
+ *Captured:* 2026-02-23T15:48:37.567Z
7
7
 
8
8
  ## SteppedProgressBar - Circle
9
9
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Navigation
5
- *Source:* https://uikit.developers.rio.cloud/#components/subNavigation
6
- *Captured:* 2026-02-03T14:04:08.677Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/subNavigation
6
+ *Captured:* 2026-02-23T15:48:07.248Z
7
7
 
8
8
  ## SubNavigation
9
9
 
@@ -63,13 +63,13 @@ export default () => (
63
63
  <div class="SubNavigation width-100pct overflow-auto">
64
64
  <ul class="SubmoduleNavigation nav">
65
65
  <li class="submodule" data-nav-item-key="1">
66
- <a aria-current="page" class="active" href="#components/subNavigation">Subnavigation 1</a>
66
+ <a aria-current="page" class="active" href="#/components/subNavigation" data-discover="true">Subnavigation 1</a>
67
67
  </li>
68
68
  <li class="submodule" data-nav-item-key="2">
69
- <a href="#components/appLayout">Subnavigation 2</a>
69
+ <a class="" href="#/components/appLayout" data-discover="true">Subnavigation 2</a>
70
70
  </li>
71
71
  <li class="submodule" data-nav-item-key="3">
72
- <a href="#components/appLayout">Subnavigation 3</a>
72
+ <a class="" href="#/components/appLayout" data-discover="true">Subnavigation 3</a>
73
73
  </li>
74
74
  </ul>
75
75
  </div>
@@ -231,13 +231,13 @@ const useResizer = () => {
231
231
  </ul>
232
232
  <ul class="SubmoduleNavigation nav">
233
233
  <li class="submodule " data-nav-item-key="1">
234
- <a aria-current="page" class="active" href="#components/subNavigation">Navigation 1</a>
234
+ <a aria-current="page" class="active" href="//components/subNavigation">Navigation 1</a>
235
235
  </li>
236
236
  <li class="submodule " data-nav-item-key="2">
237
- <a href="#2">Navigation 2</a>
237
+ <a class="" href="#/2" data-discover="true">Navigation 2</a>
238
238
  </li>
239
239
  <li class="submodule " data-nav-item-key="3">
240
- <a href="#3">Navigation 3</a>
240
+ <a class="" href="#/3" data-discover="true">Navigation 3</a>
241
241
  </li>
242
242
  </ul>
243
243
  <ul class="ApplicationActionBar nav navbar-nav navbar-right ">
@@ -250,13 +250,13 @@ const useResizer = () => {
250
250
  <div class="SubNavigation width-100pct overflow-auto">
251
251
  <ul class="SubmoduleNavigation nav">
252
252
  <li class="submodule" data-nav-item-key="1">
253
- <a aria-current="page" class="active" href="#components/subNavigation">Subnavigation 1</a>
253
+ <a aria-current="page" class="active" href="//components/subNavigation">Subnavigation 1</a>
254
254
  </li>
255
255
  <li class="submodule" data-nav-item-key="2">
256
- <a href="#2">Subnavigation 2</a>
256
+ <a class="" href="#/2" data-discover="true">Subnavigation 2</a>
257
257
  </li>
258
258
  <li class="submodule" data-nav-item-key="3">
259
- <a href="#3">Subnavigation 3</a>
259
+ <a class="" href="#/3" data-discover="true">Subnavigation 3</a>
260
260
  </li>
261
261
  </ul>
262
262
  </div>
@@ -410,13 +410,13 @@ export default () => {
410
410
  </ul>
411
411
  <ul class="SubmoduleNavigation nav">
412
412
  <li class="submodule " data-nav-item-key="1">
413
- <a aria-current="page" class="active" href="#components/subNavigation">Navigation 1</a>
413
+ <a aria-current="page" class="active" href="//components/subNavigation">Navigation 1</a>
414
414
  </li>
415
415
  <li class="submodule " data-nav-item-key="2">
416
- <a href="#2">Navigation 2</a>
416
+ <a class="" href="#/2" data-discover="true">Navigation 2</a>
417
417
  </li>
418
418
  <li class="submodule " data-nav-item-key="3">
419
- <a href="#3">Navigation 3</a>
419
+ <a class="" href="#/3" data-discover="true">Navigation 3</a>
420
420
  </li>
421
421
  </ul>
422
422
  <ul class="ApplicationActionBar nav navbar-nav navbar-right ">
@@ -429,13 +429,13 @@ export default () => {
429
429
  <div class="SubNavigation width-100pct overflow-auto">
430
430
  <ul class="SubmoduleNavigation nav">
431
431
  <li class="submodule" data-nav-item-key="1">
432
- <a aria-current="page" class="active" href="#components/subNavigation">Subnavigation 1</a>
432
+ <a aria-current="page" class="active" href="//components/subNavigation">Subnavigation 1</a>
433
433
  </li>
434
434
  <li class="submodule" data-nav-item-key="2">
435
- <a href="#2">Subnavigation 2</a>
435
+ <a class="" href="#/2" data-discover="true">Subnavigation 2</a>
436
436
  </li>
437
437
  <li class="submodule" data-nav-item-key="3">
438
- <a href="#3">Subnavigation 3</a>
438
+ <a class="" href="#/3" data-discover="true">Subnavigation 3</a>
439
439
  </li>
440
440
  </ul>
441
441
  </div>
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
- *Source:* https://uikit.developers.rio.cloud/#components/supportMarker
6
- *Captured:* 2026-02-03T14:05:06.241Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/supportMarker
6
+ *Captured:* 2026-02-23T15:49:02.655Z
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
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
- *Source:* https://uikit.developers.rio.cloud/#components/svgImage
6
- *Captured:* 2026-02-03T14:05:07.374Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/svgImage
6
+ *Captured:* 2026-02-23T15:49:04.147Z
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
 
@@ -106,6 +106,42 @@ export default () => (
106
106
  </path>
107
107
  </g>
108
108
  </svg>
109
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="120" height="120" viewBox="0 0 250 250" version="1.1" xml:space="preserve" class="" style="fill-rule: evenodd; clip-rule: evenodd; stroke-miterlimit: 2;">
110
+ <g id="abstract-product" transform="matrix(3.96558,0,0,3.96558,-877.753,-267.258)">
111
+ <path d="M273.364,103.915C273.364,116.618 263.066,126.915 250.364,126.915C237.662,126.915 227.364,116.618 227.364,103.915C227.364,91.213 237.662,80.916 250.364,80.916C263.066,80.916 273.364,91.213 273.364,103.915Z" style="fill: var(--gray-lighter); fill-rule: nonzero;">
112
+ </path>
113
+ <path d="M229.364,79.916L229.364,85.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
114
+ </path>
115
+ <path d="M232.364,82.916L226.364,82.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
116
+ </path>
117
+ <path d="M240.364,69.916L240.364,75.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
118
+ </path>
119
+ <path d="M243.364,72.916L237.364,72.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
120
+ </path>
121
+ <path d="M269.133,103.237L263.251,106.027L262.929,106.149C262.512,105.406 261.802,104.915 260.814,104.915L254.814,104.915C253.439,104.915 251.348,102.915 249.692,102.915L243.814,102.915C241.397,102.915 239.238,104.894 238.021,106.027C236.141,107.907 232.364,111.703 232.364,111.703L241.556,120.905C243.059,119.403 244.829,117.915 246.364,117.915L258.364,117.915C260.237,117.915 262.101,117.34 263.425,116.016L273.376,106.065L276.205,98.995C274.481,97.271 270.547,99.113 269.133,103.237Z" style="fill: var(--color-white); fill-rule: nonzero;">
122
+ </path>
123
+ <path d="M250.364,110.915L260.814,110.915C262.471,110.915 263.364,109.61 263.364,107.954L263.364,107.935C263.364,106.277 262.471,104.915 260.814,104.915L254.814,104.915C253.439,104.915 251.348,102.915 249.692,102.915L243.814,102.915C241.397,102.915 239.238,104.894 238.021,106.027C236.141,107.907 232.364,111.703 232.364,111.703L241.556,120.905C243.059,119.403 244.829,117.915 246.364,117.915L258.364,117.915C260.237,117.915 262.101,117.34 263.425,116.016L273.376,106.065L276.205,98.995C274.481,97.271 270.547,99.113 269.133,103.237L263.251,106.027" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linecap: round;">
124
+ </path>
125
+ <path d="M231.364,108.915L225.364,114.915L238.364,127.915L244.363,121.915L231.364,108.915Z" style="fill: var(--color-highlight-lighter); fill-rule: nonzero;">
126
+ </path>
127
+ <path d="M231.364,108.915L225.364,114.915L238.364,127.915L244.363,121.915L231.364,108.915Z" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linejoin: round;">
128
+ </path>
129
+ <path d="M232.911,116.368L230.911,114.368" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linecap: round;">
130
+ </path>
131
+ <path d="M266.138,82.263L257.884,75.646C257.627,75.44 257.187,75.342 256.808,75.479L247.08,79.268C246.64,79.355 246.28,79.7 246.21,80.169L244.687,90.446C244.623,90.904 244.7,91.377 245.031,91.643L253.286,98.26C253.603,98.515 253.846,98.674 254.163,98.552L264.147,94.671C264.685,94.462 264.911,94.235 264.984,93.74L266.536,83.275C266.582,82.962 266.428,82.495 266.138,82.263Z" style="fill: var(--color-highlight-lighter); fill-rule: nonzero;">
132
+ </path>
133
+ <path d="M266.138,82.263L257.884,75.646C257.627,75.44 257.187,75.342 256.808,75.479L247.08,79.268C246.64,79.355 246.28,79.7 246.21,80.169L244.687,90.446C244.623,90.904 244.7,91.377 245.031,91.643L253.286,98.26C253.603,98.515 253.846,98.674 254.163,98.552L264.147,94.671C264.685,94.462 264.911,94.235 264.984,93.74L266.536,83.275C266.582,82.962 266.428,82.495 266.138,82.263Z" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px;">
134
+ </path>
135
+ <path d="M256.605,78.558L255.223,86.846L248.116,89.437" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linecap: round;">
136
+ </path>
137
+ <path d="M255.223,86.846L262.06,92.26" style="fill: none; stroke: var(--brand-info); stroke-width: 2.1px; stroke-linecap: round;">
138
+ </path>
139
+ <path d="M277.364,87.916L277.364,93.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
140
+ </path>
141
+ <path d="M280.364,90.916L274.364,90.916" style="fill: none; stroke: var(--gray); stroke-width: 2.1px;">
142
+ </path>
143
+ </g>
144
+ </svg>
109
145
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="120" height="120" viewBox="0 0 250 250" version="1.1" xml:space="preserve" class="" style="fill-rule: evenodd; clip-rule: evenodd; stroke-miterlimit: 2;">
110
146
  <g transform="matrix(3.83333,0,0,3.83333,-417.263,-254.174)">
111
147
  <g id="delivery">