@rio-cloud/uikit-mcp 1.1.5 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (200) hide show
  1. package/dist/doc-metadata.json +129 -29
  2. package/dist/docs/components/accentBar.md +2 -2
  3. package/dist/docs/components/activity.md +2 -2
  4. package/dist/docs/components/animatedNumber.md +3 -3
  5. package/dist/docs/components/animatedTextReveal.md +7 -7
  6. package/dist/docs/components/animations.md +33 -33
  7. package/dist/docs/components/appHeader.md +8 -8
  8. package/dist/docs/components/appLayout.md +106 -89
  9. package/dist/docs/components/appNavigationBar.md +2 -2
  10. package/dist/docs/components/areaCharts.md +14 -14
  11. package/dist/docs/components/aspectRatioPlaceholder.md +2 -2
  12. package/dist/docs/components/assetTree.md +209 -404
  13. package/dist/docs/components/autosuggests.md +2 -2
  14. package/dist/docs/components/avatar.md +2 -2
  15. package/dist/docs/components/banner.md +3 -3
  16. package/dist/docs/components/barCharts.md +24 -24
  17. package/dist/docs/components/barList.md +11 -11
  18. package/dist/docs/components/basicMap.md +2 -2
  19. package/dist/docs/components/bottomSheet.md +2 -2
  20. package/dist/docs/components/button.md +400 -32
  21. package/dist/docs/components/buttonToolbar.md +2 -2
  22. package/dist/docs/components/calendarStripe.md +96 -36
  23. package/dist/docs/components/card.md +2 -2
  24. package/dist/docs/components/carousel.md +2 -2
  25. package/dist/docs/components/chartColors.md +2 -2
  26. package/dist/docs/components/chartsGettingStarted.md +2 -2
  27. package/dist/docs/components/chat.md +3 -3
  28. package/dist/docs/components/checkbox.md +17 -20
  29. package/dist/docs/components/circularProgress.md +465 -0
  30. package/dist/docs/components/clearableInput.md +2 -2
  31. package/dist/docs/components/collapse.md +3 -3
  32. package/dist/docs/components/composedCharts.md +20 -20
  33. package/dist/docs/components/contentLoader.md +102 -102
  34. package/dist/docs/components/dataTabs.md +10 -10
  35. package/dist/docs/components/datepickers.md +31 -31
  36. package/dist/docs/components/dialogs.md +2 -2
  37. package/dist/docs/components/divider.md +2 -2
  38. package/dist/docs/components/dropdowns.md +4354 -4387
  39. package/dist/docs/components/editableContent.md +2 -2
  40. package/dist/docs/components/expander.md +2 -2
  41. package/dist/docs/components/fade.md +2 -2
  42. package/dist/docs/components/fadeExpander.md +3 -3
  43. package/dist/docs/components/fadeUp.md +3 -3
  44. package/dist/docs/components/feedback.md +2 -2
  45. package/dist/docs/components/filePickers.md +2 -2
  46. package/dist/docs/components/formLabel.md +5 -4
  47. package/dist/docs/components/groupedItemList.md +2 -2
  48. package/dist/docs/components/iconList.md +4 -4
  49. package/dist/docs/components/imagePreloader.md +2 -2
  50. package/dist/docs/components/labeledElement.md +2 -2
  51. package/dist/docs/components/licensePlate.md +2 -2
  52. package/dist/docs/components/lineCharts.md +11 -11
  53. package/dist/docs/components/listMenu.md +7 -7
  54. package/dist/docs/components/loadMore.md +2 -2
  55. package/dist/docs/components/mainNavigation.md +5 -5
  56. package/dist/docs/components/mapCircle.md +2 -2
  57. package/dist/docs/components/mapCluster.md +2 -2
  58. package/dist/docs/components/mapContext.md +2 -2
  59. package/dist/docs/components/mapDraggableMarker.md +2 -2
  60. package/dist/docs/components/mapGettingStarted.md +2 -2
  61. package/dist/docs/components/mapInfoBubble.md +2 -2
  62. package/dist/docs/components/mapLayerGroup.md +2 -2
  63. package/dist/docs/components/mapMarker.md +2 -2
  64. package/dist/docs/components/mapPolygon.md +2 -2
  65. package/dist/docs/components/mapRoute.md +2 -2
  66. package/dist/docs/components/mapRouteGenerator.md +2 -2
  67. package/dist/docs/components/mapSettings.md +9 -9
  68. package/dist/docs/components/mapUtils.md +2 -2
  69. package/dist/docs/components/multiselects.md +2 -2
  70. package/dist/docs/components/noData.md +2 -2
  71. package/dist/docs/components/notifications.md +2 -2
  72. package/dist/docs/components/numbercontrol.md +5 -4
  73. package/dist/docs/components/onboarding.md +2 -2
  74. package/dist/docs/components/page.md +2 -2
  75. package/dist/docs/components/pager.md +2 -2
  76. package/dist/docs/components/pieCharts.md +89 -78
  77. package/dist/docs/components/popover.md +2 -2
  78. package/dist/docs/components/position.md +2 -2
  79. package/dist/docs/components/radialBarCharts.md +2054 -2012
  80. package/dist/docs/components/radioCardGroup.md +487 -0
  81. package/dist/docs/components/radiobutton.md +2 -2
  82. package/dist/docs/components/releaseNotes.md +2 -2
  83. package/dist/docs/components/resizer.md +2 -2
  84. package/dist/docs/components/responsiveColumnStripe.md +2 -2
  85. package/dist/docs/components/responsiveVideo.md +2 -2
  86. package/dist/docs/components/rioglyph.md +2 -2
  87. package/dist/docs/components/rules.md +2 -2
  88. package/dist/docs/components/saveableInput.md +20 -20
  89. package/dist/docs/components/selects.md +2 -2
  90. package/dist/docs/components/sidebar.md +2 -2
  91. package/dist/docs/components/sliders.md +2 -2
  92. package/dist/docs/components/smoothScrollbars.md +2 -2
  93. package/dist/docs/components/spinners.md +2 -2
  94. package/dist/docs/components/states.md +2 -2
  95. package/dist/docs/components/statsWidgets.md +2 -2
  96. package/dist/docs/components/statusBar.md +2 -2
  97. package/dist/docs/components/stepButton.md +2 -2
  98. package/dist/docs/components/steppedProgressBars.md +2 -2
  99. package/dist/docs/components/subNavigation.md +17 -17
  100. package/dist/docs/components/supportMarker.md +2 -2
  101. package/dist/docs/components/svgImage.md +38 -2
  102. package/dist/docs/components/switch.md +210 -83
  103. package/dist/docs/components/tables.md +2 -2
  104. package/dist/docs/components/tagManager.md +2 -2
  105. package/dist/docs/components/tags.md +2 -2
  106. package/dist/docs/components/teaser.md +2 -2
  107. package/dist/docs/components/textTruncateMiddle.md +151 -0
  108. package/dist/docs/components/timeline.md +2 -2
  109. package/dist/docs/components/timepicker.md +660 -64
  110. package/dist/docs/components/toggleButton.md +37 -9
  111. package/dist/docs/components/tooltip.md +5 -4
  112. package/dist/docs/components/tracker.md +631 -0
  113. package/dist/docs/components/virtualList.md +77 -77
  114. package/dist/docs/foundations.md +594 -222
  115. package/dist/docs/start/changelog.md +54 -2
  116. package/dist/docs/start/goodtoknow.md +2 -2
  117. package/dist/docs/start/guidelines/color-combinations.md +2 -2
  118. package/dist/docs/start/guidelines/custom-css.md +2 -2
  119. package/dist/docs/start/guidelines/custom-rioglyph.md +2 -2
  120. package/dist/docs/start/guidelines/formatting.md +2 -2
  121. package/dist/docs/start/guidelines/iframe.md +3 -3
  122. package/dist/docs/start/guidelines/obfuscate-data.md +2 -2
  123. package/dist/docs/start/guidelines/print-css.md +2 -2
  124. package/dist/docs/start/guidelines/spinner.md +82 -82
  125. package/dist/docs/start/guidelines/state-in-url.md +263 -0
  126. package/dist/docs/start/guidelines/supported-browsers.md +2 -2
  127. package/dist/docs/start/guidelines/writing.md +2 -2
  128. package/dist/docs/start/howto.md +10 -10
  129. package/dist/docs/start/intro.md +2 -2
  130. package/dist/docs/start/responsiveness.md +2 -2
  131. package/dist/docs/templates/common-table.md +15 -14
  132. package/dist/docs/templates/detail-views.md +3 -3
  133. package/dist/docs/templates/expandable-details.md +2 -2
  134. package/dist/docs/templates/feature-cards.md +56 -56
  135. package/dist/docs/templates/form-summary.md +23 -23
  136. package/dist/docs/templates/form-toggle.md +2 -2
  137. package/dist/docs/templates/list-blocks.md +204 -204
  138. package/dist/docs/templates/loading-progress.md +2 -2
  139. package/dist/docs/templates/options-panel.md +2 -2
  140. package/dist/docs/templates/panel-variants.md +2 -2
  141. package/dist/docs/templates/progress-cards.md +2 -2
  142. package/dist/docs/templates/progress-success.md +2 -2
  143. package/dist/docs/templates/settings-form.md +24 -24
  144. package/dist/docs/templates/stats-blocks.md +15 -15
  145. package/dist/docs/templates/table-panel.md +2 -2
  146. package/dist/docs/templates/table-row-animation.md +2 -2
  147. package/dist/docs/templates/usage-cards.md +2 -2
  148. package/dist/docs/utilities/classNames.md +191 -0
  149. package/dist/docs/utilities/deviceUtils.md +2 -2
  150. package/dist/docs/utilities/featureToggles.md +2 -2
  151. package/dist/docs/utilities/fuelTypeUtils.md +2 -2
  152. package/dist/docs/utilities/routeUtils.md +326 -90
  153. package/dist/docs/utilities/useAfterMount.md +2 -2
  154. package/dist/docs/utilities/useAutoAnimate.md +2 -2
  155. package/dist/docs/utilities/useAverage.md +2 -2
  156. package/dist/docs/utilities/useClickOutside.md +2 -2
  157. package/dist/docs/utilities/useClipboard.md +3 -3
  158. package/dist/docs/utilities/useCookies.md +188 -0
  159. package/dist/docs/utilities/useCount.md +2 -2
  160. package/dist/docs/utilities/useDarkMode.md +2 -2
  161. package/dist/docs/utilities/useDebugInfo.md +5 -5
  162. package/dist/docs/utilities/useEffectOnce.md +2 -2
  163. package/dist/docs/utilities/useElapsedTime.md +2 -2
  164. package/dist/docs/utilities/useElementSize.md +2 -2
  165. package/dist/docs/utilities/useEsc.md +2 -2
  166. package/dist/docs/utilities/useEvent.md +2 -2
  167. package/dist/docs/utilities/useFocusTrap.md +2 -2
  168. package/dist/docs/utilities/useFullscreen.md +2 -2
  169. package/dist/docs/utilities/useHover.md +2 -2
  170. package/dist/docs/utilities/useIncomingPostMessages.md +2 -2
  171. package/dist/docs/utilities/useInterval.md +2 -2
  172. package/dist/docs/utilities/useIsFocusWithin.md +2 -2
  173. package/dist/docs/utilities/useKey.md +2 -2
  174. package/dist/docs/utilities/useLocalStorage.md +2 -2
  175. package/dist/docs/utilities/useLocationSuggestions.md +2 -2
  176. package/dist/docs/utilities/useMax.md +2 -2
  177. package/dist/docs/utilities/useMin.md +2 -2
  178. package/dist/docs/utilities/useMutationObserver.md +2 -2
  179. package/dist/docs/utilities/useOnScreen.md +2 -2
  180. package/dist/docs/utilities/useOnlineStatus.md +2 -2
  181. package/dist/docs/utilities/usePostMessage.md +3 -3
  182. package/dist/docs/utilities/usePostMessageSender.md +2 -2
  183. package/dist/docs/utilities/usePrevious.md +2 -2
  184. package/dist/docs/utilities/useResizeObserver.md +2 -2
  185. package/dist/docs/utilities/useRioCookieConsent.md +90 -0
  186. package/dist/docs/utilities/useScrollPosition.md +2 -2
  187. package/dist/docs/utilities/useSearch.md +2 -2
  188. package/dist/docs/utilities/useSearchHighlight.md +815 -0
  189. package/dist/docs/utilities/useSorting.md +2 -2
  190. package/dist/docs/utilities/useStateWithValidation.md +2 -2
  191. package/dist/docs/utilities/useSum.md +2 -2
  192. package/dist/docs/utilities/useTableExport.md +52 -52
  193. package/dist/docs/utilities/useTableSelection.md +90 -90
  194. package/dist/docs/utilities/useTimeout.md +2 -2
  195. package/dist/docs/utilities/useToggle.md +3 -3
  196. package/dist/docs/utilities/useUrlState.md +418 -0
  197. package/dist/docs/utilities/useWindowResize.md +2 -2
  198. package/dist/index.mjs +1 -1
  199. package/dist/version.json +2 -2
  200. package/package.json +9 -9
package/dist/docs/components/contentLoader.md CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Content
5
- *Source:* https://uikit.developers.rio.cloud/#components/contentLoader
6
- *Captured:* 2026-02-03T14:04:42.653Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/contentLoader
6
+ *Captured:* 2026-02-23T15:48:41.563Z
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
 
@@ -46,16 +46,16 @@ export default () => (
46
46
  ```html
47
47
  <div class="display-flex">
48
48
  <div>
49
- <svg aria-labelledby="4dc0dbl-aria" role="img" height="40" width="40" class="ContentLoader ">
50
- <title id="4dc0dbl-aria">Loading...</title>
51
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#4dc0dbl-diff)" style="fill: url(&quot;#4dc0dbl-animated-diff&quot;);">
49
+ <svg aria-labelledby=":r0:-aria" role="img" height="40" width="40" class="ContentLoader ">
50
+ <title id=":r0:-aria">Loading...</title>
51
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r0:-diff)" style="fill: url(&quot;#:r0:-animated-diff&quot;);">
52
52
  </rect>
53
53
  <defs>
54
- <clipPath id="4dc0dbl-diff">
54
+ <clipPath id=":r0:-diff">
55
55
  <circle cx="20" cy="20" r="20">
56
56
  </circle>
57
57
  </clipPath>
58
- <linearGradient id="4dc0dbl-animated-diff" gradientTransform="translate(-2 0)">
58
+ <linearGradient id=":r0:-animated-diff" gradientTransform="translate(-2 0)">
59
59
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
60
60
  </stop>
61
61
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -69,16 +69,16 @@ export default () => (
69
69
  </svg>
70
70
  </div>
71
71
  <div class="margin-left-15">
72
- <svg aria-labelledby="3ceze2d-aria" role="img" height="14" width="100%" class="ContentLoader height-20 margin-bottom-10 ">
73
- <title id="3ceze2d-aria">Loading...</title>
74
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#3ceze2d-diff)" style="fill: url(&quot;#3ceze2d-animated-diff&quot;);">
72
+ <svg aria-labelledby=":r1:-aria" role="img" height="14" width="100%" class="ContentLoader height-20 margin-bottom-10 ">
73
+ <title id=":r1:-aria">Loading...</title>
74
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r1:-diff)" style="fill: url(&quot;#:r1:-animated-diff&quot;);">
75
75
  </rect>
76
76
  <defs>
77
- <clipPath id="3ceze2d-diff">
77
+ <clipPath id=":r1:-diff">
78
78
  <rect width="100%" height="100%" rx="3" ry="3">
79
79
  </rect>
80
80
  </clipPath>
81
- <linearGradient id="3ceze2d-animated-diff" gradientTransform="translate(-2 0)">
81
+ <linearGradient id=":r1:-animated-diff" gradientTransform="translate(-2 0)">
82
82
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
83
83
  </stop>
84
84
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -90,16 +90,16 @@ export default () => (
90
90
  </linearGradient>
91
91
  </defs>
92
92
  </svg>
93
- <svg aria-labelledby="azupv27-aria" role="img" height="14" width="100%" class="ContentLoader ">
94
- <title id="azupv27-aria">Loading...</title>
95
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#azupv27-diff)" style="fill: url(&quot;#azupv27-animated-diff&quot;);">
93
+ <svg aria-labelledby=":r2:-aria" role="img" height="14" width="100%" class="ContentLoader ">
94
+ <title id=":r2:-aria">Loading...</title>
95
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r2:-diff)" style="fill: url(&quot;#:r2:-animated-diff&quot;);">
96
96
  </rect>
97
97
  <defs>
98
- <clipPath id="azupv27-diff">
98
+ <clipPath id=":r2:-diff">
99
99
  <rect width="100%" height="100%" rx="3" ry="3">
100
100
  </rect>
101
101
  </clipPath>
102
- <linearGradient id="azupv27-animated-diff" gradientTransform="translate(-2 0)">
102
+ <linearGradient id=":r2:-animated-diff" gradientTransform="translate(-2 0)">
103
103
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
104
104
  </stop>
105
105
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -111,16 +111,16 @@ export default () => (
111
111
  </linearGradient>
112
112
  </defs>
113
113
  </svg>
114
- <svg aria-labelledby="afletpt-aria" role="img" height="14" width="80%" class="ContentLoader ">
115
- <title id="afletpt-aria">Loading...</title>
116
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#afletpt-diff)" style="fill: url(&quot;#afletpt-animated-diff&quot;);">
114
+ <svg aria-labelledby=":r3:-aria" role="img" height="14" width="80%" class="ContentLoader ">
115
+ <title id=":r3:-aria">Loading...</title>
116
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r3:-diff)" style="fill: url(&quot;#:r3:-animated-diff&quot;);">
117
117
  </rect>
118
118
  <defs>
119
- <clipPath id="afletpt-diff">
119
+ <clipPath id=":r3:-diff">
120
120
  <rect width="100%" height="100%" rx="3" ry="3">
121
121
  </rect>
122
122
  </clipPath>
123
- <linearGradient id="afletpt-animated-diff" gradientTransform="translate(-2 0)">
123
+ <linearGradient id=":r3:-animated-diff" gradientTransform="translate(-2 0)">
124
124
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
125
125
  </stop>
126
126
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -132,16 +132,16 @@ export default () => (
132
132
  </linearGradient>
133
133
  </defs>
134
134
  </svg>
135
- <svg aria-labelledby="bngxj38-aria" role="img" height="14" width="60%" class="ContentLoader ">
136
- <title id="bngxj38-aria">Loading...</title>
137
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#bngxj38-diff)" style="fill: url(&quot;#bngxj38-animated-diff&quot;);">
135
+ <svg aria-labelledby=":r4:-aria" role="img" height="14" width="60%" class="ContentLoader ">
136
+ <title id=":r4:-aria">Loading...</title>
137
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r4:-diff)" style="fill: url(&quot;#:r4:-animated-diff&quot;);">
138
138
  </rect>
139
139
  <defs>
140
- <clipPath id="bngxj38-diff">
140
+ <clipPath id=":r4:-diff">
141
141
  <rect width="100%" height="100%" rx="3" ry="3">
142
142
  </rect>
143
143
  </clipPath>
144
- <linearGradient id="bngxj38-animated-diff" gradientTransform="translate(-2 0)">
144
+ <linearGradient id=":r4:-animated-diff" gradientTransform="translate(-2 0)">
145
145
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
146
146
  </stop>
147
147
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -203,16 +203,16 @@ export default () => (
203
203
  ```html
204
204
  <div class="display-flex">
205
205
  <div>
206
- <svg aria-labelledby="7ov0hcj-aria" role="img" height="40" width="40" class="ContentLoader ">
207
- <title id="7ov0hcj-aria">Loading...</title>
208
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#7ov0hcj-diff)" style="fill: url(&quot;#7ov0hcj-animated-diff&quot;);">
206
+ <svg aria-labelledby=":r5:-aria" role="img" height="40" width="40" class="ContentLoader ">
207
+ <title id=":r5:-aria">Loading...</title>
208
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r5:-diff)" style="fill: url(&quot;#:r5:-animated-diff&quot;);">
209
209
  </rect>
210
210
  <defs>
211
- <clipPath id="7ov0hcj-diff">
211
+ <clipPath id=":r5:-diff">
212
212
  <rect width="100%" height="100%" rx="3" ry="3">
213
213
  </rect>
214
214
  </clipPath>
215
- <linearGradient id="7ov0hcj-animated-diff" gradientTransform="translate(-2 0)">
215
+ <linearGradient id=":r5:-animated-diff" gradientTransform="translate(-2 0)">
216
216
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
217
217
  </stop>
218
218
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -226,16 +226,16 @@ export default () => (
226
226
  </svg>
227
227
  </div>
228
228
  <div class="margin-left-15">
229
- <svg aria-labelledby="doy2tu-aria" role="img" height="14" width="100%" class="ContentLoader ">
230
- <title id="doy2tu-aria">Loading...</title>
231
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#doy2tu-diff)" style="fill: url(&quot;#doy2tu-animated-diff&quot;);">
229
+ <svg aria-labelledby=":r6:-aria" role="img" height="14" width="100%" class="ContentLoader ">
230
+ <title id=":r6:-aria">Loading...</title>
231
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r6:-diff)" style="fill: url(&quot;#:r6:-animated-diff&quot;);">
232
232
  </rect>
233
233
  <defs>
234
- <clipPath id="doy2tu-diff">
234
+ <clipPath id=":r6:-diff">
235
235
  <rect width="100%" height="100%" rx="3" ry="3">
236
236
  </rect>
237
237
  </clipPath>
238
- <linearGradient id="doy2tu-animated-diff" gradientTransform="translate(-2 0)">
238
+ <linearGradient id=":r6:-animated-diff" gradientTransform="translate(-2 0)">
239
239
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
240
240
  </stop>
241
241
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -247,16 +247,16 @@ export default () => (
247
247
  </linearGradient>
248
248
  </defs>
249
249
  </svg>
250
- <svg aria-labelledby="28z5ulq-aria" role="img" height="14" width="100%" class="ContentLoader ">
251
- <title id="28z5ulq-aria">Loading...</title>
252
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#28z5ulq-diff)" style="fill: url(&quot;#28z5ulq-animated-diff&quot;);">
250
+ <svg aria-labelledby=":r7:-aria" role="img" height="14" width="100%" class="ContentLoader ">
251
+ <title id=":r7:-aria">Loading...</title>
252
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r7:-diff)" style="fill: url(&quot;#:r7:-animated-diff&quot;);">
253
253
  </rect>
254
254
  <defs>
255
- <clipPath id="28z5ulq-diff">
255
+ <clipPath id=":r7:-diff">
256
256
  <rect width="100%" height="100%" rx="3" ry="3">
257
257
  </rect>
258
258
  </clipPath>
259
- <linearGradient id="28z5ulq-animated-diff" gradientTransform="translate(-2 0)">
259
+ <linearGradient id=":r7:-animated-diff" gradientTransform="translate(-2 0)">
260
260
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
261
261
  </stop>
262
262
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -379,16 +379,16 @@ export default () => (
379
379
  <tbody>
380
380
  <tr>
381
381
  <td>
382
- <svg aria-labelledby="8l4bkkh-aria" role="img" height="14" width="100%" class="ContentLoader ">
383
- <title id="8l4bkkh-aria">Loading...</title>
384
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#8l4bkkh-diff)" style="fill: url(&quot;#8l4bkkh-animated-diff&quot;);">
382
+ <svg aria-labelledby=":r8:-aria" role="img" height="14" width="100%" class="ContentLoader ">
383
+ <title id=":r8:-aria">Loading...</title>
384
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r8:-diff)" style="fill: url(&quot;#:r8:-animated-diff&quot;);">
385
385
  </rect>
386
386
  <defs>
387
- <clipPath id="8l4bkkh-diff">
387
+ <clipPath id=":r8:-diff">
388
388
  <rect width="100%" height="100%" rx="3" ry="3">
389
389
  </rect>
390
390
  </clipPath>
391
- <linearGradient id="8l4bkkh-animated-diff" gradientTransform="translate(-2 0)">
391
+ <linearGradient id=":r8:-animated-diff" gradientTransform="translate(-2 0)">
392
392
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
393
393
  </stop>
394
394
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -402,16 +402,16 @@ export default () => (
402
402
  </svg>
403
403
  </td>
404
404
  <td>
405
- <svg aria-labelledby="ijyao0c-aria" role="img" height="14" width="100%" class="ContentLoader ">
406
- <title id="ijyao0c-aria">Loading...</title>
407
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#ijyao0c-diff)" style="fill: url(&quot;#ijyao0c-animated-diff&quot;);">
405
+ <svg aria-labelledby=":r9:-aria" role="img" height="14" width="100%" class="ContentLoader ">
406
+ <title id=":r9:-aria">Loading...</title>
407
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:r9:-diff)" style="fill: url(&quot;#:r9:-animated-diff&quot;);">
408
408
  </rect>
409
409
  <defs>
410
- <clipPath id="ijyao0c-diff">
410
+ <clipPath id=":r9:-diff">
411
411
  <rect width="100%" height="100%" rx="3" ry="3">
412
412
  </rect>
413
413
  </clipPath>
414
- <linearGradient id="ijyao0c-animated-diff" gradientTransform="translate(-2 0)">
414
+ <linearGradient id=":r9:-animated-diff" gradientTransform="translate(-2 0)">
415
415
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
416
416
  </stop>
417
417
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -425,16 +425,16 @@ export default () => (
425
425
  </svg>
426
426
  </td>
427
427
  <td>
428
- <svg aria-labelledby="plevuw-aria" role="img" height="14" width="100%" class="ContentLoader ">
429
- <title id="plevuw-aria">Loading...</title>
430
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#plevuw-diff)" style="fill: url(&quot;#plevuw-animated-diff&quot;);">
428
+ <svg aria-labelledby=":ra:-aria" role="img" height="14" width="100%" class="ContentLoader ">
429
+ <title id=":ra:-aria">Loading...</title>
430
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:ra:-diff)" style="fill: url(&quot;#:ra:-animated-diff&quot;);">
431
431
  </rect>
432
432
  <defs>
433
- <clipPath id="plevuw-diff">
433
+ <clipPath id=":ra:-diff">
434
434
  <rect width="100%" height="100%" rx="3" ry="3">
435
435
  </rect>
436
436
  </clipPath>
437
- <linearGradient id="plevuw-animated-diff" gradientTransform="translate(-2 0)">
437
+ <linearGradient id=":ra:-animated-diff" gradientTransform="translate(-2 0)">
438
438
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
439
439
  </stop>
440
440
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -448,16 +448,16 @@ export default () => (
448
448
  </svg>
449
449
  </td>
450
450
  <td>
451
- <svg aria-labelledby="m439n3h-aria" role="img" height="14" width="100%" class="ContentLoader ">
452
- <title id="m439n3h-aria">Loading...</title>
453
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#m439n3h-diff)" style="fill: url(&quot;#m439n3h-animated-diff&quot;);">
451
+ <svg aria-labelledby=":rb:-aria" role="img" height="14" width="100%" class="ContentLoader ">
452
+ <title id=":rb:-aria">Loading...</title>
453
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:rb:-diff)" style="fill: url(&quot;#:rb:-animated-diff&quot;);">
454
454
  </rect>
455
455
  <defs>
456
- <clipPath id="m439n3h-diff">
456
+ <clipPath id=":rb:-diff">
457
457
  <rect width="100%" height="100%" rx="3" ry="3">
458
458
  </rect>
459
459
  </clipPath>
460
- <linearGradient id="m439n3h-animated-diff" gradientTransform="translate(-2 0)">
460
+ <linearGradient id=":rb:-animated-diff" gradientTransform="translate(-2 0)">
461
461
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
462
462
  </stop>
463
463
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -473,16 +473,16 @@ export default () => (
473
473
  </tr>
474
474
  <tr>
475
475
  <td>
476
- <svg aria-labelledby="2bskwie-aria" role="img" height="14" width="100%" class="ContentLoader ">
477
- <title id="2bskwie-aria">Loading...</title>
478
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#2bskwie-diff)" style="fill: url(&quot;#2bskwie-animated-diff&quot;);">
476
+ <svg aria-labelledby=":rc:-aria" role="img" height="14" width="100%" class="ContentLoader ">
477
+ <title id=":rc:-aria">Loading...</title>
478
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:rc:-diff)" style="fill: url(&quot;#:rc:-animated-diff&quot;);">
479
479
  </rect>
480
480
  <defs>
481
- <clipPath id="2bskwie-diff">
481
+ <clipPath id=":rc:-diff">
482
482
  <rect width="100%" height="100%" rx="3" ry="3">
483
483
  </rect>
484
484
  </clipPath>
485
- <linearGradient id="2bskwie-animated-diff" gradientTransform="translate(-2 0)">
485
+ <linearGradient id=":rc:-animated-diff" gradientTransform="translate(-2 0)">
486
486
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
487
487
  </stop>
488
488
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -496,16 +496,16 @@ export default () => (
496
496
  </svg>
497
497
  </td>
498
498
  <td>
499
- <svg aria-labelledby="q62k5bf-aria" role="img" height="14" width="100%" class="ContentLoader ">
500
- <title id="q62k5bf-aria">Loading...</title>
501
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#q62k5bf-diff)" style="fill: url(&quot;#q62k5bf-animated-diff&quot;);">
499
+ <svg aria-labelledby=":rd:-aria" role="img" height="14" width="100%" class="ContentLoader ">
500
+ <title id=":rd:-aria">Loading...</title>
501
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:rd:-diff)" style="fill: url(&quot;#:rd:-animated-diff&quot;);">
502
502
  </rect>
503
503
  <defs>
504
- <clipPath id="q62k5bf-diff">
504
+ <clipPath id=":rd:-diff">
505
505
  <rect width="100%" height="100%" rx="3" ry="3">
506
506
  </rect>
507
507
  </clipPath>
508
- <linearGradient id="q62k5bf-animated-diff" gradientTransform="translate(-2 0)">
508
+ <linearGradient id=":rd:-animated-diff" gradientTransform="translate(-2 0)">
509
509
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
510
510
  </stop>
511
511
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -519,16 +519,16 @@ export default () => (
519
519
  </svg>
520
520
  </td>
521
521
  <td>
522
- <svg aria-labelledby="kvhxofth-aria" role="img" height="14" width="100%" class="ContentLoader ">
523
- <title id="kvhxofth-aria">Loading...</title>
524
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#kvhxofth-diff)" style="fill: url(&quot;#kvhxofth-animated-diff&quot;);">
522
+ <svg aria-labelledby=":re:-aria" role="img" height="14" width="100%" class="ContentLoader ">
523
+ <title id=":re:-aria">Loading...</title>
524
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:re:-diff)" style="fill: url(&quot;#:re:-animated-diff&quot;);">
525
525
  </rect>
526
526
  <defs>
527
- <clipPath id="kvhxofth-diff">
527
+ <clipPath id=":re:-diff">
528
528
  <rect width="100%" height="100%" rx="3" ry="3">
529
529
  </rect>
530
530
  </clipPath>
531
- <linearGradient id="kvhxofth-animated-diff" gradientTransform="translate(-2 0)">
531
+ <linearGradient id=":re:-animated-diff" gradientTransform="translate(-2 0)">
532
532
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
533
533
  </stop>
534
534
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -542,16 +542,16 @@ export default () => (
542
542
  </svg>
543
543
  </td>
544
544
  <td>
545
- <svg aria-labelledby="0b79py6-aria" role="img" height="14" width="100%" class="ContentLoader ">
546
- <title id="0b79py6-aria">Loading...</title>
547
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#0b79py6-diff)" style="fill: url(&quot;#0b79py6-animated-diff&quot;);">
545
+ <svg aria-labelledby=":rf:-aria" role="img" height="14" width="100%" class="ContentLoader ">
546
+ <title id=":rf:-aria">Loading...</title>
547
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:rf:-diff)" style="fill: url(&quot;#:rf:-animated-diff&quot;);">
548
548
  </rect>
549
549
  <defs>
550
- <clipPath id="0b79py6-diff">
550
+ <clipPath id=":rf:-diff">
551
551
  <rect width="100%" height="100%" rx="3" ry="3">
552
552
  </rect>
553
553
  </clipPath>
554
- <linearGradient id="0b79py6-animated-diff" gradientTransform="translate(-2 0)">
554
+ <linearGradient id=":rf:-animated-diff" gradientTransform="translate(-2 0)">
555
555
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
556
556
  </stop>
557
557
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -567,16 +567,16 @@ export default () => (
567
567
  </tr>
568
568
  <tr>
569
569
  <td>
570
- <svg aria-labelledby="crmfun-aria" role="img" height="14" width="100%" class="ContentLoader ">
571
- <title id="crmfun-aria">Loading...</title>
572
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#crmfun-diff)" style="fill: url(&quot;#crmfun-animated-diff&quot;);">
570
+ <svg aria-labelledby=":rg:-aria" role="img" height="14" width="100%" class="ContentLoader ">
571
+ <title id=":rg:-aria">Loading...</title>
572
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:rg:-diff)" style="fill: url(&quot;#:rg:-animated-diff&quot;);">
573
573
  </rect>
574
574
  <defs>
575
- <clipPath id="crmfun-diff">
575
+ <clipPath id=":rg:-diff">
576
576
  <rect width="100%" height="100%" rx="3" ry="3">
577
577
  </rect>
578
578
  </clipPath>
579
- <linearGradient id="crmfun-animated-diff" gradientTransform="translate(-2 0)">
579
+ <linearGradient id=":rg:-animated-diff" gradientTransform="translate(-2 0)">
580
580
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
581
581
  </stop>
582
582
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -590,16 +590,16 @@ export default () => (
590
590
  </svg>
591
591
  </td>
592
592
  <td>
593
- <svg aria-labelledby="ldz0sd9-aria" role="img" height="14" width="100%" class="ContentLoader ">
594
- <title id="ldz0sd9-aria">Loading...</title>
595
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#ldz0sd9-diff)" style="fill: url(&quot;#ldz0sd9-animated-diff&quot;);">
593
+ <svg aria-labelledby=":rh:-aria" role="img" height="14" width="100%" class="ContentLoader ">
594
+ <title id=":rh:-aria">Loading...</title>
595
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:rh:-diff)" style="fill: url(&quot;#:rh:-animated-diff&quot;);">
596
596
  </rect>
597
597
  <defs>
598
- <clipPath id="ldz0sd9-diff">
598
+ <clipPath id=":rh:-diff">
599
599
  <rect width="100%" height="100%" rx="3" ry="3">
600
600
  </rect>
601
601
  </clipPath>
602
- <linearGradient id="ldz0sd9-animated-diff" gradientTransform="translate(-2 0)">
602
+ <linearGradient id=":rh:-animated-diff" gradientTransform="translate(-2 0)">
603
603
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
604
604
  </stop>
605
605
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -613,16 +613,16 @@ export default () => (
613
613
  </svg>
614
614
  </td>
615
615
  <td>
616
- <svg aria-labelledby="mu40wqo-aria" role="img" height="14" width="100%" class="ContentLoader ">
617
- <title id="mu40wqo-aria">Loading...</title>
618
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#mu40wqo-diff)" style="fill: url(&quot;#mu40wqo-animated-diff&quot;);">
616
+ <svg aria-labelledby=":ri:-aria" role="img" height="14" width="100%" class="ContentLoader ">
617
+ <title id=":ri:-aria">Loading...</title>
618
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:ri:-diff)" style="fill: url(&quot;#:ri:-animated-diff&quot;);">
619
619
  </rect>
620
620
  <defs>
621
- <clipPath id="mu40wqo-diff">
621
+ <clipPath id=":ri:-diff">
622
622
  <rect width="100%" height="100%" rx="3" ry="3">
623
623
  </rect>
624
624
  </clipPath>
625
- <linearGradient id="mu40wqo-animated-diff" gradientTransform="translate(-2 0)">
625
+ <linearGradient id=":ri:-animated-diff" gradientTransform="translate(-2 0)">
626
626
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
627
627
  </stop>
628
628
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -636,16 +636,16 @@ export default () => (
636
636
  </svg>
637
637
  </td>
638
638
  <td>
639
- <svg aria-labelledby="2flepe-aria" role="img" height="14" width="100%" class="ContentLoader ">
640
- <title id="2flepe-aria">Loading...</title>
641
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#2flepe-diff)" style="fill: url(&quot;#2flepe-animated-diff&quot;);">
639
+ <svg aria-labelledby=":rj:-aria" role="img" height="14" width="100%" class="ContentLoader ">
640
+ <title id=":rj:-aria">Loading...</title>
641
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#:rj:-diff)" style="fill: url(&quot;#:rj:-animated-diff&quot;);">
642
642
  </rect>
643
643
  <defs>
644
- <clipPath id="2flepe-diff">
644
+ <clipPath id=":rj:-diff">
645
645
  <rect width="100%" height="100%" rx="3" ry="3">
646
646
  </rect>
647
647
  </clipPath>
648
- <linearGradient id="2flepe-animated-diff" gradientTransform="translate(-2 0)">
648
+ <linearGradient id=":rj:-animated-diff" gradientTransform="translate(-2 0)">
649
649
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
650
650
  </stop>
651
651
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
package/dist/docs/components/dataTabs.md CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  *Category:* Components
4
4
  *Section:* Content
5
- *Source:* https://uikit.developers.rio.cloud/#components/dataTabs
6
- *Captured:* 2026-02-03T14:04:45.261Z
5
+ *Source:* https://uikit.developers.rio.cloud/#/components/dataTabs
6
+ *Captured:* 2026-02-23T15:48:43.554Z
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
 
@@ -875,7 +875,7 @@ export const RouteType = () => (
875
875
  </g>
876
876
  <g tabindex="-1">
877
877
  <g class="recharts-layer recharts-line">
878
- <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r5:" height="140" width="470" class="recharts-curve recharts-line-curve" stroke-dasharray="431.9348px 0.000014453125004365575px" d="M45,23.75C67.778,28.563,90.556,33.375,113.333,33.375C136.111,33.375,158.889,15,181.667,15C204.444,15,227.222,33.375,250,33.375C272.778,33.375,295.556,15,318.333,15C341.111,15,363.889,50.438,386.667,50.438C409.444,50.438,432.222,41.906,455,33.375">
878
+ <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r8:" height="140" width="470" class="recharts-curve recharts-line-curve" stroke-dasharray="460.2367858886719px 0px" d="M45,33.375C67.778,48.833,90.556,64.292,113.333,67.5C136.111,70.708,158.889,72.313,181.667,72.313C204.444,72.313,227.222,72.313,250,72.313C272.778,72.313,295.556,33.375,318.333,33.375C341.111,33.375,363.889,67.5,386.667,67.5C409.444,67.5,432.222,41.25,455,15">
879
879
  </path>
880
880
  </g>
881
881
  </g>
@@ -919,19 +919,19 @@ export const RouteType = () => (
919
919
  </g>
920
920
  <g tabindex="-1">
921
921
  <g class="recharts-layer recharts-line-dots">
922
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="45" cy="23.75" class="recharts-dot recharts-line-dot">
922
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="45" cy="33.375" class="recharts-dot recharts-line-dot">
923
923
  </circle>
924
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="113.33333333333333" cy="33.375" class="recharts-dot recharts-line-dot">
924
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="113.33333333333333" cy="67.5" class="recharts-dot recharts-line-dot">
925
925
  </circle>
926
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="181.66666666666666" cy="15" class="recharts-dot recharts-line-dot">
926
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="181.66666666666666" cy="72.3125" class="recharts-dot recharts-line-dot">
927
927
  </circle>
928
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="250" cy="33.375" class="recharts-dot recharts-line-dot">
928
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="250" cy="72.3125" class="recharts-dot recharts-line-dot">
929
929
  </circle>
930
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="318.3333333333333" cy="15" class="recharts-dot recharts-line-dot">
930
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="318.3333333333333" cy="33.375" class="recharts-dot recharts-line-dot">
931
931
  </circle>
932
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="386.66666666666663" cy="50.43750000000001" class="recharts-dot recharts-line-dot">
932
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="386.66666666666663" cy="67.5" class="recharts-dot recharts-line-dot">
933
933
  </circle>
934
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="455" cy="33.375" class="recharts-dot recharts-line-dot">
934
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="455" cy="15" class="recharts-dot recharts-line-dot">
935
935
  </circle>
936
936
  </g>
937
937
  </g>