@rio-cloud/uikit-mcp 1.1.1 → 1.1.2

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 (191) hide show
  1. package/dist/doc-metadata.json +20 -20
  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 +1 -1
  5. package/dist/docs/components/animatedTextReveal.md +6 -6
  6. package/dist/docs/components/animations.md +31 -31
  7. package/dist/docs/components/appHeader.md +1 -1
  8. package/dist/docs/components/appLayout.md +66 -25
  9. package/dist/docs/components/appNavigationBar.md +1 -1
  10. package/dist/docs/components/areaCharts.md +5 -5
  11. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  12. package/dist/docs/components/assetTree.md +201 -203
  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 +69 -69
  17. package/dist/docs/components/barList.md +11 -11
  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 +43 -67
  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 +1 -4
  28. package/dist/docs/components/checkbox.md +1 -1
  29. package/dist/docs/components/clearableInput.md +1 -1
  30. package/dist/docs/components/collapse.md +2 -2
  31. package/dist/docs/components/composedCharts.md +48 -48
  32. package/dist/docs/components/contentLoader.md +101 -101
  33. package/dist/docs/components/dataTabs.md +9 -9
  34. package/dist/docs/components/datepickers.md +29 -29
  35. package/dist/docs/components/dialogs.md +1 -1
  36. package/dist/docs/components/divider.md +1 -1
  37. package/dist/docs/components/dropdowns.md +4398 -4356
  38. package/dist/docs/components/editableContent.md +1 -1
  39. package/dist/docs/components/expander.md +1 -1
  40. package/dist/docs/components/fade.md +1 -1
  41. package/dist/docs/components/fadeExpander.md +1 -1
  42. package/dist/docs/components/fadeUp.md +2 -2
  43. package/dist/docs/components/feedback.md +1 -1
  44. package/dist/docs/components/filePickers.md +1 -1
  45. package/dist/docs/components/formLabel.md +1 -1
  46. package/dist/docs/components/fullscreenMap.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 +5 -5
  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 +69 -37
  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 +17 -17
  80. package/dist/docs/components/radiobutton.md +1 -1
  81. package/dist/docs/components/releaseNotes.md +1 -1
  82. package/dist/docs/components/resizer.md +1 -1
  83. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  84. package/dist/docs/components/responsiveVideo.md +1 -1
  85. package/dist/docs/components/rioglyph.md +1 -1
  86. package/dist/docs/components/rules.md +1 -1
  87. package/dist/docs/components/saveableInput.md +19 -19
  88. package/dist/docs/components/selects.md +1 -1
  89. package/dist/docs/components/sidebar.md +1 -1
  90. package/dist/docs/components/sliders.md +1 -1
  91. package/dist/docs/components/smoothScrollbars.md +1 -1
  92. package/dist/docs/components/spinners.md +1 -1
  93. package/dist/docs/components/states.md +1 -1
  94. package/dist/docs/components/statsWidgets.md +1 -1
  95. package/dist/docs/components/statusBar.md +1 -1
  96. package/dist/docs/components/stepButton.md +1 -1
  97. package/dist/docs/components/steppedProgressBars.md +1 -1
  98. package/dist/docs/components/subNavigation.md +1 -1
  99. package/dist/docs/components/supportMarker.md +1 -1
  100. package/dist/docs/components/svgImage.md +1 -1
  101. package/dist/docs/components/switch.md +1 -1
  102. package/dist/docs/components/tables.md +1 -1
  103. package/dist/docs/components/tagManager.md +1 -1
  104. package/dist/docs/components/tags.md +1 -1
  105. package/dist/docs/components/teaser.md +1 -1
  106. package/dist/docs/components/timeline.md +1 -1
  107. package/dist/docs/components/timepicker.md +1 -1
  108. package/dist/docs/components/toggleButton.md +1 -1
  109. package/dist/docs/components/tooltip.md +1 -1
  110. package/dist/docs/components/virtualList.md +74 -74
  111. package/dist/docs/foundations.md +115 -115
  112. package/dist/docs/start/changelog.md +7 -1
  113. package/dist/docs/start/goodtoknow.md +1 -1
  114. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  115. package/dist/docs/start/guidelines/custom-css.md +1 -1
  116. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  117. package/dist/docs/start/guidelines/formatting.md +1 -1
  118. package/dist/docs/start/guidelines/iframe.md +2 -2
  119. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  120. package/dist/docs/start/guidelines/print-css.md +1 -1
  121. package/dist/docs/start/guidelines/spinner.md +81 -81
  122. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  123. package/dist/docs/start/guidelines/writing.md +1 -1
  124. package/dist/docs/start/howto.md +9 -9
  125. package/dist/docs/start/intro.md +1 -1
  126. package/dist/docs/start/responsiveness.md +1 -1
  127. package/dist/docs/templates/common-table.md +11 -11
  128. package/dist/docs/templates/detail-views.md +2 -2
  129. package/dist/docs/templates/expandable-details.md +1 -1
  130. package/dist/docs/templates/feature-cards.md +55 -55
  131. package/dist/docs/templates/form-summary.md +22 -22
  132. package/dist/docs/templates/form-toggle.md +1 -1
  133. package/dist/docs/templates/list-blocks.md +203 -203
  134. package/dist/docs/templates/loading-progress.md +3 -3
  135. package/dist/docs/templates/options-panel.md +1 -1
  136. package/dist/docs/templates/panel-variants.md +1 -1
  137. package/dist/docs/templates/progress-cards.md +1 -1
  138. package/dist/docs/templates/progress-success.md +1 -1
  139. package/dist/docs/templates/settings-form.md +23 -23
  140. package/dist/docs/templates/stats-blocks.md +16 -16
  141. package/dist/docs/templates/table-panel.md +1 -1
  142. package/dist/docs/templates/table-row-animation.md +1 -1
  143. package/dist/docs/templates/usage-cards.md +1 -1
  144. package/dist/docs/utilities/deviceUtils.md +1 -1
  145. package/dist/docs/utilities/featureToggles.md +1 -1
  146. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  147. package/dist/docs/utilities/routeUtils.md +1 -1
  148. package/dist/docs/utilities/useAfterMount.md +1 -1
  149. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  150. package/dist/docs/utilities/useAverage.md +1 -1
  151. package/dist/docs/utilities/useClickOutside.md +1 -1
  152. package/dist/docs/utilities/useClipboard.md +2 -2
  153. package/dist/docs/utilities/useCount.md +1 -1
  154. package/dist/docs/utilities/useDarkMode.md +1 -1
  155. package/dist/docs/utilities/useDebugInfo.md +4 -4
  156. package/dist/docs/utilities/useEffectOnce.md +1 -1
  157. package/dist/docs/utilities/useElapsedTime.md +1 -1
  158. package/dist/docs/utilities/useElementSize.md +1 -1
  159. package/dist/docs/utilities/useEsc.md +1 -1
  160. package/dist/docs/utilities/useEvent.md +1 -1
  161. package/dist/docs/utilities/useFocusTrap.md +1 -1
  162. package/dist/docs/utilities/useFullscreen.md +1 -1
  163. package/dist/docs/utilities/useHover.md +1 -1
  164. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  165. package/dist/docs/utilities/useInterval.md +1 -1
  166. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  167. package/dist/docs/utilities/useKey.md +1 -1
  168. package/dist/docs/utilities/useLocalStorage.md +1 -1
  169. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  170. package/dist/docs/utilities/useMax.md +1 -1
  171. package/dist/docs/utilities/useMin.md +1 -1
  172. package/dist/docs/utilities/useMutationObserver.md +1 -1
  173. package/dist/docs/utilities/useOnScreen.md +1 -1
  174. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  175. package/dist/docs/utilities/usePostMessage.md +1 -1
  176. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  177. package/dist/docs/utilities/usePrevious.md +1 -1
  178. package/dist/docs/utilities/useResizeObserver.md +1 -1
  179. package/dist/docs/utilities/useScrollPosition.md +1 -1
  180. package/dist/docs/utilities/useSearch.md +1 -1
  181. package/dist/docs/utilities/useSorting.md +1 -1
  182. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  183. package/dist/docs/utilities/useSum.md +1 -1
  184. package/dist/docs/utilities/useTableExport.md +51 -51
  185. package/dist/docs/utilities/useTableSelection.md +87 -87
  186. package/dist/docs/utilities/useTimeout.md +1 -1
  187. package/dist/docs/utilities/useToggle.md +1 -1
  188. package/dist/docs/utilities/useWindowResize.md +1 -1
  189. package/dist/index.mjs +1 -1
  190. package/dist/version.json +2 -2
  191. package/package.json +1 -1
package/dist/docs/components/contentLoader.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/contentLoader
6
- *Captured:* 2025-12-12T14:20:41.281Z
6
+ *Captured:* 2025-12-15T15:02:37.070Z
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="4eaus6h-aria" role="img" height="40" width="40" class="ContentLoader ">
50
- <title id="4eaus6h-aria">Loading...</title>
51
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#4eaus6h-diff)" style="fill: url(&quot;#4eaus6h-animated-diff&quot;);">
49
+ <svg aria-labelledby="6g2q4qp-aria" role="img" height="40" width="40" class="ContentLoader ">
50
+ <title id="6g2q4qp-aria">Loading...</title>
51
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#6g2q4qp-diff)" style="fill: url(&quot;#6g2q4qp-animated-diff&quot;);">
52
52
  </rect>
53
53
  <defs>
54
- <clipPath id="4eaus6h-diff">
54
+ <clipPath id="6g2q4qp-diff">
55
55
  <circle cx="20" cy="20" r="20">
56
56
  </circle>
57
57
  </clipPath>
58
- <linearGradient id="4eaus6h-animated-diff" gradientTransform="translate(-2 0)">
58
+ <linearGradient id="6g2q4qp-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="iftk3z-aria" role="img" height="14" width="100%" class="ContentLoader height-20 margin-bottom-10 ">
73
- <title id="iftk3z-aria">Loading...</title>
74
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#iftk3z-diff)" style="fill: url(&quot;#iftk3z-animated-diff&quot;);">
72
+ <svg aria-labelledby="qpx0igr-aria" role="img" height="14" width="100%" class="ContentLoader height-20 margin-bottom-10 ">
73
+ <title id="qpx0igr-aria">Loading...</title>
74
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#qpx0igr-diff)" style="fill: url(&quot;#qpx0igr-animated-diff&quot;);">
75
75
  </rect>
76
76
  <defs>
77
- <clipPath id="iftk3z-diff">
77
+ <clipPath id="qpx0igr-diff">
78
78
  <rect width="100%" height="100%" rx="3" ry="3">
79
79
  </rect>
80
80
  </clipPath>
81
- <linearGradient id="iftk3z-animated-diff" gradientTransform="translate(-2 0)">
81
+ <linearGradient id="qpx0igr-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="5p8v425-aria" role="img" height="14" width="100%" class="ContentLoader ">
94
- <title id="5p8v425-aria">Loading...</title>
95
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#5p8v425-diff)" style="fill: url(&quot;#5p8v425-animated-diff&quot;);">
93
+ <svg aria-labelledby="b6xcj2q-aria" role="img" height="14" width="100%" class="ContentLoader ">
94
+ <title id="b6xcj2q-aria">Loading...</title>
95
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#b6xcj2q-diff)" style="fill: url(&quot;#b6xcj2q-animated-diff&quot;);">
96
96
  </rect>
97
97
  <defs>
98
- <clipPath id="5p8v425-diff">
98
+ <clipPath id="b6xcj2q-diff">
99
99
  <rect width="100%" height="100%" rx="3" ry="3">
100
100
  </rect>
101
101
  </clipPath>
102
- <linearGradient id="5p8v425-animated-diff" gradientTransform="translate(-2 0)">
102
+ <linearGradient id="b6xcj2q-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="9u12g5r-aria" role="img" height="14" width="80%" class="ContentLoader ">
115
- <title id="9u12g5r-aria">Loading...</title>
116
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#9u12g5r-diff)" style="fill: url(&quot;#9u12g5r-animated-diff&quot;);">
114
+ <svg aria-labelledby="4r0du6l-aria" role="img" height="14" width="80%" class="ContentLoader ">
115
+ <title id="4r0du6l-aria">Loading...</title>
116
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#4r0du6l-diff)" style="fill: url(&quot;#4r0du6l-animated-diff&quot;);">
117
117
  </rect>
118
118
  <defs>
119
- <clipPath id="9u12g5r-diff">
119
+ <clipPath id="4r0du6l-diff">
120
120
  <rect width="100%" height="100%" rx="3" ry="3">
121
121
  </rect>
122
122
  </clipPath>
123
- <linearGradient id="9u12g5r-animated-diff" gradientTransform="translate(-2 0)">
123
+ <linearGradient id="4r0du6l-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="93yav5p-aria" role="img" height="14" width="60%" class="ContentLoader ">
136
- <title id="93yav5p-aria">Loading...</title>
137
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#93yav5p-diff)" style="fill: url(&quot;#93yav5p-animated-diff&quot;);">
135
+ <svg aria-labelledby="lrmn5ol-aria" role="img" height="14" width="60%" class="ContentLoader ">
136
+ <title id="lrmn5ol-aria">Loading...</title>
137
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#lrmn5ol-diff)" style="fill: url(&quot;#lrmn5ol-animated-diff&quot;);">
138
138
  </rect>
139
139
  <defs>
140
- <clipPath id="93yav5p-diff">
140
+ <clipPath id="lrmn5ol-diff">
141
141
  <rect width="100%" height="100%" rx="3" ry="3">
142
142
  </rect>
143
143
  </clipPath>
144
- <linearGradient id="93yav5p-animated-diff" gradientTransform="translate(-2 0)">
144
+ <linearGradient id="lrmn5ol-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">
@@ -202,16 +202,16 @@ export default () => (
202
202
  ```html
203
203
  <div class="display-flex">
204
204
  <div>
205
- <svg aria-labelledby="7ij2ns-aria" role="img" height="40" width="40" class="ContentLoader ">
206
- <title id="7ij2ns-aria">Loading...</title>
207
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#7ij2ns-diff)" style="fill: url(&quot;#7ij2ns-animated-diff&quot;);">
205
+ <svg aria-labelledby="19cfpdv-aria" role="img" height="40" width="40" class="ContentLoader ">
206
+ <title id="19cfpdv-aria">Loading...</title>
207
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#19cfpdv-diff)" style="fill: url(&quot;#19cfpdv-animated-diff&quot;);">
208
208
  </rect>
209
209
  <defs>
210
- <clipPath id="7ij2ns-diff">
210
+ <clipPath id="19cfpdv-diff">
211
211
  <rect width="100%" height="100%" rx="3" ry="3">
212
212
  </rect>
213
213
  </clipPath>
214
- <linearGradient id="7ij2ns-animated-diff" gradientTransform="translate(-2 0)">
214
+ <linearGradient id="19cfpdv-animated-diff" gradientTransform="translate(-2 0)">
215
215
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
216
216
  </stop>
217
217
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -225,16 +225,16 @@ export default () => (
225
225
  </svg>
226
226
  </div>
227
227
  <div class="margin-left-15">
228
- <svg aria-labelledby="pna5ce7-aria" role="img" height="14" width="100%" class="ContentLoader ">
229
- <title id="pna5ce7-aria">Loading...</title>
230
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#pna5ce7-diff)" style="fill: url(&quot;#pna5ce7-animated-diff&quot;);">
228
+ <svg aria-labelledby="bmd05x-aria" role="img" height="14" width="100%" class="ContentLoader ">
229
+ <title id="bmd05x-aria">Loading...</title>
230
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#bmd05x-diff)" style="fill: url(&quot;#bmd05x-animated-diff&quot;);">
231
231
  </rect>
232
232
  <defs>
233
- <clipPath id="pna5ce7-diff">
233
+ <clipPath id="bmd05x-diff">
234
234
  <rect width="100%" height="100%" rx="3" ry="3">
235
235
  </rect>
236
236
  </clipPath>
237
- <linearGradient id="pna5ce7-animated-diff" gradientTransform="translate(-2 0)">
237
+ <linearGradient id="bmd05x-animated-diff" gradientTransform="translate(-2 0)">
238
238
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
239
239
  </stop>
240
240
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -246,16 +246,16 @@ export default () => (
246
246
  </linearGradient>
247
247
  </defs>
248
248
  </svg>
249
- <svg aria-labelledby="733w1ss-aria" role="img" height="14" width="100%" class="ContentLoader ">
250
- <title id="733w1ss-aria">Loading...</title>
251
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#733w1ss-diff)" style="fill: url(&quot;#733w1ss-animated-diff&quot;);">
249
+ <svg aria-labelledby="118yvit-aria" role="img" height="14" width="100%" class="ContentLoader ">
250
+ <title id="118yvit-aria">Loading...</title>
251
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#118yvit-diff)" style="fill: url(&quot;#118yvit-animated-diff&quot;);">
252
252
  </rect>
253
253
  <defs>
254
- <clipPath id="733w1ss-diff">
254
+ <clipPath id="118yvit-diff">
255
255
  <rect width="100%" height="100%" rx="3" ry="3">
256
256
  </rect>
257
257
  </clipPath>
258
- <linearGradient id="733w1ss-animated-diff" gradientTransform="translate(-2 0)">
258
+ <linearGradient id="118yvit-animated-diff" gradientTransform="translate(-2 0)">
259
259
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
260
260
  </stop>
261
261
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -377,16 +377,16 @@ export default () => (
377
377
  <tbody>
378
378
  <tr>
379
379
  <td>
380
- <svg aria-labelledby="prtlk5-aria" role="img" height="14" width="100%" class="ContentLoader ">
381
- <title id="prtlk5-aria">Loading...</title>
382
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#prtlk5-diff)" style="fill: url(&quot;#prtlk5-animated-diff&quot;);">
380
+ <svg aria-labelledby="pqjngbg-aria" role="img" height="14" width="100%" class="ContentLoader ">
381
+ <title id="pqjngbg-aria">Loading...</title>
382
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#pqjngbg-diff)" style="fill: url(&quot;#pqjngbg-animated-diff&quot;);">
383
383
  </rect>
384
384
  <defs>
385
- <clipPath id="prtlk5-diff">
385
+ <clipPath id="pqjngbg-diff">
386
386
  <rect width="100%" height="100%" rx="3" ry="3">
387
387
  </rect>
388
388
  </clipPath>
389
- <linearGradient id="prtlk5-animated-diff" gradientTransform="translate(-2 0)">
389
+ <linearGradient id="pqjngbg-animated-diff" gradientTransform="translate(-2 0)">
390
390
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
391
391
  </stop>
392
392
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -400,16 +400,16 @@ export default () => (
400
400
  </svg>
401
401
  </td>
402
402
  <td>
403
- <svg aria-labelledby="c2xu1tk-aria" role="img" height="14" width="100%" class="ContentLoader ">
404
- <title id="c2xu1tk-aria">Loading...</title>
405
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#c2xu1tk-diff)" style="fill: url(&quot;#c2xu1tk-animated-diff&quot;);">
403
+ <svg aria-labelledby="i612i8o-aria" role="img" height="14" width="100%" class="ContentLoader ">
404
+ <title id="i612i8o-aria">Loading...</title>
405
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#i612i8o-diff)" style="fill: url(&quot;#i612i8o-animated-diff&quot;);">
406
406
  </rect>
407
407
  <defs>
408
- <clipPath id="c2xu1tk-diff">
408
+ <clipPath id="i612i8o-diff">
409
409
  <rect width="100%" height="100%" rx="3" ry="3">
410
410
  </rect>
411
411
  </clipPath>
412
- <linearGradient id="c2xu1tk-animated-diff" gradientTransform="translate(-2 0)">
412
+ <linearGradient id="i612i8o-animated-diff" gradientTransform="translate(-2 0)">
413
413
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
414
414
  </stop>
415
415
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -423,16 +423,16 @@ export default () => (
423
423
  </svg>
424
424
  </td>
425
425
  <td>
426
- <svg aria-labelledby="8fdoxtm-aria" role="img" height="14" width="100%" class="ContentLoader ">
427
- <title id="8fdoxtm-aria">Loading...</title>
428
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#8fdoxtm-diff)" style="fill: url(&quot;#8fdoxtm-animated-diff&quot;);">
426
+ <svg aria-labelledby="7fnxn7x-aria" role="img" height="14" width="100%" class="ContentLoader ">
427
+ <title id="7fnxn7x-aria">Loading...</title>
428
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#7fnxn7x-diff)" style="fill: url(&quot;#7fnxn7x-animated-diff&quot;);">
429
429
  </rect>
430
430
  <defs>
431
- <clipPath id="8fdoxtm-diff">
431
+ <clipPath id="7fnxn7x-diff">
432
432
  <rect width="100%" height="100%" rx="3" ry="3">
433
433
  </rect>
434
434
  </clipPath>
435
- <linearGradient id="8fdoxtm-animated-diff" gradientTransform="translate(-2 0)">
435
+ <linearGradient id="7fnxn7x-animated-diff" gradientTransform="translate(-2 0)">
436
436
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
437
437
  </stop>
438
438
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -446,16 +446,16 @@ export default () => (
446
446
  </svg>
447
447
  </td>
448
448
  <td>
449
- <svg aria-labelledby="m68g53-aria" role="img" height="14" width="100%" class="ContentLoader ">
450
- <title id="m68g53-aria">Loading...</title>
451
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#m68g53-diff)" style="fill: url(&quot;#m68g53-animated-diff&quot;);">
449
+ <svg aria-labelledby="5xpmtds-aria" role="img" height="14" width="100%" class="ContentLoader ">
450
+ <title id="5xpmtds-aria">Loading...</title>
451
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#5xpmtds-diff)" style="fill: url(&quot;#5xpmtds-animated-diff&quot;);">
452
452
  </rect>
453
453
  <defs>
454
- <clipPath id="m68g53-diff">
454
+ <clipPath id="5xpmtds-diff">
455
455
  <rect width="100%" height="100%" rx="3" ry="3">
456
456
  </rect>
457
457
  </clipPath>
458
- <linearGradient id="m68g53-animated-diff" gradientTransform="translate(-2 0)">
458
+ <linearGradient id="5xpmtds-animated-diff" gradientTransform="translate(-2 0)">
459
459
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
460
460
  </stop>
461
461
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -471,16 +471,16 @@ export default () => (
471
471
  </tr>
472
472
  <tr>
473
473
  <td>
474
- <svg aria-labelledby="tpetnxl-aria" role="img" height="14" width="100%" class="ContentLoader ">
475
- <title id="tpetnxl-aria">Loading...</title>
476
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#tpetnxl-diff)" style="fill: url(&quot;#tpetnxl-animated-diff&quot;);">
474
+ <svg aria-labelledby="jwnvst-aria" role="img" height="14" width="100%" class="ContentLoader ">
475
+ <title id="jwnvst-aria">Loading...</title>
476
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#jwnvst-diff)" style="fill: url(&quot;#jwnvst-animated-diff&quot;);">
477
477
  </rect>
478
478
  <defs>
479
- <clipPath id="tpetnxl-diff">
479
+ <clipPath id="jwnvst-diff">
480
480
  <rect width="100%" height="100%" rx="3" ry="3">
481
481
  </rect>
482
482
  </clipPath>
483
- <linearGradient id="tpetnxl-animated-diff" gradientTransform="translate(-2 0)">
483
+ <linearGradient id="jwnvst-animated-diff" gradientTransform="translate(-2 0)">
484
484
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
485
485
  </stop>
486
486
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -494,16 +494,16 @@ export default () => (
494
494
  </svg>
495
495
  </td>
496
496
  <td>
497
- <svg aria-labelledby="d2s453o-aria" role="img" height="14" width="100%" class="ContentLoader ">
498
- <title id="d2s453o-aria">Loading...</title>
499
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#d2s453o-diff)" style="fill: url(&quot;#d2s453o-animated-diff&quot;);">
497
+ <svg aria-labelledby="p1ht6i-aria" role="img" height="14" width="100%" class="ContentLoader ">
498
+ <title id="p1ht6i-aria">Loading...</title>
499
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#p1ht6i-diff)" style="fill: url(&quot;#p1ht6i-animated-diff&quot;);">
500
500
  </rect>
501
501
  <defs>
502
- <clipPath id="d2s453o-diff">
502
+ <clipPath id="p1ht6i-diff">
503
503
  <rect width="100%" height="100%" rx="3" ry="3">
504
504
  </rect>
505
505
  </clipPath>
506
- <linearGradient id="d2s453o-animated-diff" gradientTransform="translate(-2 0)">
506
+ <linearGradient id="p1ht6i-animated-diff" gradientTransform="translate(-2 0)">
507
507
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
508
508
  </stop>
509
509
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -517,16 +517,16 @@ export default () => (
517
517
  </svg>
518
518
  </td>
519
519
  <td>
520
- <svg aria-labelledby="s92p5oiu-aria" role="img" height="14" width="100%" class="ContentLoader ">
521
- <title id="s92p5oiu-aria">Loading...</title>
522
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#s92p5oiu-diff)" style="fill: url(&quot;#s92p5oiu-animated-diff&quot;);">
520
+ <svg aria-labelledby="78ykb9q-aria" role="img" height="14" width="100%" class="ContentLoader ">
521
+ <title id="78ykb9q-aria">Loading...</title>
522
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#78ykb9q-diff)" style="fill: url(&quot;#78ykb9q-animated-diff&quot;);">
523
523
  </rect>
524
524
  <defs>
525
- <clipPath id="s92p5oiu-diff">
525
+ <clipPath id="78ykb9q-diff">
526
526
  <rect width="100%" height="100%" rx="3" ry="3">
527
527
  </rect>
528
528
  </clipPath>
529
- <linearGradient id="s92p5oiu-animated-diff" gradientTransform="translate(-2 0)">
529
+ <linearGradient id="78ykb9q-animated-diff" gradientTransform="translate(-2 0)">
530
530
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
531
531
  </stop>
532
532
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -540,16 +540,16 @@ export default () => (
540
540
  </svg>
541
541
  </td>
542
542
  <td>
543
- <svg aria-labelledby="sd6l3c7-aria" role="img" height="14" width="100%" class="ContentLoader ">
544
- <title id="sd6l3c7-aria">Loading...</title>
545
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#sd6l3c7-diff)" style="fill: url(&quot;#sd6l3c7-animated-diff&quot;);">
543
+ <svg aria-labelledby="5anrbwo-aria" role="img" height="14" width="100%" class="ContentLoader ">
544
+ <title id="5anrbwo-aria">Loading...</title>
545
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#5anrbwo-diff)" style="fill: url(&quot;#5anrbwo-animated-diff&quot;);">
546
546
  </rect>
547
547
  <defs>
548
- <clipPath id="sd6l3c7-diff">
548
+ <clipPath id="5anrbwo-diff">
549
549
  <rect width="100%" height="100%" rx="3" ry="3">
550
550
  </rect>
551
551
  </clipPath>
552
- <linearGradient id="sd6l3c7-animated-diff" gradientTransform="translate(-2 0)">
552
+ <linearGradient id="5anrbwo-animated-diff" gradientTransform="translate(-2 0)">
553
553
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
554
554
  </stop>
555
555
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -565,16 +565,16 @@ export default () => (
565
565
  </tr>
566
566
  <tr>
567
567
  <td>
568
- <svg aria-labelledby="ner1v7t-aria" role="img" height="14" width="100%" class="ContentLoader ">
569
- <title id="ner1v7t-aria">Loading...</title>
570
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#ner1v7t-diff)" style="fill: url(&quot;#ner1v7t-animated-diff&quot;);">
568
+ <svg aria-labelledby="esnwjai-aria" role="img" height="14" width="100%" class="ContentLoader ">
569
+ <title id="esnwjai-aria">Loading...</title>
570
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#esnwjai-diff)" style="fill: url(&quot;#esnwjai-animated-diff&quot;);">
571
571
  </rect>
572
572
  <defs>
573
- <clipPath id="ner1v7t-diff">
573
+ <clipPath id="esnwjai-diff">
574
574
  <rect width="100%" height="100%" rx="3" ry="3">
575
575
  </rect>
576
576
  </clipPath>
577
- <linearGradient id="ner1v7t-animated-diff" gradientTransform="translate(-2 0)">
577
+ <linearGradient id="esnwjai-animated-diff" gradientTransform="translate(-2 0)">
578
578
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
579
579
  </stop>
580
580
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -588,16 +588,16 @@ export default () => (
588
588
  </svg>
589
589
  </td>
590
590
  <td>
591
- <svg aria-labelledby="c4wuk3z-aria" role="img" height="14" width="100%" class="ContentLoader ">
592
- <title id="c4wuk3z-aria">Loading...</title>
593
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#c4wuk3z-diff)" style="fill: url(&quot;#c4wuk3z-animated-diff&quot;);">
591
+ <svg aria-labelledby="lkh55em-aria" role="img" height="14" width="100%" class="ContentLoader ">
592
+ <title id="lkh55em-aria">Loading...</title>
593
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#lkh55em-diff)" style="fill: url(&quot;#lkh55em-animated-diff&quot;);">
594
594
  </rect>
595
595
  <defs>
596
- <clipPath id="c4wuk3z-diff">
596
+ <clipPath id="lkh55em-diff">
597
597
  <rect width="100%" height="100%" rx="3" ry="3">
598
598
  </rect>
599
599
  </clipPath>
600
- <linearGradient id="c4wuk3z-animated-diff" gradientTransform="translate(-2 0)">
600
+ <linearGradient id="lkh55em-animated-diff" gradientTransform="translate(-2 0)">
601
601
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
602
602
  </stop>
603
603
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -611,16 +611,16 @@ export default () => (
611
611
  </svg>
612
612
  </td>
613
613
  <td>
614
- <svg aria-labelledby="tenf6k-aria" role="img" height="14" width="100%" class="ContentLoader ">
615
- <title id="tenf6k-aria">Loading...</title>
616
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#tenf6k-diff)" style="fill: url(&quot;#tenf6k-animated-diff&quot;);">
614
+ <svg aria-labelledby="jm5lvyh-aria" role="img" height="14" width="100%" class="ContentLoader ">
615
+ <title id="jm5lvyh-aria">Loading...</title>
616
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#jm5lvyh-diff)" style="fill: url(&quot;#jm5lvyh-animated-diff&quot;);">
617
617
  </rect>
618
618
  <defs>
619
- <clipPath id="tenf6k-diff">
619
+ <clipPath id="jm5lvyh-diff">
620
620
  <rect width="100%" height="100%" rx="3" ry="3">
621
621
  </rect>
622
622
  </clipPath>
623
- <linearGradient id="tenf6k-animated-diff" gradientTransform="translate(-2 0)">
623
+ <linearGradient id="jm5lvyh-animated-diff" gradientTransform="translate(-2 0)">
624
624
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
625
625
  </stop>
626
626
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
@@ -634,16 +634,16 @@ export default () => (
634
634
  </svg>
635
635
  </td>
636
636
  <td>
637
- <svg aria-labelledby="q8m1pe-aria" role="img" height="14" width="100%" class="ContentLoader ">
638
- <title id="q8m1pe-aria">Loading...</title>
639
- <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#q8m1pe-diff)" style="fill: url(&quot;#q8m1pe-animated-diff&quot;);">
637
+ <svg aria-labelledby="cc8dwt-aria" role="img" height="14" width="100%" class="ContentLoader ">
638
+ <title id="cc8dwt-aria">Loading...</title>
639
+ <rect role="presentation" x="0" y="0" width="100%" height="100%" clip-path="url(#cc8dwt-diff)" style="fill: url(&quot;#cc8dwt-animated-diff&quot;);">
640
640
  </rect>
641
641
  <defs>
642
- <clipPath id="q8m1pe-diff">
642
+ <clipPath id="cc8dwt-diff">
643
643
  <rect width="100%" height="100%" rx="3" ry="3">
644
644
  </rect>
645
645
  </clipPath>
646
- <linearGradient id="q8m1pe-animated-diff" gradientTransform="translate(-2 0)">
646
+ <linearGradient id="cc8dwt-animated-diff" gradientTransform="translate(-2 0)">
647
647
  <stop offset="0%" stop-color="#f5f6f7" stop-opacity="1">
648
648
  </stop>
649
649
  <stop offset="50%" stop-color="#eeeeee" stop-opacity="1">
package/dist/docs/components/dataTabs.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/dataTabs
6
- *Captured:* 2025-12-12T14:20:43.301Z
6
+ *Captured:* 2025-12-15T15:02:39.354Z
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
 
@@ -869,7 +869,7 @@ export const RouteType = () => (
869
869
  </g>
870
870
  <g tabindex="-1" id="recharts-zindex-400-:rb:">
871
871
  <g class="recharts-layer recharts-line">
872
- <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r7:" height="140" width="470" class="recharts-curve recharts-line-curve" stroke-dasharray="468.18389892578125px 0px" d="M45,30.556C67.778,53.889,90.556,77.222,113.333,77.222C136.111,77.222,158.889,62.056,181.667,62.056C204.444,62.056,227.222,62.056,250,62.056C272.778,62.056,295.556,19.278,318.333,19.278C341.111,19.278,363.889,77.222,386.667,77.222C409.444,77.222,432.222,69.639,455,62.056">
872
+ <path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r7:" height="140" width="470" class="recharts-curve recharts-line-curve" stroke-dasharray="486.64190673828125px 0px" d="M45,77.222C67.778,48.25,90.556,19.278,113.333,19.278C136.111,19.278,158.889,81.5,181.667,81.5C204.444,81.5,227.222,38.333,250,38.333C272.778,38.333,295.556,62.056,318.333,62.056C341.111,62.056,363.889,45.463,386.667,38.333C409.444,31.204,432.222,25.241,455,19.278">
873
873
  </path>
874
874
  </g>
875
875
  </g>
@@ -913,19 +913,19 @@ export const RouteType = () => (
913
913
  </g>
914
914
  <g tabindex="-1" id="recharts-zindex-600-:rd:">
915
915
  <g class="recharts-layer recharts-line-dots">
916
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="45" cy="30.55555555555556" class="recharts-dot recharts-line-dot">
916
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="45" cy="77.22222222222221" class="recharts-dot recharts-line-dot">
917
917
  </circle>
918
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="113.33333333333333" cy="77.22222222222221" class="recharts-dot recharts-line-dot">
918
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="113.33333333333333" cy="19.27777777777778" class="recharts-dot recharts-line-dot">
919
919
  </circle>
920
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="181.66666666666666" cy="62.05555555555556" class="recharts-dot recharts-line-dot">
920
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="181.66666666666666" cy="81.5" class="recharts-dot recharts-line-dot">
921
921
  </circle>
922
- <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="250" cy="62.05555555555556" class="recharts-dot recharts-line-dot">
922
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="250" cy="38.33333333333333" 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="318.3333333333333" cy="19.27777777777778" class="recharts-dot recharts-line-dot">
924
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="318.3333333333333" cy="62.05555555555556" 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="386.66666666666663" cy="77.22222222222221" class="recharts-dot recharts-line-dot">
926
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="386.66666666666663" cy="38.33333333333333" 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="455" cy="62.05555555555556" class="recharts-dot recharts-line-dot">
928
+ <circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="455" cy="19.27777777777778" class="recharts-dot recharts-line-dot">
929
929
  </circle>
930
930
  </g>
931
931
  </g>