@rio-cloud/uikit-mcp 1.1.10 → 1.1.11

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 (210) hide show
  1. package/README.md +2 -1
  2. package/dist/doc-metadata.json +90 -90
  3. package/dist/docs/components/accentBar.md +1 -1
  4. package/dist/docs/components/activity.md +1 -1
  5. package/dist/docs/components/analyticsAnalysisOverlay.md +3 -1
  6. package/dist/docs/components/animatedNumber.md +1 -1
  7. package/dist/docs/components/animatedTextReveal.md +6 -6
  8. package/dist/docs/components/animations.md +22 -22
  9. package/dist/docs/components/appHeader.md +1 -1
  10. package/dist/docs/components/appLayout.md +27 -77
  11. package/dist/docs/components/appNavigationBar.md +1 -1
  12. package/dist/docs/components/areaCharts.md +7 -5
  13. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  14. package/dist/docs/components/assetTree.md +418 -364
  15. package/dist/docs/components/autosuggests.md +1 -1
  16. package/dist/docs/components/avatar.md +1 -1
  17. package/dist/docs/components/banner.md +2 -2
  18. package/dist/docs/components/barCharts.md +4 -2
  19. package/dist/docs/components/barList.md +10 -10
  20. package/dist/docs/components/basicMap.md +45 -1
  21. package/dist/docs/components/bottomSheet.md +1 -1
  22. package/dist/docs/components/button.md +1 -1
  23. package/dist/docs/components/buttonToolbar.md +1 -1
  24. package/dist/docs/components/calendarStripe.md +39 -35
  25. package/dist/docs/components/card.md +1 -1
  26. package/dist/docs/components/carousel.md +1 -1
  27. package/dist/docs/components/chartColors.md +3 -1
  28. package/dist/docs/components/chartsGettingStarted.md +3 -1
  29. package/dist/docs/components/chat.md +2 -2
  30. package/dist/docs/components/checkbox.md +3 -1
  31. package/dist/docs/components/circularProgress.md +8 -8
  32. package/dist/docs/components/clearableInput.md +1 -1
  33. package/dist/docs/components/collapse.md +4 -2
  34. package/dist/docs/components/composedCharts.md +17 -15
  35. package/dist/docs/components/contentLoader.md +1 -1
  36. package/dist/docs/components/dataTabs.md +1 -1
  37. package/dist/docs/components/datepickers.md +30 -28
  38. package/dist/docs/components/dayPicker.md +52 -2
  39. package/dist/docs/components/dayPickerCalendar.md +44 -24
  40. package/dist/docs/components/dialogs.md +1 -1
  41. package/dist/docs/components/divider.md +1 -1
  42. package/dist/docs/components/dropdowns.md +3253 -3241
  43. package/dist/docs/components/editableContent.md +1 -1
  44. package/dist/docs/components/expander.md +1 -1
  45. package/dist/docs/components/fade.md +1 -1
  46. package/dist/docs/components/fadeExpander.md +1 -1
  47. package/dist/docs/components/fadeUp.md +2 -2
  48. package/dist/docs/components/feedback.md +1 -1
  49. package/dist/docs/components/filePickers.md +1 -1
  50. package/dist/docs/components/formLabel.md +1 -1
  51. package/dist/docs/components/groupedItemList.md +1 -1
  52. package/dist/docs/components/htmlTable.md +69 -69
  53. package/dist/docs/components/iconList.md +4 -4
  54. package/dist/docs/components/imagePreloader.md +1 -1
  55. package/dist/docs/components/labeledElement.md +1 -1
  56. package/dist/docs/components/licensePlate.md +1 -1
  57. package/dist/docs/components/lineCharts.md +5 -3
  58. package/dist/docs/components/listMenu.md +1 -1
  59. package/dist/docs/components/loadMore.md +1 -1
  60. package/dist/docs/components/mainNavigation.md +1 -1
  61. package/dist/docs/components/mapCircle.md +1 -1
  62. package/dist/docs/components/mapCluster.md +3 -1
  63. package/dist/docs/components/mapContext.md +1 -1
  64. package/dist/docs/components/mapDraggableMarker.md +1 -1
  65. package/dist/docs/components/mapGettingStarted.md +39 -1
  66. package/dist/docs/components/mapInfoBubble.md +1 -1
  67. package/dist/docs/components/mapLayerGroup.md +1 -1
  68. package/dist/docs/components/mapMarker.md +3 -1
  69. package/dist/docs/components/mapPolygon.md +1 -1
  70. package/dist/docs/components/mapRoute.md +1 -1
  71. package/dist/docs/components/mapSettings.md +6 -1
  72. package/dist/docs/components/mapUtils.md +1 -1
  73. package/dist/docs/components/mapViewportHistory.md +287 -0
  74. package/dist/docs/components/multiselects.md +7 -1
  75. package/dist/docs/components/noData.md +1 -1
  76. package/dist/docs/components/notifications.md +1 -1
  77. package/dist/docs/components/numbercontrol.md +1 -1
  78. package/dist/docs/components/onboarding.md +1 -1
  79. package/dist/docs/components/page.md +1 -1
  80. package/dist/docs/components/pager.md +1 -1
  81. package/dist/docs/components/pieCharts.md +38 -36
  82. package/dist/docs/components/popover.md +1 -1
  83. package/dist/docs/components/position.md +1 -1
  84. package/dist/docs/components/radialBarCharts.md +27 -25
  85. package/dist/docs/components/radioCardGroup.md +1 -1
  86. package/dist/docs/components/radiobutton.md +3 -1
  87. package/dist/docs/components/releaseNotes.md +1 -1
  88. package/dist/docs/components/resizer.md +3 -1
  89. package/dist/docs/components/responsiveColumnStripe.md +3 -1
  90. package/dist/docs/components/responsiveVideo.md +1 -1
  91. package/dist/docs/components/rioglyph.md +1 -1
  92. package/dist/docs/components/rules.md +1 -1
  93. package/dist/docs/components/saveableInput.md +17 -17
  94. package/dist/docs/components/selects.md +168 -51
  95. package/dist/docs/components/sidebar.md +1 -1
  96. package/dist/docs/components/sliders.md +1 -1
  97. package/dist/docs/components/smoothScrollbars.md +3 -1
  98. package/dist/docs/components/spinners.md +1 -1
  99. package/dist/docs/components/states.md +15 -1
  100. package/dist/docs/components/statsWidgets.md +1 -1
  101. package/dist/docs/components/statusBar.md +3 -1
  102. package/dist/docs/components/stepButton.md +1 -1
  103. package/dist/docs/components/steppedProgressBars.md +1 -1
  104. package/dist/docs/components/subNavigation.md +1 -1
  105. package/dist/docs/components/supportMarker.md +1 -1
  106. package/dist/docs/components/svgImage.md +1 -1
  107. package/dist/docs/components/switch.md +3 -1
  108. package/dist/docs/components/table.md +1998 -221
  109. package/dist/docs/components/tableControls.md +5 -5
  110. package/dist/docs/components/tagManager.md +1 -1
  111. package/dist/docs/components/tags.md +1 -1
  112. package/dist/docs/components/teaser.md +3 -1
  113. package/dist/docs/components/textTruncateMiddle.md +1 -1
  114. package/dist/docs/components/timeline.md +1 -1
  115. package/dist/docs/components/timepicker.md +3 -1
  116. package/dist/docs/components/toggleButton.md +1 -1
  117. package/dist/docs/components/tooltip.md +5 -1
  118. package/dist/docs/components/tracker.md +1 -1
  119. package/dist/docs/components/virtualList.md +57 -57
  120. package/dist/docs/foundations.md +276 -110
  121. package/dist/docs/start/changelog.md +21 -1
  122. package/dist/docs/start/goodtoknow.md +8 -2
  123. package/dist/docs/start/guidelines/color-combinations.md +5 -1
  124. package/dist/docs/start/guidelines/custom-css.md +26 -2
  125. package/dist/docs/start/guidelines/custom-rioglyph.md +20 -2
  126. package/dist/docs/start/guidelines/formatting.md +2256 -249
  127. package/dist/docs/start/guidelines/iframe.md +37 -1
  128. package/dist/docs/start/guidelines/obfuscate-data.md +26 -2
  129. package/dist/docs/start/guidelines/print-css.md +16 -2
  130. package/dist/docs/start/guidelines/spinner.md +1 -1
  131. package/dist/docs/start/guidelines/state-in-url.md +1138 -11
  132. package/dist/docs/start/guidelines/supported-browsers.md +9 -2
  133. package/dist/docs/start/guidelines/writing.md +228 -2
  134. package/dist/docs/start/howto.md +160 -10
  135. package/dist/docs/start/intro.md +40 -2
  136. package/dist/docs/start/responsiveness.md +29 -1
  137. package/dist/docs/templates/ai-assistant.md +1 -1
  138. package/dist/docs/templates/common-table.md +9 -9
  139. package/dist/docs/templates/detail-views.md +2 -2
  140. package/dist/docs/templates/expandable-details.md +1 -1
  141. package/dist/docs/templates/feature-cards.md +37 -37
  142. package/dist/docs/templates/form-summary.md +15 -15
  143. package/dist/docs/templates/form-toggle.md +1 -1
  144. package/dist/docs/templates/list-blocks.md +135 -135
  145. package/dist/docs/templates/loading-progress.md +1 -1
  146. package/dist/docs/templates/options-panel.md +1 -1
  147. package/dist/docs/templates/panel-variants.md +1 -1
  148. package/dist/docs/templates/progress-cards.md +1 -1
  149. package/dist/docs/templates/progress-success.md +1 -1
  150. package/dist/docs/templates/settings-form.md +18 -18
  151. package/dist/docs/templates/stats-blocks.md +12 -12
  152. package/dist/docs/templates/table-panel.md +1 -1
  153. package/dist/docs/templates/usage-cards.md +1 -1
  154. package/dist/docs/utilities/classNames.md +89 -1
  155. package/dist/docs/utilities/deviceUtils.md +1 -1
  156. package/dist/docs/utilities/featureToggles.md +182 -2
  157. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  158. package/dist/docs/utilities/getTrackingAttributes.md +46 -1
  159. package/dist/docs/utilities/routeUtils.md +210 -2
  160. package/dist/docs/utilities/useAfterMount.md +1 -1
  161. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  162. package/dist/docs/utilities/useAverage.md +1 -1
  163. package/dist/docs/utilities/useClickOutside.md +1 -1
  164. package/dist/docs/utilities/useClipboard.md +2 -2
  165. package/dist/docs/utilities/useCookies.md +1 -1
  166. package/dist/docs/utilities/useCount.md +1 -1
  167. package/dist/docs/utilities/useDarkMode.md +1 -1
  168. package/dist/docs/utilities/useDebugInfo.md +3 -3
  169. package/dist/docs/utilities/useDraggableElement.md +1 -1
  170. package/dist/docs/utilities/useEffectOnce.md +1 -1
  171. package/dist/docs/utilities/useElapsedTime.md +1 -1
  172. package/dist/docs/utilities/useElementSize.md +1 -1
  173. package/dist/docs/utilities/useEsc.md +1 -1
  174. package/dist/docs/utilities/useEvent.md +1 -1
  175. package/dist/docs/utilities/useFocusTrap.md +1 -1
  176. package/dist/docs/utilities/useFullscreen.md +1 -1
  177. package/dist/docs/utilities/useHover.md +1 -1
  178. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  179. package/dist/docs/utilities/useInterval.md +1 -1
  180. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  181. package/dist/docs/utilities/useKey.md +1 -1
  182. package/dist/docs/utilities/useLocalStorage.md +1 -1
  183. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  184. package/dist/docs/utilities/useMax.md +1 -1
  185. package/dist/docs/utilities/useMin.md +1 -1
  186. package/dist/docs/utilities/useMutationObserver.md +1 -1
  187. package/dist/docs/utilities/useOnScreen.md +1 -1
  188. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  189. package/dist/docs/utilities/usePostMessage.md +1 -1
  190. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  191. package/dist/docs/utilities/usePrevious.md +111 -1
  192. package/dist/docs/utilities/useResizeObserver.md +1 -1
  193. package/dist/docs/utilities/useRioCookieConsent.md +1 -1
  194. package/dist/docs/utilities/useScrollPosition.md +1 -1
  195. package/dist/docs/utilities/useSearch.md +1 -1
  196. package/dist/docs/utilities/useSearchHighlight.md +1 -1
  197. package/dist/docs/utilities/useSorting.md +1 -1
  198. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  199. package/dist/docs/utilities/useSum.md +1 -1
  200. package/dist/docs/utilities/useTableExport.md +61 -61
  201. package/dist/docs/utilities/useTableSelection.md +72 -72
  202. package/dist/docs/utilities/useTimeout.md +1 -1
  203. package/dist/docs/utilities/useToggle.md +1 -1
  204. package/dist/docs/utilities/useUrlState.md +1 -1
  205. package/dist/docs/utilities/useWindowResize.md +1 -1
  206. package/dist/index.mjs +173 -69
  207. package/dist/search-synonyms.json +214 -76
  208. package/dist/version.json +2 -2
  209. package/package.json +4 -5
  210. package/dist/docs/components/mapRouteGenerator.md +0 -6
package/dist/docs/components/clearableInput.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/clearableInput
6
- *Captured:* 2026-04-20T12:53:43.119Z
6
+ *Captured:* 2026-04-27T14:57:17.873Z
7
7
 
8
8
  Control, which can be cleared when it has a value.
9
9
 
package/dist/docs/components/collapse.md CHANGED
@@ -3,12 +3,14 @@
3
3
  *Category:* Components
4
4
  *Section:* Show/Hide
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/collapse
6
- *Captured:* 2026-04-20T12:53:52.018Z
6
+ *Captured:* 2026-04-27T14:57:27.013Z
7
7
 
8
8
  The Collapse component folds and unfolds given content. It is used in some other components such as the ExpanderPanel and ExpanderList.
9
9
 
10
10
  ## Collapse
11
11
 
12
+ > Note: In case the content element you pass in as child has margins, wrap it within another div to smoothen the animation.
13
+
12
14
  ### Example: Content will stay in the DOM even when it is collapsed
13
15
 
14
16
  Content will stay in the DOM even when it is collapsed
@@ -74,7 +76,7 @@ export default () => {
74
76
  <div class="margin-bottom-15">
75
77
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>
76
78
  <div class="dropdown btn-group">
77
- <button type="button" id="73g5xvd4ufo" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
79
+ <button type="button" id="qxk3g9znt6o" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">Dropdown<span class="caret">
78
80
  </span>
79
81
  </button>
80
82
  </div>
package/dist/docs/components/composedCharts.md CHANGED
@@ -3,10 +3,12 @@
3
3
  *Category:* Components
4
4
  *Section:* Charts
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/composedCharts
6
- *Captured:* 2026-04-20T12:55:30.945Z
6
+ *Captured:* 2026-04-27T14:59:11.198Z
7
7
 
8
8
  ## ComposedChart
9
9
 
10
+ > Note: When using a chart in your application, do not get fancy and try to stick to the proposed examples or at least base your chart upon them. That will save time and money and, equally important, gives the user a coherent look and feel across the different services.
11
+
10
12
  ### Example: Simple ComposedChart
11
13
 
12
14
  Simple ComposedChart
@@ -226,7 +228,7 @@ const data: CustomData[] = [
226
228
  <g class="recharts-layer">
227
229
  <defs>
228
230
  <clipPath id="animationClipPath-recharts-area-:r0:">
229
- <rect x="70.41927083333333" y="0" width="59.125674839406145" height="124">
231
+ <rect x="70.41927083333333" y="0" width="59.349085855802734" height="124">
230
232
  </rect>
231
233
  </clipPath>
232
234
  </defs>
@@ -249,43 +251,43 @@ const data: CustomData[] = [
249
251
  <g class="recharts-layer">
250
252
  <g class="recharts-layer recharts-bar-rectangle">
251
253
  <g class="recharts-layer recharts-inactive-bar">
252
- <path fill-opacity="1" fill="#8e96eb " name="Page A" x="50.0839" y="79.1557" width="40" height="43.8443" class="recharts-rectangle" d="M50.0839,82.1557A 3,3,0,0,1,53.0839,79.1557L 87.0839,79.1557A 3,3,0,0,1,
253
- 90.0839,82.1557L 90.0839,123L 50.0839,123Z">
254
+ <path fill-opacity="1" fill="#8e96eb " name="Page A" x="50.0839" y="79.1153" width="40" height="43.8847" class="recharts-rectangle" d="M50.0839,82.1153A 3,3,0,0,1,53.0839,79.1153L 87.0839,79.1153A 3,3,0,0,1,
255
+ 90.0839,82.1153L 90.0839,123L 50.0839,123Z">
254
256
  </path>
255
257
  </g>
256
258
  </g>
257
259
  <g class="recharts-layer recharts-bar-rectangle">
258
260
  <g class="recharts-layer recharts-inactive-bar">
259
- <path fill-opacity="1" fill="#8e96eb " name="Page B" x="100.9224" y="70.0032" width="40" height="52.9968" class="recharts-rectangle" d="M100.9224,73.0032A 3,3,0,0,1,103.9224,70.0032L 137.9224,70.0032A 3,3,0,0,1,
260
- 140.9224,73.0032L 140.9224,123L 100.9224,123Z">
261
+ <path fill-opacity="1" fill="#8e96eb " name="Page B" x="100.9224" y="69.9543" width="40" height="53.0457" class="recharts-rectangle" d="M100.9224,72.9543A 3,3,0,0,1,103.9224,69.9543L 137.9224,69.9543A 3,3,0,0,1,
262
+ 140.9224,72.9543L 140.9224,123L 100.9224,123Z">
261
263
  </path>
262
264
  </g>
263
265
  </g>
264
266
  <g class="recharts-layer recharts-bar-rectangle">
265
267
  <g class="recharts-layer recharts-inactive-bar">
266
- <path fill-opacity="1" fill="#8e96eb " name="Page C" x="151.7609" y="62.8237" width="40" height="60.1763" class="recharts-rectangle" d="M151.7609,65.8237A 3,3,0,0,1,154.7609,62.8237L 188.7609,62.8237A 3,3,0,0,1,
267
- 191.7609,65.8237L 191.7609,123L 151.7609,123Z">
268
+ <path fill-opacity="1" fill="#8e96eb " name="Page C" x="151.7609" y="62.7682" width="40" height="60.2318" class="recharts-rectangle" d="M151.7609,65.7682A 3,3,0,0,1,154.7609,62.7682L 188.7609,62.7682A 3,3,0,0,1,
269
+ 191.7609,65.7682L 191.7609,123L 151.7609,123Z">
268
270
  </path>
269
271
  </g>
270
272
  </g>
271
273
  <g class="recharts-layer recharts-bar-rectangle">
272
274
  <g class="recharts-layer recharts-inactive-bar">
273
- <path fill-opacity="1" fill="#8e96eb " name="Page D" x="202.5995" y="57.2335" width="40" height="65.7665" class="recharts-rectangle" d="M202.5995,60.2335A 3,3,0,0,1,205.5995,57.2335L 239.5995,57.2335A 3,3,0,0,1,
274
- 242.5995,60.2335L 242.5995,123L 202.5995,123Z">
275
+ <path fill-opacity="1" fill="#8e96eb " name="Page D" x="202.5995" y="57.1729" width="40" height="65.8271" class="recharts-rectangle" d="M202.5995,60.1729A 3,3,0,0,1,205.5995,57.1729L 239.5995,57.1729A 3,3,0,0,1,
276
+ 242.5995,60.1729L 242.5995,123L 202.5995,123Z">
275
277
  </path>
276
278
  </g>
277
279
  </g>
278
280
  <g class="recharts-layer recharts-bar-rectangle">
279
281
  <g class="recharts-layer recharts-inactive-bar">
280
- <path fill-opacity="1" fill="#8e96eb " name="Page E" x="253.438" y="62.2756" width="40" height="60.7244" class="recharts-rectangle" d="M253.438,65.2756A 3,3,0,0,1,256.438,62.2756L 290.438,62.2756A 3,3,0,0,1,
281
- 293.438,65.2756L 293.438,123L 253.438,123Z">
282
+ <path fill-opacity="1" fill="#8e96eb " name="Page E" x="253.438" y="62.2196" width="40" height="60.7804" class="recharts-rectangle" d="M253.438,65.2196A 3,3,0,0,1,256.438,62.2196L 290.438,62.2196A 3,3,0,0,1,
283
+ 293.438,65.2196L 293.438,123L 253.438,123Z">
282
284
  </path>
283
285
  </g>
284
286
  </g>
285
287
  <g class="recharts-layer recharts-bar-rectangle">
286
288
  <g class="recharts-layer recharts-inactive-bar">
287
- <path fill-opacity="1" fill="#8e96eb " name="Page F" x="304.2766" y="85.7323" width="40" height="37.2677" class="recharts-rectangle" d="M304.2766,88.7323A 3,3,0,0,1,307.2766,85.7323L 341.2766,85.7323A 3,3,0,0,1,
288
- 344.2766,88.7323L 344.2766,123L 304.2766,123Z">
289
+ <path fill-opacity="1" fill="#8e96eb " name="Page F" x="304.2766" y="85.698" width="40" height="37.302" class="recharts-rectangle" d="M304.2766,88.698A 3,3,0,0,1,307.2766,85.698L 341.2766,85.698A 3,3,0,0,1,
290
+ 344.2766,88.698L 344.2766,123L 304.2766,123Z">
289
291
  </path>
290
292
  </g>
291
293
  </g>
@@ -296,7 +298,7 @@ const data: CustomData[] = [
296
298
  <g tabindex="-1" class="recharts-zIndex-layer_400">
297
299
  <g class="recharts-layer recharts-line">
298
300
  <g class="recharts-layer recharts-shape">
299
- <path stroke-width="1" stroke="#30b4c0 " fill="none" id="recharts-line-:r2:" height="108" width="365.03125" class="recharts-curve recharts-line-curve" stroke-dasharray="62.1956px 267.3907775878906px" d="M70.419,87.6C87.365,83.295,104.312,78.99,121.258,70.92C138.204,62.85,155.15,42.5,172.096,39.18C189.043,35.86,205.989,35.43,222.935,34.2C239.881,32.97,256.827,31.8,273.773,31.8C290.72,31.8,307.666,35.4,324.612,39">
301
+ <path stroke-width="1" stroke="#30b4c0 " fill="none" id="recharts-line-:r2:" height="108" width="365.03125" class="recharts-curve recharts-line-curve" stroke-dasharray="62.4306px 267.3907775878906px" d="M70.419,87.6C87.365,83.295,104.312,78.99,121.258,70.92C138.204,62.85,155.15,42.5,172.096,39.18C189.043,35.86,205.989,35.43,222.935,34.2C239.881,32.97,256.827,31.8,273.773,31.8C290.72,31.8,307.666,35.4,324.612,39">
300
302
  </path>
301
303
  </g>
302
304
  </g>
package/dist/docs/components/contentLoader.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/contentLoader
6
- *Captured:* 2026-04-20T12:54:21.391Z
6
+ *Captured:* 2026-04-27T14:57:56.544Z
7
7
 
8
8
  The content loader is based on the react-content-loader which can be found here: https://github.com/danilowoz/react-content-loader
9
9
 
package/dist/docs/components/dataTabs.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/dataTabs
6
- *Captured:* 2026-04-20T12:54:23.916Z
6
+ *Captured:* 2026-04-27T14:57:58.867Z
7
7
 
8
8
  Passing a single tab content component via commonTabContent prop into the DataTabs component allows to update that single component when switching tabs. This comes in handy for instance when you want to animate a graph with different values from each tab.
9
9
 
package/dist/docs/components/datepickers.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Pickers
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/datepickers
6
- *Captured:* 2026-04-20T12:54:06.929Z
6
+ *Captured:* 2026-04-27T14:57:41.897Z
7
7
 
8
8
  A wrapper component for react-datetime. It has a Moment.js peer dependency, which means it needs to add to your list of dependencies to work correctly.
9
9
 
@@ -13,6 +13,8 @@ Deprecated warningThe DatePicker is no longer being further developed and is bas
13
13
 
14
14
  It can be used in two ways, as a controlled or uncontrolled component. If you want to use it as a controlled component, pass a value, which you need to provide the DatePicker even after a user selects a new date. If you want to use it as an uncontrolled component, simply omit the value prop (for read-only use cases).
15
15
 
16
+ > Note: The DatePicker component uses the default format for the given locale. If you specify a locale, make sure you have imported the moment locale file like import 'moment/dist/locale/de';
17
+
16
18
  ### Example: Example 1
17
19
 
18
20
  Default Format: YYYY-MM-DD HH:mm
@@ -143,7 +145,7 @@ Su Mo Tu We Th Fr Sa
143
145
  26 27 28 29 30 1 2
144
146
  3 4 5 6 7 8 9
145
147
 
146
- 02:54
148
+ 04:57
147
149
 
148
150
  This is an error message
149
151
 
@@ -418,7 +420,7 @@ export default () => (
418
420
  </tr>
419
421
  <tr>
420
422
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
421
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
423
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
422
424
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
423
425
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
424
426
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -427,7 +429,7 @@ export default () => (
427
429
  </tr>
428
430
  <tr>
429
431
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
430
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
432
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
431
433
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
432
434
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
433
435
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -524,7 +526,7 @@ export default () => (
524
526
  </tr>
525
527
  <tr>
526
528
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
527
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
529
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
528
530
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
529
531
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
530
532
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -533,7 +535,7 @@ export default () => (
533
535
  </tr>
534
536
  <tr>
535
537
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
536
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
538
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
537
539
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
538
540
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
539
541
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -719,7 +721,7 @@ export default () => (
719
721
  </tr>
720
722
  <tr>
721
723
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
722
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
724
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
723
725
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
724
726
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
725
727
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -728,7 +730,7 @@ export default () => (
728
730
  </tr>
729
731
  <tr>
730
732
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
731
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
733
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
732
734
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
733
735
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
734
736
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -820,7 +822,7 @@ export default () => (
820
822
  </tr>
821
823
  <tr>
822
824
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
823
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
825
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
824
826
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
825
827
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
826
828
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -829,7 +831,7 @@ export default () => (
829
831
  </tr>
830
832
  <tr>
831
833
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
832
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
834
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
833
835
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
834
836
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
835
837
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -929,7 +931,7 @@ export default () => (
929
931
  </tr>
930
932
  <tr>
931
933
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
932
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
934
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
933
935
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
934
936
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
935
937
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -938,7 +940,7 @@ export default () => (
938
940
  </tr>
939
941
  <tr>
940
942
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
941
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
943
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
942
944
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
943
945
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
944
946
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -1036,7 +1038,7 @@ export default () => (
1036
1038
  </tr>
1037
1039
  <tr>
1038
1040
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
1039
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
1041
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
1040
1042
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
1041
1043
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
1042
1044
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -1045,7 +1047,7 @@ export default () => (
1045
1047
  </tr>
1046
1048
  <tr>
1047
1049
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
1048
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
1050
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
1049
1051
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
1050
1052
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
1051
1053
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -1140,7 +1142,7 @@ export default () => (
1140
1142
  </tr>
1141
1143
  <tr>
1142
1144
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
1143
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
1145
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
1144
1146
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
1145
1147
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
1146
1148
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -1149,7 +1151,7 @@ export default () => (
1149
1151
  </tr>
1150
1152
  <tr>
1151
1153
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
1152
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
1154
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
1153
1155
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
1154
1156
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
1155
1157
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -1192,7 +1194,7 @@ export default () => (
1192
1194
  </span>
1193
1195
  </span>
1194
1196
  <div class="ClearableInput input-group">
1195
- <input type="text" class="form-control" id="rdp-error-2" placeholder="Select Date" value="2026-04-20 02:54">
1197
+ <input type="text" class="form-control" id="rdp-error-2" placeholder="Select Date" value="2026-04-27 04:57">
1196
1198
  <span class="clearButton">
1197
1199
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1198
1200
  </span>
@@ -1252,7 +1254,7 @@ export default () => (
1252
1254
  </tr>
1253
1255
  <tr>
1254
1256
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
1255
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtActive rdtToday">20</td>
1257
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
1256
1258
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
1257
1259
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
1258
1260
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -1261,7 +1263,7 @@ export default () => (
1261
1263
  </tr>
1262
1264
  <tr>
1263
1265
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
1264
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
1266
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtActive rdtToday">27</td>
1265
1267
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
1266
1268
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
1267
1269
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -1280,7 +1282,7 @@ export default () => (
1280
1282
  </tbody>
1281
1283
  <tfoot>
1282
1284
  <tr>
1283
- <td colspan="7" class="rdtTimeToggle">02:54</td>
1285
+ <td colspan="7" class="rdtTimeToggle">04:57</td>
1284
1286
  </tr>
1285
1287
  </tfoot>
1286
1288
  </table>
@@ -1366,7 +1368,7 @@ export default () => (
1366
1368
  </tr>
1367
1369
  <tr>
1368
1370
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
1369
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
1371
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
1370
1372
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
1371
1373
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
1372
1374
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -1375,7 +1377,7 @@ export default () => (
1375
1377
  </tr>
1376
1378
  <tr>
1377
1379
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
1378
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
1380
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
1379
1381
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
1380
1382
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
1381
1383
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -1471,7 +1473,7 @@ export default () => (
1471
1473
  </tr>
1472
1474
  <tr>
1473
1475
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
1474
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
1476
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
1475
1477
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
1476
1478
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
1477
1479
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -1480,7 +1482,7 @@ export default () => (
1480
1482
  </tr>
1481
1483
  <tr>
1482
1484
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
1483
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
1485
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
1484
1486
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
1485
1487
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
1486
1488
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -1580,7 +1582,7 @@ export default () => (
1580
1582
  </tr>
1581
1583
  <tr>
1582
1584
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
1583
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
1585
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
1584
1586
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
1585
1587
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
1586
1588
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -1589,7 +1591,7 @@ export default () => (
1589
1591
  </tr>
1590
1592
  <tr>
1591
1593
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
1592
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
1594
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
1593
1595
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
1594
1596
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
1595
1597
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>
@@ -1743,7 +1745,7 @@ export default () => {
1743
1745
  </tr>
1744
1746
  <tr>
1745
1747
  <td data-value="19" data-month="3" data-year="2026" class="rdtDay">19</td>
1746
- <td data-value="20" data-month="3" data-year="2026" class="rdtDay rdtToday">20</td>
1748
+ <td data-value="20" data-month="3" data-year="2026" class="rdtDay">20</td>
1747
1749
  <td data-value="21" data-month="3" data-year="2026" class="rdtDay">21</td>
1748
1750
  <td data-value="22" data-month="3" data-year="2026" class="rdtDay">22</td>
1749
1751
  <td data-value="23" data-month="3" data-year="2026" class="rdtDay">23</td>
@@ -1752,7 +1754,7 @@ export default () => {
1752
1754
  </tr>
1753
1755
  <tr>
1754
1756
  <td data-value="26" data-month="3" data-year="2026" class="rdtDay">26</td>
1755
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay">27</td>
1757
+ <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtToday">27</td>
1756
1758
  <td data-value="28" data-month="3" data-year="2026" class="rdtDay">28</td>
1757
1759
  <td data-value="29" data-month="3" data-year="2026" class="rdtDay">29</td>
1758
1760
  <td data-value="30" data-month="3" data-year="2026" class="rdtDay">30</td>