@rio-cloud/uikit-mcp 1.1.6 → 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 +18 -18
  2. package/dist/docs/components/accentBar.md +1 -1
  3. package/dist/docs/components/activity.md +1 -1
  4. package/dist/docs/components/animatedNumber.md +2 -2
  5. package/dist/docs/components/animatedTextReveal.md +6 -6
  6. package/dist/docs/components/animations.md +30 -30
  7. package/dist/docs/components/appHeader.md +1 -1
  8. package/dist/docs/components/appLayout.md +77 -60
  9. package/dist/docs/components/appNavigationBar.md +1 -1
  10. package/dist/docs/components/areaCharts.md +4 -4
  11. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  12. package/dist/docs/components/assetTree.md +143 -337
  13. package/dist/docs/components/autosuggests.md +1 -1
  14. package/dist/docs/components/avatar.md +1 -1
  15. package/dist/docs/components/banner.md +2 -2
  16. package/dist/docs/components/barCharts.md +13 -13
  17. package/dist/docs/components/barList.md +10 -10
  18. package/dist/docs/components/basicMap.md +1 -1
  19. package/dist/docs/components/bottomSheet.md +1 -1
  20. package/dist/docs/components/button.md +1 -1
  21. package/dist/docs/components/buttonToolbar.md +1 -1
  22. package/dist/docs/components/calendarStripe.md +1 -9
  23. package/dist/docs/components/card.md +1 -1
  24. package/dist/docs/components/carousel.md +1 -1
  25. package/dist/docs/components/chartColors.md +1 -1
  26. package/dist/docs/components/chartsGettingStarted.md +1 -1
  27. package/dist/docs/components/chat.md +2 -2
  28. package/dist/docs/components/checkbox.md +1 -1
  29. package/dist/docs/components/circularProgress.md +6 -6
  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 +15 -15
  33. package/dist/docs/components/contentLoader.md +1 -1
  34. package/dist/docs/components/dataTabs.md +9 -9
  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 -4398
  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/groupedItemList.md +1 -1
  48. package/dist/docs/components/iconList.md +4 -4
  49. package/dist/docs/components/imagePreloader.md +1 -1
  50. package/dist/docs/components/labeledElement.md +1 -1
  51. package/dist/docs/components/licensePlate.md +1 -1
  52. package/dist/docs/components/lineCharts.md +4 -4
  53. package/dist/docs/components/listMenu.md +1 -1
  54. package/dist/docs/components/loadMore.md +1 -1
  55. package/dist/docs/components/mainNavigation.md +1 -1
  56. package/dist/docs/components/mapCircle.md +1 -1
  57. package/dist/docs/components/mapCluster.md +1 -1
  58. package/dist/docs/components/mapContext.md +1 -1
  59. package/dist/docs/components/mapDraggableMarker.md +1 -1
  60. package/dist/docs/components/mapGettingStarted.md +1 -1
  61. package/dist/docs/components/mapInfoBubble.md +1 -1
  62. package/dist/docs/components/mapLayerGroup.md +1 -1
  63. package/dist/docs/components/mapMarker.md +1 -1
  64. package/dist/docs/components/mapPolygon.md +1 -1
  65. package/dist/docs/components/mapRoute.md +1 -1
  66. package/dist/docs/components/mapRouteGenerator.md +1 -1
  67. package/dist/docs/components/mapSettings.md +1 -1
  68. package/dist/docs/components/mapUtils.md +1 -1
  69. package/dist/docs/components/multiselects.md +1 -1
  70. package/dist/docs/components/noData.md +1 -1
  71. package/dist/docs/components/notifications.md +1 -1
  72. package/dist/docs/components/numbercontrol.md +1 -1
  73. package/dist/docs/components/onboarding.md +1 -1
  74. package/dist/docs/components/page.md +1 -1
  75. package/dist/docs/components/pager.md +1 -1
  76. package/dist/docs/components/pieCharts.md +36 -36
  77. package/dist/docs/components/popover.md +1 -1
  78. package/dist/docs/components/position.md +1 -1
  79. package/dist/docs/components/radialBarCharts.md +25 -25
  80. package/dist/docs/components/radioCardGroup.md +1 -1
  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 +1 -1
  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/textTruncateMiddle.md +1 -1
  108. package/dist/docs/components/timeline.md +1 -1
  109. package/dist/docs/components/timepicker.md +1 -1
  110. package/dist/docs/components/toggleButton.md +1 -1
  111. package/dist/docs/components/tooltip.md +1 -1
  112. package/dist/docs/components/tracker.md +1 -1
  113. package/dist/docs/components/virtualList.md +79 -76
  114. package/dist/docs/foundations.md +120 -120
  115. package/dist/docs/start/changelog.md +789 -1
  116. package/dist/docs/start/goodtoknow.md +1 -1
  117. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  118. package/dist/docs/start/guidelines/custom-css.md +1 -1
  119. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  120. package/dist/docs/start/guidelines/formatting.md +1 -1
  121. package/dist/docs/start/guidelines/iframe.md +1 -1
  122. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  123. package/dist/docs/start/guidelines/print-css.md +1 -1
  124. package/dist/docs/start/guidelines/spinner.md +1 -1
  125. package/dist/docs/start/guidelines/state-in-url.md +1 -1
  126. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  127. package/dist/docs/start/guidelines/writing.md +1 -1
  128. package/dist/docs/start/howto.md +1 -1
  129. package/dist/docs/start/intro.md +1 -1
  130. package/dist/docs/start/responsiveness.md +1 -1
  131. package/dist/docs/templates/common-table.md +11 -11
  132. package/dist/docs/templates/detail-views.md +2 -2
  133. package/dist/docs/templates/expandable-details.md +1 -1
  134. package/dist/docs/templates/feature-cards.md +55 -55
  135. package/dist/docs/templates/form-summary.md +22 -22
  136. package/dist/docs/templates/form-toggle.md +1 -1
  137. package/dist/docs/templates/list-blocks.md +197 -197
  138. package/dist/docs/templates/loading-progress.md +1 -1
  139. package/dist/docs/templates/options-panel.md +1 -1
  140. package/dist/docs/templates/panel-variants.md +1 -1
  141. package/dist/docs/templates/progress-cards.md +1 -1
  142. package/dist/docs/templates/progress-success.md +1 -1
  143. package/dist/docs/templates/settings-form.md +23 -23
  144. package/dist/docs/templates/stats-blocks.md +16 -16
  145. package/dist/docs/templates/table-panel.md +1 -1
  146. package/dist/docs/templates/table-row-animation.md +1 -1
  147. package/dist/docs/templates/usage-cards.md +1 -1
  148. package/dist/docs/utilities/classNames.md +1 -1
  149. package/dist/docs/utilities/deviceUtils.md +1 -1
  150. package/dist/docs/utilities/featureToggles.md +1 -1
  151. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  152. package/dist/docs/utilities/routeUtils.md +1 -1
  153. package/dist/docs/utilities/useAfterMount.md +1 -1
  154. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  155. package/dist/docs/utilities/useAverage.md +1 -1
  156. package/dist/docs/utilities/useClickOutside.md +1 -1
  157. package/dist/docs/utilities/useClipboard.md +2 -2
  158. package/dist/docs/utilities/useCookies.md +1 -1
  159. package/dist/docs/utilities/useCount.md +1 -1
  160. package/dist/docs/utilities/useDarkMode.md +1 -1
  161. package/dist/docs/utilities/useDebugInfo.md +4 -4
  162. package/dist/docs/utilities/useEffectOnce.md +1 -1
  163. package/dist/docs/utilities/useElapsedTime.md +1 -1
  164. package/dist/docs/utilities/useElementSize.md +1 -1
  165. package/dist/docs/utilities/useEsc.md +1 -1
  166. package/dist/docs/utilities/useEvent.md +1 -1
  167. package/dist/docs/utilities/useFocusTrap.md +1 -1
  168. package/dist/docs/utilities/useFullscreen.md +1 -1
  169. package/dist/docs/utilities/useHover.md +1 -1
  170. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  171. package/dist/docs/utilities/useInterval.md +1 -1
  172. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  173. package/dist/docs/utilities/useKey.md +1 -1
  174. package/dist/docs/utilities/useLocalStorage.md +1 -1
  175. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  176. package/dist/docs/utilities/useMax.md +1 -1
  177. package/dist/docs/utilities/useMin.md +1 -1
  178. package/dist/docs/utilities/useMutationObserver.md +1 -1
  179. package/dist/docs/utilities/useOnScreen.md +1 -1
  180. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  181. package/dist/docs/utilities/usePostMessage.md +1 -1
  182. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  183. package/dist/docs/utilities/usePrevious.md +1 -1
  184. package/dist/docs/utilities/useResizeObserver.md +1 -1
  185. package/dist/docs/utilities/useRioCookieConsent.md +1 -1
  186. package/dist/docs/utilities/useScrollPosition.md +1 -1
  187. package/dist/docs/utilities/useSearch.md +1 -1
  188. package/dist/docs/utilities/useSearchHighlight.md +1 -1
  189. package/dist/docs/utilities/useSorting.md +1 -1
  190. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  191. package/dist/docs/utilities/useSum.md +1 -1
  192. package/dist/docs/utilities/useTableExport.md +51 -51
  193. package/dist/docs/utilities/useTableSelection.md +87 -87
  194. package/dist/docs/utilities/useTimeout.md +1 -1
  195. package/dist/docs/utilities/useToggle.md +1 -1
  196. package/dist/docs/utilities/useUrlState.md +1 -1
  197. package/dist/docs/utilities/useWindowResize.md +1 -1
  198. package/dist/index.mjs +1 -1
  199. package/dist/version.json +1 -1
  200. package/package.json +1 -1
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/editableContent
6
- *Captured:* 2026-02-23T13:41:42.896Z
6
+ *Captured:* 2026-02-23T15:48:16.133Z
7
7
 
8
8
  The EditableContent component allows for inline editing text or other values. To make sure the user can recognize such an element, it's best to mark the text or content with a dotted line depending on the situation and where it is placed. Alternatively, you can place the "pencil" icon next to the content. Especially on mobile where no hover is available, the editable content must be marked permanently.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Show/Hide
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/expander
6
- *Captured:* 2026-02-23T13:41:49.050Z
6
+ *Captured:* 2026-02-23T15:48:22.087Z
7
7
 
8
8
  A simple panel component where the "panel-body" can be expanded.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Show/Hide
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/fade
6
- *Captured:* 2026-02-23T13:41:51.884Z
6
+ *Captured:* 2026-02-23T15:48:24.625Z
7
7
 
8
8
  The Fade component fades in and out content with a given animation style.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Show/Hide
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/fadeExpander
6
- *Captured:* 2026-02-23T13:41:49.271Z
6
+ *Captured:* 2026-02-23T15:48:22.049Z
7
7
 
8
8
  The FadeExpander component fades in and expands when the content.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Show/Hide
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/fadeUp
6
- *Captured:* 2026-02-23T13:41:50.175Z
6
+ *Captured:* 2026-02-23T15:48:23.237Z
7
7
 
8
8
  The FadeUp component fades in when the content appears on the screen. After it faded in, the element will stay on screen. This can be used in a scrolling scenario where elements should fade up when they scroll into view. Using the delay helps to stagger the animation.
9
9
 
@@ -356,7 +356,7 @@ export default () => {
356
356
  <div class="" style="opacity: 1; transform: none;">
357
357
  <h1 class="">Lorem ipsum dolor sit amet</h1>
358
358
  </div>
359
- <div class="" style="opacity: 0; transform: translateY(0.0276078px);">
359
+ <div class="" style="opacity: 0; transform: translateY(0.0280765px);">
360
360
  <p class="text-color-dark">
361
361
  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.</p>
362
362
  </div>
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/feedback
6
- *Captured:* 2026-02-23T13:42:24.858Z
6
+ *Captured:* 2026-02-23T15:48:57.392Z
7
7
 
8
8
  ## FeedbackRating
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Pickers
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/filePickers
6
- *Captured:* 2026-02-23T13:42:00.580Z
6
+ *Captured:* 2026-02-23T15:48:33.423Z
7
7
 
8
8
  ## FilePicker
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/formLabel
6
- *Captured:* 2026-02-23T13:42:10.733Z
6
+ *Captured:* 2026-02-23T15:48:43.064Z
7
7
 
8
8
  A small convenience component for a form label or just a label style used without a form element.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/groupedItemList
6
- *Captured:* 2026-02-23T13:42:11.699Z
6
+ *Captured:* 2026-02-23T15:48:44.508Z
7
7
 
8
8
  ## GroupedItemList
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* CSS Only
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/iconList
6
- *Captured:* 2026-02-23T13:42:34.624Z
6
+ *Captured:* 2026-02-23T15:49:07.105Z
7
7
 
8
8
  The timeline component is a pure CSS component.
9
9
 
@@ -86,19 +86,19 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget ma
86
86
  </div>
87
87
  <ul class="icon-list margin-bottom-0">
88
88
  <li>
89
- <span class="rioglyph rioglyph-van margin-top--1">
89
+ <span class="rioglyph rioglyph-user margin-top--1">
90
90
  </span>
91
91
  <span>
92
92
  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.</span>
93
93
  </li>
94
94
  <li>
95
- <span class="rioglyph rioglyph-trailer margin-top--1">
95
+ <span class="rioglyph rioglyph-bus margin-top--1">
96
96
  </span>
97
97
  <span>
98
98
  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.</span>
99
99
  </li>
100
100
  <li>
101
- <span class="rioglyph rioglyph-truck margin-top--1">
101
+ <span class="rioglyph rioglyph-van margin-top--1">
102
102
  </span>
103
103
  <span>
104
104
  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.</span>
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/imagePreloader
6
- *Captured:* 2026-02-23T13:42:23.833Z
6
+ *Captured:* 2026-02-23T15:48:55.989Z
7
7
 
8
8
  Use the preloader for controlling the various states when fetching the image. It allows to handle the failure case as well.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/labeledElement
6
- *Captured:* 2026-02-23T13:42:12.214Z
6
+ *Captured:* 2026-02-23T15:48:44.507Z
7
7
 
8
8
  A simple wrapper component that associates a label with any content, ensuring a unified label style. It simplifies the usage of labels for both form and non-form elements by using the FormLabelcomponent internally. For more flexibility, you can also use it directly when needed.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/licensePlate
6
- *Captured:* 2026-02-23T13:42:24.861Z
6
+ *Captured:* 2026-02-23T15:48:57.539Z
7
7
 
8
8
  The LicensePlate component is designed to display license plate information with various customization options. It is built with container queries, which ensure that design elements are shown or hidden based on the available space.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Charts
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/lineCharts
6
- *Captured:* 2026-02-23T13:42:56.803Z
6
+ *Captured:* 2026-02-23T15:49:28.261Z
7
7
 
8
8
  ## LineChart
9
9
 
@@ -133,7 +133,7 @@ const data: CustomData[] = [
133
133
  </g>
134
134
  <g tabindex="-1">
135
135
  <g class="recharts-layer recharts-line">
136
- <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r0:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="11.9456px 39.443216833496095px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
136
+ <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r0:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="11.9607px 39.42811683349609px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
137
137
  </path>
138
138
  </g>
139
139
  </g>
@@ -467,7 +467,7 @@ const data: CustomData[] = [
467
467
  </g>
468
468
  <g tabindex="-1">
469
469
  <g class="recharts-layer recharts-line">
470
- <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r1:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="47.9423px 3.4465168334960907px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
470
+ <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r1:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="46.2315px 5.157316833496097px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
471
471
  </path>
472
472
  </g>
473
473
  <g class="recharts-layer recharts-reference-line">
@@ -1481,7 +1481,7 @@ const data: CustomData[] = [
1481
1481
  <div class="recharts-responsive-container" style="width: 100%; height: 100%; min-width: 100px; min-height: 100px;">
1482
1482
  <div style="width: 0px; height: 0px; overflow: visible;">
1483
1483
  <div width="876" height="268" class="recharts-wrapper" style="position: relative; cursor: default; width: 876px; height: 268px;">
1484
- <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;">
1484
+ <div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper recharts-tooltip-wrapper-right recharts-tooltip-wrapper-bottom" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px; transform: translate(443.758px, 25px);">
1485
1485
  <div class="recharts-default-tooltip" role="status" aria-live="assertive" style="margin: 0px; padding: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap;">
1486
1486
  <p class="recharts-tooltip-label" style="margin: 0px;">
1487
1487
  </p>
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/listMenu
6
- *Captured:* 2026-02-23T13:42:25.448Z
6
+ *Captured:* 2026-02-23T15:48:57.884Z
7
7
 
8
8
  A simple list menu that supports grouping and filter.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/loadMore
6
- *Captured:* 2026-02-23T13:41:41.704Z
6
+ *Captured:* 2026-02-23T15:48:14.389Z
7
7
 
8
8
  ## LoadMoreButton
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Navigation
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mainNavigation
6
- *Captured:* 2026-02-23T13:41:32.592Z
6
+ *Captured:* 2026-02-23T15:48:05.898Z
7
7
 
8
8
  ## MainNavigation
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapCircle
6
- *Captured:* 2026-02-23T13:42:47.747Z
6
+ *Captured:* 2026-02-23T15:49:18.492Z
7
7
 
8
8
  ## Circle
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapCluster
6
- *Captured:* 2026-02-23T13:42:46.334Z
6
+ *Captured:* 2026-02-23T15:49:18.872Z
7
7
 
8
8
  ## Clusters
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapContext
6
- *Captured:* 2026-02-23T13:42:49.815Z
6
+ *Captured:* 2026-02-23T15:49:20.666Z
7
7
 
8
8
  ## Map
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapDraggableMarker
6
- *Captured:* 2026-02-23T13:42:37.712Z
6
+ *Captured:* 2026-02-23T15:49:10.269Z
7
7
 
8
8
  ## Draggable marker
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapGettingStarted
6
- *Captured:* 2026-02-23T13:42:35.437Z
6
+ *Captured:* 2026-02-23T15:49:07.908Z
7
7
 
8
8
  HERE Maps credentials used in the UIKIT demo are not allowed to be used in any production environment!
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapInfoBubble
6
- *Captured:* 2026-02-23T13:42:47.376Z
6
+ *Captured:* 2026-02-23T15:49:16.767Z
7
7
 
8
8
  ## InfoBubble
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapLayerGroup
6
- *Captured:* 2026-02-23T13:42:47.308Z
6
+ *Captured:* 2026-02-23T15:49:14.976Z
7
7
 
8
8
  ## MapLayerGroup
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapMarker
6
- *Captured:* 2026-02-23T13:42:46.221Z
6
+ *Captured:* 2026-02-23T15:49:18.241Z
7
7
 
8
8
  Markers are used to render elements at specific locations on the map. They adapt their position as the user interacts with the map.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapPolygon
6
- *Captured:* 2026-02-23T13:42:53.892Z
6
+ *Captured:* 2026-02-23T15:49:24.037Z
7
7
 
8
8
  ## Polygon
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapRoute
6
- *Captured:* 2026-02-23T13:43:06.955Z
6
+ *Captured:* 2026-02-23T15:49:39.662Z
7
7
 
8
8
  There are currently 3 different route styles built-in into the map component.
9
9
 
@@ -3,4 +3,4 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapRouteGenerator
6
- *Captured:* 2026-02-23T13:42:49.971Z
6
+ *Captured:* 2026-02-23T15:49:21.064Z
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapSettings
6
- *Captured:* 2026-02-23T13:42:45.487Z
6
+ *Captured:* 2026-02-23T15:49:13.290Z
7
7
 
8
8
  ## Map settings
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/mapUtils
6
- *Captured:* 2026-02-23T13:42:48.665Z
6
+ *Captured:* 2026-02-23T15:49:19.867Z
7
7
 
8
8
  ## Map utils
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Selection
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/multiselects
6
- *Captured:* 2026-02-23T13:41:57.688Z
6
+ *Captured:* 2026-02-23T15:48:30.315Z
7
7
 
8
8
  The Multiselect component is a form control and is intended to be used within forms. It's 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:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/noData
6
- *Captured:* 2026-02-23T13:42:13.303Z
6
+ *Captured:* 2026-02-23T15:48:45.714Z
7
7
 
8
8
  ## NoData
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/notifications
6
- *Captured:* 2026-02-23T13:42:26.036Z
6
+ *Captured:* 2026-02-23T15:48:58.255Z
7
7
 
8
8
  Hint:Notifications need to be wrapped by a NotificationsContainer inside your application layout body.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/numbercontrol
6
- *Captured:* 2026-02-23T13:41:41.711Z
6
+ *Captured:* 2026-02-23T15:48:14.832Z
7
7
 
8
8
  ## NumberInput
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/onboarding
6
- *Captured:* 2026-02-23T13:42:26.587Z
6
+ *Captured:* 2026-02-23T15:48:59.125Z
7
7
 
8
8
  Useful when you want to control a single tooltip that highlights a portion of the UI.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/page
6
- *Captured:* 2026-02-23T13:42:14.648Z
6
+ *Captured:* 2026-02-23T15:48:47.455Z
7
7
 
8
8
  ## Page
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Navigation
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/pager
6
- *Captured:* 2026-02-23T13:41:35.000Z
6
+ *Captured:* 2026-02-23T15:48:08.222Z
7
7
 
8
8
  ## Pager
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Charts
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/pieCharts
6
- *Captured:* 2026-02-23T13:42:57.670Z
6
+ *Captured:* 2026-02-23T15:49:28.097Z
7
7
 
8
8
  ## PieChart
9
9
 
@@ -396,44 +396,44 @@ const data: CustomData[] = [
396
396
  <path cx="158.9296875" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 262.1297,134
397
397
  A 103.2,103.2,0,
398
398
  0,0,
399
- 98.4209,50.4002
400
- L 109.092,65.1436
399
+ 87.7398,59.2856
400
+ L 100.2946,72.462
401
401
  A 85,85,0,
402
402
  0,1,
403
403
  243.9297,134 Z">
404
404
  </path>
405
405
  </g>
406
406
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
407
- <path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 94.1285,53.6816
407
+ <path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 83.9271,63.1138
408
408
  A 103.2,103.2,0,
409
409
  0,0,
410
- 56.7539,148.5034
411
- L 74.7733,145.9456
410
+ 61.6054,168.3252
411
+ L 78.7692,162.2718
412
412
  A 85,85,0,
413
413
  0,1,
414
- 105.5566,67.8463 Z">
414
+ 97.1543,75.615 Z">
415
415
  </path>
416
416
  </g>
417
417
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
418
- <path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 57.653,153.831
418
+ <path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 63.5352,173.3718
419
419
  A 103.2,103.2,0,
420
420
  0,0,
421
- 85.2417,206.2518
422
- L 98.2371,193.5097
421
+ 103.9823,221.3557
422
+ L 113.6726,205.95
423
423
  A 85,85,0,
424
424
  0,1,
425
- 75.5138,150.3336 Z">
425
+ 80.3587,166.4283 Z">
426
426
  </path>
427
427
  </g>
428
428
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
429
- <path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 89.1241,210.0093
429
+ <path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 108.6294,224.1117
430
430
  A 103.2,103.2,0,
431
431
  0,0,
432
- 104.0494,221.3979
433
- L 113.7279,205.9847
432
+ 126.8805,232.0974
433
+ L 132.5326,214.7972
434
434
  A 85,85,0,
435
435
  0,1,
436
- 101.4348,196.6046 Z">
436
+ 117.5002,208.2199 Z">
437
437
  </path>
438
438
  </g>
439
439
  </g>
@@ -540,23 +540,23 @@ const data: CustomData[] = [
540
540
  <path cx="172.9609375" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 276.1609,134
541
541
  A 103.2,103.2,0,
542
542
  0,0,
543
- 98.1504,62.9111
543
+ 88.602,74.5541
544
544
  L 172.9609,134 Z">
545
545
  </path>
546
546
  </g>
547
547
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
548
- <path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 98.1504,62.9111
548
+ <path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 88.602,74.5541
549
549
  A 103.2,103.2,0,
550
550
  0,0,
551
- 76.3657,170.3262
551
+ 86.3222,190.0712
552
552
  L 172.9609,134 Z">
553
553
  </path>
554
554
  </g>
555
555
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
556
- <path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 76.3657,170.3262
556
+ <path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 86.3222,190.0712
557
557
  A 103.2,103.2,0,
558
558
  0,0,
559
- 116.4012,220.3205
559
+ 139.8459,231.7427
560
560
  L 172.9609,134 Z">
561
561
  </path>
562
562
  </g>
@@ -936,8 +936,8 @@ const data: CustomData[] = [
936
936
  <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4297,184
937
937
  A 110,110,0,
938
938
  1,0,
939
- 125.7468,200.9713
940
- L 145.5073,197.8856
939
+ 126.2144,203.7345
940
+ L 145.8899,200.1464
941
941
  A 90,90,0,
942
942
  1,1,
943
943
  324.4297,184 Z">
@@ -945,8 +945,8 @@ const data: CustomData[] = [
945
945
  <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4297,184
946
946
  A 120,120,0,
947
947
  1,0,
948
- 115.8665,202.5141
949
- L 119.8186,201.897
948
+ 116.3766,205.5286
949
+ L 120.3118,204.811
950
950
  A 116,116,0,
951
951
  1,1,
952
952
  350.4297,184 Z">
@@ -960,36 +960,36 @@ const data: CustomData[] = [
960
960
  </g>
961
961
  </g>
962
962
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
963
- <path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M 126.7839,206.6361
963
+ <path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M 127.3955,209.371
964
964
  A 110,110,0,
965
965
  0,0,
966
- 254.7828,292.1006
967
- L 251.0823,272.446
966
+ 258.8167,291.2626
967
+ L 254.3827,271.7603
968
968
  A 90,90,0,
969
969
  0,1,
970
- 146.3559,202.5204 Z">
970
+ 146.8563,204.7581 Z">
971
971
  </path>
972
972
  </g>
973
973
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
974
- <path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M 260.4125,290.8873
974
+ <path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M 264.397,289.8393
975
975
  A 110,110,0,
976
976
  0,0,
977
- 333.0489,232.7263
978
- L 315.1181,223.867
977
+ 335.1059,228.3204
978
+ L 316.8011,220.2622
979
979
  A 90,90,0,
980
980
  0,1,
981
- 255.6883,271.4532 Z">
981
+ 258.9484,270.5958 Z">
982
982
  </path>
983
983
  </g>
984
984
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
985
- <path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M 335.4639,227.4982
985
+ <path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M 337.2875,222.9907
986
986
  A 110,110,0,
987
987
  0,0,
988
- 343.4546,198.6137
989
- L 323.6319,195.9566
988
+ 344.0144,193.5498
989
+ L 324.0899,191.8135
990
990
  A 90,90,0,
991
991
  0,1,
992
- 317.094,219.5894 Z">
992
+ 318.5861,215.9015 Z">
993
993
  </path>
994
994
  </g>
995
995
  </g>
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/popover
6
- *Captured:* 2026-02-23T13:42:27.140Z
6
+ *Captured:* 2026-02-23T15:48:59.749Z
7
7
 
8
8
  In order to use a Popover on an element, wrap it with the OverlayTrigger component.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/position
6
- *Captured:* 2026-02-23T13:42:26.945Z
6
+ *Captured:* 2026-02-23T15:48:59.442Z
7
7
 
8
8
  A helper component to format a latitude / longitude position.
9
9