@rio-cloud/uikit-mcp 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (192) hide show
  1. package/README.md +1 -0
  2. package/dist/doc-metadata.json +20 -20
  3. package/dist/docs/components/accentBar.md +1 -1
  4. package/dist/docs/components/activity.md +1 -1
  5. package/dist/docs/components/animatedNumber.md +2 -2
  6. package/dist/docs/components/animatedTextReveal.md +6 -6
  7. package/dist/docs/components/animations.md +30 -30
  8. package/dist/docs/components/appHeader.md +1 -1
  9. package/dist/docs/components/appLayout.md +43 -26
  10. package/dist/docs/components/appNavigationBar.md +1 -1
  11. package/dist/docs/components/areaCharts.md +4 -4
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  13. package/dist/docs/components/assetTree.md +372 -463
  14. package/dist/docs/components/autosuggests.md +1 -1
  15. package/dist/docs/components/avatar.md +1 -1
  16. package/dist/docs/components/banner.md +1 -1
  17. package/dist/docs/components/barCharts.md +69 -89
  18. package/dist/docs/components/barList.md +3 -3
  19. package/dist/docs/components/basicMap.md +1 -1
  20. package/dist/docs/components/bottomSheet.md +1 -1
  21. package/dist/docs/components/button.md +1 -1
  22. package/dist/docs/components/buttonToolbar.md +1 -1
  23. package/dist/docs/components/calendarStripe.md +9 -1
  24. package/dist/docs/components/card.md +1 -1
  25. package/dist/docs/components/carousel.md +1 -1
  26. package/dist/docs/components/chartColors.md +1 -1
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +4 -1
  29. package/dist/docs/components/checkbox.md +1 -1
  30. package/dist/docs/components/clearableInput.md +1 -1
  31. package/dist/docs/components/collapse.md +2 -2
  32. package/dist/docs/components/composedCharts.md +48 -48
  33. package/dist/docs/components/contentLoader.md +101 -101
  34. package/dist/docs/components/dataTabs.md +7 -7
  35. package/dist/docs/components/datepickers.md +5 -5
  36. package/dist/docs/components/dialogs.md +1 -1
  37. package/dist/docs/components/divider.md +1 -1
  38. package/dist/docs/components/dropdowns.md +4353 -4365
  39. package/dist/docs/components/editableContent.md +1 -1
  40. package/dist/docs/components/expander.md +1 -1
  41. package/dist/docs/components/fade.md +1 -1
  42. package/dist/docs/components/fadeExpander.md +1 -1
  43. package/dist/docs/components/fadeUp.md +2 -2
  44. package/dist/docs/components/feedback.md +1 -1
  45. package/dist/docs/components/filePickers.md +1 -1
  46. package/dist/docs/components/formLabel.md +1 -1
  47. package/dist/docs/components/fullscreenMap.md +1 -1
  48. package/dist/docs/components/groupedItemList.md +1 -1
  49. package/dist/docs/components/iconList.md +4 -4
  50. package/dist/docs/components/imagePreloader.md +1 -1
  51. package/dist/docs/components/labeledElement.md +1 -1
  52. package/dist/docs/components/licensePlate.md +1 -1
  53. package/dist/docs/components/lineCharts.md +3 -3
  54. package/dist/docs/components/listMenu.md +1 -1
  55. package/dist/docs/components/loadMore.md +1 -1
  56. package/dist/docs/components/mainNavigation.md +1 -1
  57. package/dist/docs/components/mapCircle.md +1 -1
  58. package/dist/docs/components/mapCluster.md +1 -1
  59. package/dist/docs/components/mapContext.md +1 -1
  60. package/dist/docs/components/mapDraggableMarker.md +1 -1
  61. package/dist/docs/components/mapGettingStarted.md +1 -1
  62. package/dist/docs/components/mapInfoBubble.md +1 -1
  63. package/dist/docs/components/mapLayerGroup.md +1 -1
  64. package/dist/docs/components/mapMarker.md +1 -1
  65. package/dist/docs/components/mapPolygon.md +1 -1
  66. package/dist/docs/components/mapRoute.md +1 -1
  67. package/dist/docs/components/mapRouteGenerator.md +1 -1
  68. package/dist/docs/components/mapSettings.md +1 -1
  69. package/dist/docs/components/mapUtils.md +1 -1
  70. package/dist/docs/components/multiselects.md +1 -1
  71. package/dist/docs/components/noData.md +1 -1
  72. package/dist/docs/components/notifications.md +1 -1
  73. package/dist/docs/components/numbercontrol.md +1 -1
  74. package/dist/docs/components/onboarding.md +1 -1
  75. package/dist/docs/components/page.md +1 -1
  76. package/dist/docs/components/pager.md +1 -1
  77. package/dist/docs/components/pieCharts.md +36 -36
  78. package/dist/docs/components/popover.md +1 -1
  79. package/dist/docs/components/position.md +1 -1
  80. package/dist/docs/components/radialBarCharts.md +13 -13
  81. package/dist/docs/components/radiobutton.md +1 -1
  82. package/dist/docs/components/releaseNotes.md +1 -1
  83. package/dist/docs/components/resizer.md +1 -1
  84. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  85. package/dist/docs/components/responsiveVideo.md +1 -1
  86. package/dist/docs/components/rioglyph.md +1 -1
  87. package/dist/docs/components/rules.md +3 -3
  88. package/dist/docs/components/saveableInput.md +9 -9
  89. package/dist/docs/components/selects.md +1 -1
  90. package/dist/docs/components/sidebar.md +1 -1
  91. package/dist/docs/components/sliders.md +1 -1
  92. package/dist/docs/components/smoothScrollbars.md +1 -1
  93. package/dist/docs/components/spinners.md +1 -1
  94. package/dist/docs/components/states.md +1 -1
  95. package/dist/docs/components/statsWidgets.md +1 -1
  96. package/dist/docs/components/statusBar.md +1 -1
  97. package/dist/docs/components/stepButton.md +1 -1
  98. package/dist/docs/components/steppedProgressBars.md +1 -1
  99. package/dist/docs/components/subNavigation.md +1 -1
  100. package/dist/docs/components/supportMarker.md +1 -1
  101. package/dist/docs/components/svgImage.md +1 -1
  102. package/dist/docs/components/switch.md +1 -1
  103. package/dist/docs/components/tables.md +1 -1
  104. package/dist/docs/components/tagManager.md +1 -1
  105. package/dist/docs/components/tags.md +1 -1
  106. package/dist/docs/components/teaser.md +1 -1
  107. package/dist/docs/components/timeline.md +1 -1
  108. package/dist/docs/components/timepicker.md +1 -1
  109. package/dist/docs/components/toggleButton.md +1 -1
  110. package/dist/docs/components/tooltip.md +1 -1
  111. package/dist/docs/components/virtualList.md +70 -67
  112. package/dist/docs/foundations.md +118 -118
  113. package/dist/docs/start/changelog.md +709 -434
  114. package/dist/docs/start/goodtoknow.md +1 -1
  115. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  116. package/dist/docs/start/guidelines/custom-css.md +1 -1
  117. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  118. package/dist/docs/start/guidelines/formatting.md +1 -1
  119. package/dist/docs/start/guidelines/iframe.md +1 -1
  120. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  121. package/dist/docs/start/guidelines/print-css.md +1 -1
  122. package/dist/docs/start/guidelines/spinner.md +81 -81
  123. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  124. package/dist/docs/start/guidelines/writing.md +1 -1
  125. package/dist/docs/start/howto.md +1 -1
  126. package/dist/docs/start/intro.md +1 -1
  127. package/dist/docs/start/responsiveness.md +1 -1
  128. package/dist/docs/templates/common-table.md +11 -11
  129. package/dist/docs/templates/detail-views.md +2 -2
  130. package/dist/docs/templates/expandable-details.md +1 -1
  131. package/dist/docs/templates/feature-cards.md +55 -55
  132. package/dist/docs/templates/form-summary.md +22 -22
  133. package/dist/docs/templates/form-toggle.md +1 -1
  134. package/dist/docs/templates/list-blocks.md +203 -203
  135. package/dist/docs/templates/loading-progress.md +1 -1
  136. package/dist/docs/templates/options-panel.md +1 -1
  137. package/dist/docs/templates/panel-variants.md +1 -1
  138. package/dist/docs/templates/progress-cards.md +1 -1
  139. package/dist/docs/templates/progress-success.md +1 -1
  140. package/dist/docs/templates/settings-form.md +23 -23
  141. package/dist/docs/templates/stats-blocks.md +16 -16
  142. package/dist/docs/templates/table-panel.md +1 -1
  143. package/dist/docs/templates/table-row-animation.md +1 -1
  144. package/dist/docs/templates/usage-cards.md +1 -1
  145. package/dist/docs/utilities/deviceUtils.md +1 -1
  146. package/dist/docs/utilities/featureToggles.md +1 -1
  147. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  148. package/dist/docs/utilities/routeUtils.md +1 -1
  149. package/dist/docs/utilities/useAfterMount.md +1 -1
  150. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  151. package/dist/docs/utilities/useAverage.md +1 -1
  152. package/dist/docs/utilities/useClickOutside.md +1 -1
  153. package/dist/docs/utilities/useClipboard.md +2 -2
  154. package/dist/docs/utilities/useCount.md +1 -1
  155. package/dist/docs/utilities/useDarkMode.md +1 -1
  156. package/dist/docs/utilities/useDebugInfo.md +4 -4
  157. package/dist/docs/utilities/useEffectOnce.md +1 -1
  158. package/dist/docs/utilities/useElapsedTime.md +1 -1
  159. package/dist/docs/utilities/useElementSize.md +1 -1
  160. package/dist/docs/utilities/useEsc.md +1 -1
  161. package/dist/docs/utilities/useEvent.md +1 -1
  162. package/dist/docs/utilities/useFocusTrap.md +1 -1
  163. package/dist/docs/utilities/useFullscreen.md +1 -1
  164. package/dist/docs/utilities/useHover.md +1 -1
  165. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  166. package/dist/docs/utilities/useInterval.md +1 -1
  167. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  168. package/dist/docs/utilities/useKey.md +1 -1
  169. package/dist/docs/utilities/useLocalStorage.md +1 -1
  170. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  171. package/dist/docs/utilities/useMax.md +1 -1
  172. package/dist/docs/utilities/useMin.md +1 -1
  173. package/dist/docs/utilities/useMutationObserver.md +1 -1
  174. package/dist/docs/utilities/useOnScreen.md +1 -1
  175. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  176. package/dist/docs/utilities/usePostMessage.md +1 -1
  177. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  178. package/dist/docs/utilities/usePrevious.md +1 -1
  179. package/dist/docs/utilities/useResizeObserver.md +1 -1
  180. package/dist/docs/utilities/useScrollPosition.md +1 -1
  181. package/dist/docs/utilities/useSearch.md +1 -1
  182. package/dist/docs/utilities/useSorting.md +1 -1
  183. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  184. package/dist/docs/utilities/useSum.md +1 -1
  185. package/dist/docs/utilities/useTableExport.md +51 -51
  186. package/dist/docs/utilities/useTableSelection.md +87 -87
  187. package/dist/docs/utilities/useTimeout.md +1 -1
  188. package/dist/docs/utilities/useToggle.md +1 -1
  189. package/dist/docs/utilities/useWindowResize.md +1 -1
  190. package/dist/index.mjs +1 -1
  191. package/dist/version.json +1 -1
  192. package/package.json +1 -1
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/editableContent
6
- *Captured:* 2025-12-12T12:38:17.131Z
6
+ *Captured:* 2025-12-12T14:20:19.728Z
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:* 2025-12-12T12:38:23.227Z
6
+ *Captured:* 2025-12-12T14:20:25.698Z
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:* 2025-12-12T12:38:24.744Z
6
+ *Captured:* 2025-12-12T14:20:27.199Z
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:* 2025-12-12T12:38:22.077Z
6
+ *Captured:* 2025-12-12T14:20:24.731Z
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:* 2025-12-12T12:38:22.957Z
6
+ *Captured:* 2025-12-12T14:20:25.351Z
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
 
@@ -358,7 +358,7 @@ export default () => {
358
358
  <div class="" style="opacity: 1; transform: none;">
359
359
  <h1 class="">Lorem ipsum dolor sit amet</h1>
360
360
  </div>
361
- <div class="" style="opacity: 0; transform: translateY(-0.0578722px);">
361
+ <div class="" style="opacity: 0; transform: translateY(-0.0612424px);">
362
362
  <p class="text-color-dark">
363
363
  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>
364
364
  </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:* 2025-12-12T12:38:54.125Z
6
+ *Captured:* 2025-12-12T14:20:56.783Z
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:* 2025-12-12T12:38:32.659Z
6
+ *Captured:* 2025-12-12T14:20:34.929Z
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:* 2025-12-12T12:38:40.338Z
6
+ *Captured:* 2025-12-12T14:20:42.710Z
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:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/fullscreenMap
6
- *Captured:* 2025-12-12T12:39:16.346Z
6
+ *Captured:* 2025-12-12T14:21:21.512Z
7
7
 
8
8
  ## Overview
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:* 2025-12-12T12:38:41.760Z
6
+ *Captured:* 2025-12-12T14:20:44.081Z
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:* 2025-12-12T12:39:03.135Z
6
+ *Captured:* 2025-12-12T14:21:05.251Z
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-truck margin-top--1">
89
+ <span class="rioglyph rioglyph-trailer 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-van 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-user margin-top--1">
101
+ <span class="rioglyph rioglyph-driver 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:* 2025-12-12T12:38:53.190Z
6
+ *Captured:* 2025-12-12T14:20:55.429Z
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:* 2025-12-12T12:38:41.690Z
6
+ *Captured:* 2025-12-12T14:20:44.024Z
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:* 2025-12-12T12:38:53.423Z
6
+ *Captured:* 2025-12-12T14:20:55.646Z
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:* 2025-12-12T12:39:21.280Z
6
+ *Captured:* 2025-12-12T14:21:26.685Z
7
7
 
8
8
  ## LineChart
9
9
 
@@ -133,7 +133,7 @@ const data: CustomData[] = [
133
133
  </g>
134
134
  <g tabindex="-1" id="recharts-zindex-400-:r7:">
135
135
  <g class="recharts-layer recharts-line">
136
- <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r3:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="11.340162640277331px 40.048654193218766px" 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-:r3:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="12.588975601807295px 38.7998412316888px" 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" id="recharts-zindex-400-:rk:">
469
469
  <g class="recharts-layer recharts-line">
470
- <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:rg:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="49.640030826810914px 1.7487860066851795px" 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-:rg:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="50.75997395232794px 0.6288428811681541px" 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">
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Misc
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/listMenu
6
- *Captured:* 2025-12-12T12:38:54.109Z
6
+ *Captured:* 2025-12-12T14:20:56.314Z
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:* 2025-12-12T12:38:14.975Z
6
+ *Captured:* 2025-12-12T14:20:17.463Z
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:* 2025-12-12T12:38:07.047Z
6
+ *Captured:* 2025-12-12T14:20:09.819Z
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:* 2025-12-12T12:39:15.145Z
6
+ *Captured:* 2025-12-12T14:21:18.393Z
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:* 2025-12-12T12:39:13.237Z
6
+ *Captured:* 2025-12-12T14:21:18.226Z
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:* 2025-12-12T12:39:15.120Z
6
+ *Captured:* 2025-12-12T14:21:20.129Z
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:* 2025-12-12T12:39:05.357Z
6
+ *Captured:* 2025-12-12T14:21:08.350Z
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:* 2025-12-12T12:39:03.564Z
6
+ *Captured:* 2025-12-12T14:21:05.914Z
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:* 2025-12-12T12:39:12.574Z
6
+ *Captured:* 2025-12-12T14:21:18.360Z
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:* 2025-12-12T12:39:11.246Z
6
+ *Captured:* 2025-12-12T14:21:19.507Z
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:* 2025-12-12T12:39:12.134Z
6
+ *Captured:* 2025-12-12T14:21:14.917Z
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:* 2025-12-12T12:39:15.395Z
6
+ *Captured:* 2025-12-12T14:21:20.986Z
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:* 2025-12-12T12:39:31.759Z
6
+ *Captured:* 2025-12-12T14:21:36.148Z
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:* 2025-12-12T12:39:16.142Z
6
+ *Captured:* 2025-12-12T14:21:21.178Z
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Map
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/mapSettings
6
- *Captured:* 2025-12-12T12:39:09.858Z
6
+ *Captured:* 2025-12-12T14:21:16.587Z
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:* 2025-12-12T12:39:15.934Z
6
+ *Captured:* 2025-12-12T14:21:20.394Z
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:* 2025-12-12T12:38:31.291Z
6
+ *Captured:* 2025-12-12T14:20:33.780Z
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:* 2025-12-12T12:38:43.173Z
6
+ *Captured:* 2025-12-12T14:20:45.328Z
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:* 2025-12-12T12:38:55.225Z
6
+ *Captured:* 2025-12-12T14:20:57.711Z
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:* 2025-12-12T12:38:16.029Z
6
+ *Captured:* 2025-12-12T14:20:18.468Z
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:* 2025-12-12T12:38:55.062Z
6
+ *Captured:* 2025-12-12T14:20:57.281Z
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:* 2025-12-12T12:38:44.541Z
6
+ *Captured:* 2025-12-12T14:20:46.797Z
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:* 2025-12-12T12:38:09.425Z
6
+ *Captured:* 2025-12-12T14:20:12.054Z
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:* 2025-12-12T12:39:22.378Z
6
+ *Captured:* 2025-12-12T14:21:27.599Z
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-data-key="costs" class="recharts-sector" d="M 262.1296875,134
397
397
  A 103.2,103.2,0,
398
398
  0,0,
399
- 100.71499603138449,48.7867985743177
400
- L 110.98154045705118,63.81470812807174
399
+ 100.68578761471323,48.806760091233215
400
+ L 110.95748313711846,63.83114929994984
401
401
  A 85,85,0,
402
402
  0,1,
403
403
  243.9296875,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-data-key="costs" class="recharts-sector" d="M 96.33506286167977,51.95030185072102
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-data-key="costs" class="recharts-sector" d="M 96.30693917920428,51.971764661488194
408
408
  A 103.2,103.2,0,
409
409
  0,0,
410
- 56.2561315135589,144.41061482810426
411
- L 74.36328964295065,142.57463430609363
410
+ 56.26139106708253,144.46235669257095
411
+ L 74.3676216395544,142.61725115182685
412
412
  A 85,85,0,
413
413
  0,1,
414
- 107.37403736184865,66.42030675689232 Z">
414
+ 107.3508734760888,66.43798445955908 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-data-key="costs" class="recharts-sector" d="M 56.94169153576844,149.76986617571268
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-data-key="costs" class="recharts-sector" d="M 56.94965184121139,149.82126186598927
419
419
  A 103.2,103.2,0,
420
420
  0,0,
421
- 81.91785456008593,202.69801734573397
422
- L 95.49939874134984,190.5826693254592
421
+ 81.95872893429402,202.74381090306508
422
+ L 95.53306465033907,190.62038688721447
423
423
  A 85,85,0,
424
424
  0,1,
425
- 74.92794663798757,146.98874636565483 Z">
425
+ 74.93450309111404,147.03107808729737 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-data-key="costs" class="recharts-sector" d="M 85.61877303039996,206.6343570194642
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-data-key="costs" class="recharts-sector" d="M 85.66198803731146,206.67794861885653
430
430
  A 103.2,103.2,0,
431
431
  0,0,
432
- 99.79989322765762,218.58077458447912
433
- L 110.2278220625087,203.66439767132485
432
+ 99.85261619613395,218.61760836940456
433
+ L 110.27124698809482,203.69473557557546
434
434
  A 85,85,0,
435
435
  0,1,
436
- 98.54763585352711,193.82480956060522 Z">
436
+ 98.58322960921971,193.86071349421323 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-data-key="costs" class="recharts-sector" d="M 276.1609375,134
541
541
  A 103.2,103.2,0,
542
542
  0,0,
543
- 100.27679389930805,60.73844617376729
543
+ 100.24957674182834,60.76545885516171
544
544
  L 172.9609375,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-data-key="costs" class="recharts-sector" d="M 100.27679389930805,60.73844617376729
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-data-key="costs" class="recharts-sector" d="M 100.24957674182834,60.76545885516171
549
549
  A 103.2,103.2,0,
550
550
  0,0,
551
- 74.88356175892191,166.1102533117288
551
+ 74.90111652929943,166.16382301894714
552
552
  L 172.9609375,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-data-key="costs" class="recharts-sector" d="M 74.88356175892191,166.1102533117288
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-data-key="costs" class="recharts-sector" d="M 74.90111652929943,166.16382301894714
557
557
  A 103.2,103.2,0,
558
558
  0,0,
559
- 112.06490673312668,217.31814590375868
559
+ 112.11863449623375,217.3573881860384
560
560
  L 172.9609375,134 Z">
561
561
  </path>
562
562
  </g>
@@ -924,8 +924,8 @@ const data: CustomData[] = [
924
924
  <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4296875,184
925
925
  A 110,110,0,
926
926
  1,0,
927
- 126.12395766851357,203.23197560494168
928
- L 145.81590854696566,199.73525276767955
927
+ 126.02621365284715,202.67315875447025
928
+ L 145.7359361705113,199.2780389809302
929
929
  A 90,90,0,
930
930
  1,1,
931
931
  324.4296875,184 Z">
@@ -933,8 +933,8 @@ const data: CustomData[] = [
933
933
  <path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4296875,184
934
934
  A 120,120,0,
935
935
  1,0,
936
- 116.27798222928753,204.98033702357273
937
- L 120.21637240497795,204.28099245612032
936
+ 116.17135239401507,204.37071864124027
937
+ L 120.11329689754791,203.69169468653226
938
938
  A 116,116,0,
939
939
  1,1,
940
940
  350.4296875,184 Z">
@@ -949,36 +949,36 @@ const data: CustomData[] = [
949
949
  </g>
950
950
  </g>
951
951
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
952
- <path cx="234.4296875" cy="184" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M 127.27891074085373,208.87390278809502
952
+ <path cx="234.4296875" cy="184" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M 127.15205446572965,208.32096730322263
953
953
  A 110,110,0,
954
954
  0,0,
955
- 258.0840529957713,291.42658420052487
956
- L 253.7832592692674,271.8944779822476
955
+ 257.2689101523764,291.6028341106087
956
+ L 253.1163242155807,272.0386824541344
957
957
  A 90,90,0,
958
958
  0,1,
959
- 146.7608701516076,204.35137500844138 Z">
959
+ 146.6570786537788,203.89897324809124 Z">
960
960
  </path>
961
961
  </g>
962
962
  <g class="recharts-layer recharts-pie-sector" tabindex="-1">
963
- <path cx="234.4296875" cy="184" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M 263.6739085200044,290.0413859629019
963
+ <path cx="234.4296875" cy="184" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M 262.8691070091283,290.26005560879315
964
964
  A 110,110,0,
965
965
  0,0,
966
- 334.7456187801986,229.12996711040765
967
- L 316.5063585474352,220.924518544879
966
+ 334.33778017393547,230.02578644908002
967
+ L 316.1726724150381,221.65746164015638
968
968
  A 90,90,0,
969
969
  0,1,
970
- 258.3567774254581,270.76113396964706 Z">
970
+ 257.69830346201405,270.9400454981035 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="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-data-key="costs" class="recharts-sector" d="M 336.9700592667523,223.81798786900504
974
+ <path cx="234.4296875" cy="184" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-data-key="costs" class="recharts-sector" d="M 336.60966315083516,224.73392414185915
975
975
  A 110,110,0,
976
976
  0,0,
977
- 343.9298570940493,194.47439062067306
978
- L 324.02073534967667,192.56995596236888
977
+ 343.82684131063615,195.50055381849145
978
+ L 323.9364497087023,193.4095440333112
979
979
  A 90,90,0,
980
980
  0,1,
981
- 318.32635530916093,216.57835371100413 Z">
981
+ 318.0314857597742,217.32775611606658 Z">
982
982
  </path>
983
983
  </g>
984
984
  </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:* 2025-12-12T12:38:56.325Z
6
+ *Captured:* 2025-12-12T14:20:58.362Z
7
7
 
8
8
  In order to use a Popover on an element, wrap it with the OverlayTrigger component.
9
9