@rio-cloud/uikit-mcp 1.1.12 → 1.1.13

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 (207) hide show
  1. package/dist/doc-metadata.json +25 -25
  2. package/dist/docs/components/accentBar.md +1 -1
  3. package/dist/docs/components/activity.md +1 -1
  4. package/dist/docs/components/analyticsAnalysisOverlay.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 +21 -21
  8. package/dist/docs/components/appHeader.md +1 -1
  9. package/dist/docs/components/appLayout.md +84 -30
  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 +124 -206
  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 +2 -2
  17. package/dist/docs/components/barCharts.md +13 -13
  18. package/dist/docs/components/barList.md +9 -9
  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 +52 -52
  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 +2 -2
  29. package/dist/docs/components/checkbox.md +1 -1
  30. package/dist/docs/components/circularProgress.md +8 -8
  31. package/dist/docs/components/clearableInput.md +1 -1
  32. package/dist/docs/components/collapse.md +2 -2
  33. package/dist/docs/components/composedCharts.md +15 -15
  34. package/dist/docs/components/contentLoader.md +1 -1
  35. package/dist/docs/components/dataTabs.md +1 -1
  36. package/dist/docs/components/datepickers.md +672 -672
  37. package/dist/docs/components/dayPicker.md +5 -5
  38. package/dist/docs/components/dayPickerCalendar.md +473 -473
  39. package/dist/docs/components/dialogs.md +1 -1
  40. package/dist/docs/components/divider.md +1 -1
  41. package/dist/docs/components/dropdowns.md +3262 -3270
  42. package/dist/docs/components/editableContent.md +1 -1
  43. package/dist/docs/components/expander.md +1 -1
  44. package/dist/docs/components/fade.md +1 -1
  45. package/dist/docs/components/fadeExpander.md +1 -1
  46. package/dist/docs/components/fadeUp.md +2 -2
  47. package/dist/docs/components/feedback.md +1 -1
  48. package/dist/docs/components/filePickers.md +1 -1
  49. package/dist/docs/components/formLabel.md +1 -1
  50. package/dist/docs/components/groupedItemList.md +1 -1
  51. package/dist/docs/components/htmlTable.md +112 -110
  52. package/dist/docs/components/iconList.md +3 -3
  53. package/dist/docs/components/imagePreloader.md +1 -1
  54. package/dist/docs/components/labeledElement.md +1 -1
  55. package/dist/docs/components/licensePlate.md +1 -1
  56. package/dist/docs/components/lineCharts.md +3 -3
  57. package/dist/docs/components/listMenu.md +1 -1
  58. package/dist/docs/components/loadMore.md +1 -1
  59. package/dist/docs/components/mainNavigation.md +1 -1
  60. package/dist/docs/components/mapCircle.md +1 -1
  61. package/dist/docs/components/mapCluster.md +1 -1
  62. package/dist/docs/components/mapContext.md +1 -1
  63. package/dist/docs/components/mapDraggableMarker.md +1 -1
  64. package/dist/docs/components/mapGettingStarted.md +1 -1
  65. package/dist/docs/components/mapInfoBubble.md +1 -1
  66. package/dist/docs/components/mapLayerGroup.md +1 -1
  67. package/dist/docs/components/mapMarker.md +1 -1
  68. package/dist/docs/components/mapPolygon.md +1 -1
  69. package/dist/docs/components/mapRoute.md +1 -1
  70. package/dist/docs/components/mapSettings.md +1 -1
  71. package/dist/docs/components/mapUtils.md +1 -1
  72. package/dist/docs/components/mapViewportHistory.md +1 -1
  73. package/dist/docs/components/multiselects.md +1 -1
  74. package/dist/docs/components/noData.md +1 -1
  75. package/dist/docs/components/notifications.md +1 -1
  76. package/dist/docs/components/numbercontrol.md +1 -1
  77. package/dist/docs/components/onboarding.md +1 -1
  78. package/dist/docs/components/page.md +1 -1
  79. package/dist/docs/components/pager.md +1 -1
  80. package/dist/docs/components/pieCharts.md +36 -36
  81. package/dist/docs/components/popover.md +1 -1
  82. package/dist/docs/components/position.md +1 -1
  83. package/dist/docs/components/radialBarCharts.md +25 -25
  84. package/dist/docs/components/radioCardGroup.md +1 -1
  85. package/dist/docs/components/radiobutton.md +1 -1
  86. package/dist/docs/components/releaseNotes.md +1 -1
  87. package/dist/docs/components/resizer.md +1 -1
  88. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  89. package/dist/docs/components/responsiveVideo.md +1 -1
  90. package/dist/docs/components/rioglyph.md +1 -1
  91. package/dist/docs/components/rules.md +3 -3
  92. package/dist/docs/components/saveableInput.md +252 -252
  93. package/dist/docs/components/selects.md +1 -1
  94. package/dist/docs/components/sidebar.md +1 -1
  95. package/dist/docs/components/sliders.md +1 -1
  96. package/dist/docs/components/smoothScrollbars.md +1 -1
  97. package/dist/docs/components/spinners.md +1 -1
  98. package/dist/docs/components/states.md +1 -1
  99. package/dist/docs/components/statsWidgets.md +1 -1
  100. package/dist/docs/components/statusBar.md +1 -1
  101. package/dist/docs/components/stepButton.md +1 -1
  102. package/dist/docs/components/steppedProgressBars.md +1 -1
  103. package/dist/docs/components/subNavigation.md +1 -1
  104. package/dist/docs/components/supportMarker.md +1 -1
  105. package/dist/docs/components/svgImage.md +1 -1
  106. package/dist/docs/components/switch.md +1 -1
  107. package/dist/docs/components/table.md +14 -14
  108. package/dist/docs/components/tableControls.md +52 -52
  109. package/dist/docs/components/tagManager.md +1 -1
  110. package/dist/docs/components/tags.md +1 -1
  111. package/dist/docs/components/teaser.md +1 -1
  112. package/dist/docs/components/textTruncateMiddle.md +1 -1
  113. package/dist/docs/components/timeline.md +1 -1
  114. package/dist/docs/components/timepicker.md +1 -1
  115. package/dist/docs/components/toggleButton.md +1 -1
  116. package/dist/docs/components/tooltip.md +1 -1
  117. package/dist/docs/components/tracker.md +1 -1
  118. package/dist/docs/components/virtualList.md +63 -57
  119. package/dist/docs/foundations.md +101 -101
  120. package/dist/docs/start/changelog.md +5 -1
  121. package/dist/docs/start/goodtoknow.md +1 -1
  122. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  123. package/dist/docs/start/guidelines/custom-css.md +1 -1
  124. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  125. package/dist/docs/start/guidelines/formatting.md +1 -1
  126. package/dist/docs/start/guidelines/iframe.md +1 -1
  127. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  128. package/dist/docs/start/guidelines/print-css.md +1 -1
  129. package/dist/docs/start/guidelines/spinner.md +1 -1
  130. package/dist/docs/start/guidelines/state-in-url.md +1 -1
  131. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  132. package/dist/docs/start/guidelines/writing.md +1 -1
  133. package/dist/docs/start/howto.md +16 -16
  134. package/dist/docs/start/intro.md +2 -2
  135. package/dist/docs/start/responsiveness.md +1 -1
  136. package/dist/docs/templates/ai-assistant.md +1 -1
  137. package/dist/docs/templates/common-table.md +56 -56
  138. package/dist/docs/templates/detail-views.md +2 -2
  139. package/dist/docs/templates/expandable-details.md +1 -1
  140. package/dist/docs/templates/feature-cards.md +37 -37
  141. package/dist/docs/templates/form-summary.md +15 -15
  142. package/dist/docs/templates/form-toggle.md +1 -1
  143. package/dist/docs/templates/list-blocks.md +137 -137
  144. package/dist/docs/templates/loading-progress.md +1 -1
  145. package/dist/docs/templates/options-panel.md +1 -1
  146. package/dist/docs/templates/panel-variants.md +1 -1
  147. package/dist/docs/templates/progress-cards.md +1 -1
  148. package/dist/docs/templates/progress-success.md +1 -1
  149. package/dist/docs/templates/settings-form.md +18 -18
  150. package/dist/docs/templates/stats-blocks.md +12 -12
  151. package/dist/docs/templates/table-panel.md +1 -1
  152. package/dist/docs/templates/usage-cards.md +1 -1
  153. package/dist/docs/utilities/classNames.md +1 -1
  154. package/dist/docs/utilities/deviceUtils.md +1 -1
  155. package/dist/docs/utilities/featureToggles.md +1 -1
  156. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  157. package/dist/docs/utilities/getTrackingAttributes.md +1 -1
  158. package/dist/docs/utilities/routeUtils.md +1 -1
  159. package/dist/docs/utilities/useAfterMount.md +1 -1
  160. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  161. package/dist/docs/utilities/useAverage.md +1 -1
  162. package/dist/docs/utilities/useClickOutside.md +1 -1
  163. package/dist/docs/utilities/useClipboard.md +2 -2
  164. package/dist/docs/utilities/useCookies.md +1 -1
  165. package/dist/docs/utilities/useCount.md +1 -1
  166. package/dist/docs/utilities/useDarkMode.md +1 -1
  167. package/dist/docs/utilities/useDebugInfo.md +3 -3
  168. package/dist/docs/utilities/useDraggableElement.md +1 -1
  169. package/dist/docs/utilities/useEffectOnce.md +1 -1
  170. package/dist/docs/utilities/useElapsedTime.md +1 -1
  171. package/dist/docs/utilities/useElementSize.md +1 -1
  172. package/dist/docs/utilities/useEsc.md +1 -1
  173. package/dist/docs/utilities/useEvent.md +2 -2
  174. package/dist/docs/utilities/useFocusTrap.md +1 -1
  175. package/dist/docs/utilities/useFullscreen.md +1 -1
  176. package/dist/docs/utilities/useHover.md +1 -1
  177. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  178. package/dist/docs/utilities/useInterval.md +1 -1
  179. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  180. package/dist/docs/utilities/useKey.md +1 -1
  181. package/dist/docs/utilities/useLocalStorage.md +1 -1
  182. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  183. package/dist/docs/utilities/useMax.md +1 -1
  184. package/dist/docs/utilities/useMin.md +1 -1
  185. package/dist/docs/utilities/useMutationObserver.md +1 -1
  186. package/dist/docs/utilities/useOnScreen.md +1 -1
  187. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  188. package/dist/docs/utilities/usePostMessage.md +2 -2
  189. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  190. package/dist/docs/utilities/usePrevious.md +1 -1
  191. package/dist/docs/utilities/useResizeObserver.md +1 -1
  192. package/dist/docs/utilities/useRioCookieConsent.md +1 -1
  193. package/dist/docs/utilities/useScrollPosition.md +1 -1
  194. package/dist/docs/utilities/useSearch.md +1 -1
  195. package/dist/docs/utilities/useSearchHighlight.md +1 -1
  196. package/dist/docs/utilities/useSorting.md +1 -1
  197. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  198. package/dist/docs/utilities/useSum.md +1 -1
  199. package/dist/docs/utilities/useTableExport.md +61 -61
  200. package/dist/docs/utilities/useTableSelection.md +72 -72
  201. package/dist/docs/utilities/useTimeout.md +1 -1
  202. package/dist/docs/utilities/useToggle.md +1 -1
  203. package/dist/docs/utilities/useUrlState.md +1 -1
  204. package/dist/docs/utilities/useWindowResize.md +1 -1
  205. package/dist/index.mjs +1 -1
  206. package/dist/version.json +2 -2
  207. package/package.json +12 -8
@@ -3,7 +3,11 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Welcome
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/changelog
6
- *Captured:* 2026-05-06T12:13:06.539Z
6
+ *Captured:* 2026-06-11T10:00:19.753Z
7
+
8
+ ## Version 2.4.2 (2026-06-11)
9
+
10
+ - **Fixed** Migrated the forked react-datetime dependency from a GitHub source to the published npm package to address a security vulnerability and improve dependency management.
7
11
 
8
12
  ## Version 2.4.1 (2026-05-06)
9
13
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/goodtoknow
6
- *Captured:* 2026-05-06T12:13:06.505Z
6
+ *Captured:* 2026-06-11T10:00:19.577Z
7
7
 
8
8
  ## Good to know
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/color-combinations
6
- *Captured:* 2026-05-06T12:13:07.523Z
6
+ *Captured:* 2026-06-11T10:00:20.445Z
7
7
 
8
8
  For accessibility purposes, aim for a good color contrast between the foreground color (e.g. text, links, etc.) and the background color. This contrast ensures people with moderately low vision can tell the colors apart and see your content.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/custom-css
6
- *Captured:* 2026-05-06T12:13:07.409Z
6
+ *Captured:* 2026-06-11T10:00:20.888Z
7
7
 
8
8
  Maintaining CSS will become harder over time due to various reasons like growing amount of styles, old and unknown overwrites, exchange of Team members etc.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/custom-rioglyph
6
- *Captured:* 2026-05-06T12:13:07.458Z
6
+ *Captured:* 2026-06-11T10:00:20.629Z
7
7
 
8
8
  To use a custom Rioglyph icon, there are two different approaches:
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/formatting
6
- *Captured:* 2026-05-06T12:13:09.245Z
6
+ *Captured:* 2026-06-11T10:00:23.981Z
7
7
 
8
8
  Having a common date formatting guide is crucial to ensure consistency, clarity, and accuracy in documentation, making it easier to understand and interpret dates correctly across different contexts.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/iframe
6
- *Captured:* 2026-05-06T12:13:08.931Z
6
+ *Captured:* 2026-06-11T10:00:22.716Z
7
7
 
8
8
  Web applications can embed smaller SPAs as widgets using an <iframe> to enrich it's functionality provided by other services and teams. This page explains what the parent application (host) and the child application (widget) must do to ensure correct styling, sizing, and communication.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/obfuscate-data
6
- *Captured:* 2026-05-06T12:13:08.339Z
6
+ *Captured:* 2026-06-11T10:00:21.704Z
7
7
 
8
8
  This demo demonstrates how sensitive data marked with the data-pii="visible" attribute can be obfuscated directly in the frontend.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/print-css
6
- *Captured:* 2026-05-06T12:13:08.331Z
6
+ *Captured:* 2026-06-11T10:00:21.703Z
7
7
 
8
8
  The UIKIT supports simple print stylings in order to have printable content. Those print styles are supposed to do basic printing and should not replace server side PDF`s.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/spinner
6
- *Captured:* 2026-05-06T12:13:10.591Z
6
+ *Captured:* 2026-06-11T10:00:23.369Z
7
7
 
8
8
  There are various approaches when it comes to loading data and showing the user the different stages of the loading process.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/state-in-url
6
- *Captured:* 2026-05-06T12:13:07.452Z
6
+ *Captured:* 2026-06-11T10:00:20.653Z
7
7
 
8
8
  Every service frontend should support deep linking and reflect meaningful UI state in the URL. This enables restoring state when links are shared, when they are stored as bookmarks, when users navigate with browser history, or when a service is opened from another app.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/supported-browsers
6
- *Captured:* 2026-05-06T12:13:08.301Z
6
+ *Captured:* 2026-06-11T10:00:22.491Z
7
7
 
8
8
  We currently support the following browsers:
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/writing
6
- *Captured:* 2026-05-06T12:13:09.160Z
6
+ *Captured:* 2026-06-11T10:00:22.822Z
7
7
 
8
8
  UX writing doesn't receive as much attention as it should. In the past, digital experiences featured words written by different individuals - ranging from designers to engineers — at various times and in diverse styles, all without a centralized guide.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Welcome
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/howto
6
- *Captured:* 2026-05-06T12:13:06.565Z
6
+ *Captured:* 2026-06-11T10:00:19.607Z
7
7
 
8
8
  Install the latest version of the UIKIT (that includes latest beta versions as well) via
9
9
 
@@ -41,7 +41,7 @@ npm install @rio-cloud/rio-uikit
41
41
  Or install a dedicated version via
42
42
 
43
43
  ```javascript
44
- npm install @rio-cloud/rio-uikit@2.4.1
44
+ npm install @rio-cloud/rio-uikit@2.4.2
45
45
  ```
46
46
 
47
47
  -
@@ -52,7 +52,7 @@ npm install @rio-cloud/rio-uikit@2.4.1
52
52
 
53
53
  2.4
54
54
 
55
- .1
55
+ .2
56
56
 
57
57
  ## TypeScript
58
58
 
@@ -155,10 +155,10 @@ Not Recommended
155
155
  Use the CSS Stylesheet as follows (specify your required version number in the URL) if you need more control on what style you want to use.
156
156
 
157
157
  ```html
158
- <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/rio-uikit.css">
158
+ <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/rio-uikit.css">
159
159
  ```
160
160
 
161
- &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/rio-uikit.css"&gt;
161
+ &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/rio-uikit.css"&gt;
162
162
 
163
163
  > Note: Please make sure to use the same UIKIT style version as the npm package, otherwise this will lead to inconsistency and UI bugs.
164
164
 
@@ -173,22 +173,22 @@ These other themes may only be used for applications or services who don't run o
173
173
  In order to use such a brand theme, modify the URL in the &lt;link&gt; tag that loads the CSS
174
174
 
175
175
  ```html
176
- <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/vw-uikit.css">
176
+ <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/vw-uikit.css">
177
177
  ```
178
178
 
179
- &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/vw-uikit.css"&gt;
179
+ &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/vw-uikit.css"&gt;
180
180
 
181
181
  ```html
182
- <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/man-uikit.css">
182
+ <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/man-uikit.css">
183
183
  ```
184
184
 
185
- &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/man-uikit.css"&gt;
185
+ &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/man-uikit.css"&gt;
186
186
 
187
187
  ```html
188
- <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/scania-uikit.css">
188
+ <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/scania-uikit.css">
189
189
  ```
190
190
 
191
- &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/scania-uikit.css"&gt;
191
+ &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/scania-uikit.css"&gt;
192
192
 
193
193
  **Managed**
194
194
 
@@ -221,10 +221,10 @@ Print styles
221
221
  The UIKIT supports simple print stylings in order to have printable content. See Print CSS
222
222
 
223
223
  ```html
224
- <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/rio-uikit-print-utilities.css">
224
+ <link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/rio-uikit-print-utilities.css">
225
225
  ```
226
226
 
227
- &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.1/rio-uikit-print-utilities.css"&gt;
227
+ &lt;link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/rio-uikit-print-utilities.css"&gt;
228
228
 
229
229
  ## Additional styling information
230
230
 
@@ -233,7 +233,7 @@ Additional styling information
233
233
  In some cases like using D3 you may need the color variables as .json from the UIKIT provided via CDN. You can fetch the provided file from CDN via the following URL:
234
234
 
235
235
  ```html
236
- https://uikit.developers.rio.cloud/2.4.1/rio-uikit-colors.json
236
+ https://uikit.developers.rio.cloud/2.4.2/rio-uikit-colors.json
237
237
  ```
238
238
 
239
239
  ## Dark mode
@@ -294,10 +294,10 @@ My widget
294
294
  In cases where the React ApplicationLayout component cannot be used, you can import the new darkmode.js from the UIKIT CDN and add it to your index.html. This script will take care of listening to the theme switch for you.
295
295
 
296
296
  ```html
297
- <script src="https://uikit.developers.rio.cloud/2.4.1/rio-darkmode.js"></script>
297
+ <script src="https://uikit.developers.rio.cloud/2.4.2/rio-darkmode.js"></script>
298
298
  ```
299
299
 
300
- &lt;script src="https://uikit.developers.rio.cloud/2.4.1/rio-darkmode.js"&gt;
300
+ &lt;script src="https://uikit.developers.rio.cloud/2.4.2/rio-darkmode.js"&gt;
301
301
 
302
302
  &lt;/script&gt;
303
303
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Welcome
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/intro
6
- *Captured:* 2026-05-06T12:13:06.591Z
6
+ *Captured:* 2026-06-11T10:00:20.094Z
7
7
 
8
8
  Welcome! This UI library is designed to help you build beautiful, consistent, and maintainable user interfaces with minimal effort. Here’s how you can make the most of it:
9
9
 
@@ -78,4 +78,4 @@ What is new?ChangelogRelease notes for each version of the UIKIT.How can I use i
78
78
 
79
79
  We welcome any feedback to improve the UIKIT further. Please send it to uxui@rio.cloud
80
80
 
81
- The RIO UIKIT is licensed under the Apache 2.0 license by TB Digital Services GmbH | version 2.4.1
81
+ The RIO UIKIT is licensed under the Apache 2.0 license by TB Digital Services GmbH | version 2.4.2
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/responsiveness
6
- *Captured:* 2026-05-06T12:13:06.440Z
6
+ *Captured:* 2026-06-11T10:00:19.904Z
7
7
 
8
8
  The UIKIT considers all platforms — both desktop and mobile. We recognize that people work across many different products and often need to support multiple platforms and the UIKIT is a foundation for that with its many responsive building blocks and responsive components.
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/templates/ai-assistant
6
- *Captured:* 2026-05-06T12:15:14.909Z
6
+ *Captured:* 2026-06-11T10:02:42.096Z
7
7
 
8
8
  ## AI Assistant
9
9
 
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Tables
5
5
  *Source:* https://uikit.developers.rio.cloud/#/templates/common-table
6
- *Captured:* 2026-05-06T12:15:22.099Z
6
+ *Captured:* 2026-06-11T10:02:50.530Z
7
7
 
8
8
  ## Common table
9
9
 
@@ -11,15 +11,15 @@
11
11
 
12
12
  New Action
13
13
 
14
- May 2026 ›
14
+ June 2026 ›
15
15
  Su Mo Tu We Th Fr Sa
16
16
 
17
- 26 27 28 29 30 1 2
18
- 3 4 5 6 7 8 9
19
- 10 11 12 13 14 15 16
20
- 17 18 19 20 21 22 23
21
- 24 25 26 27 28 29 30
22
17
  31 1 2 3 4 5 6
18
+ 7 8 9 10 11 12 13
19
+ 14 15 16 17 18 19 20
20
+ 21 22 23 24 25 26 27
21
+ 28 29 30 1 2 3 4
22
+ 5 6 7 8 9 10 11
23
23
 
24
24
  12:00 AM
25
25
 
@@ -421,7 +421,7 @@ export default TableCommonDemo;
421
421
  <th class="rdtPrev">
422
422
  <span>‹</span>
423
423
  </th>
424
- <th class="rdtSwitch" colspan="5" data-value="4">May 2026</th>
424
+ <th class="rdtSwitch" colspan="5" data-value="5">June 2026</th>
425
425
  <th class="rdtNext">
426
426
  <span>›</span>
427
427
  </th>
@@ -438,58 +438,58 @@ export default TableCommonDemo;
438
438
  </thead>
439
439
  <tbody>
440
440
  <tr>
441
- <td data-value="26" data-month="3" data-year="2026" class="rdtDay rdtOld">26</td>
442
- <td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtOld">27</td>
443
- <td data-value="28" data-month="3" data-year="2026" class="rdtDay rdtOld">28</td>
444
- <td data-value="29" data-month="3" data-year="2026" class="rdtDay rdtOld">29</td>
445
- <td data-value="30" data-month="3" data-year="2026" class="rdtDay rdtOld">30</td>
446
- <td data-value="1" data-month="4" data-year="2026" class="rdtDay">1</td>
447
- <td data-value="2" data-month="4" data-year="2026" class="rdtDay">2</td>
441
+ <td data-value="31" data-month="4" data-year="2026" class="rdtDay rdtOld">31</td>
442
+ <td data-value="1" data-month="5" data-year="2026" class="rdtDay">1</td>
443
+ <td data-value="2" data-month="5" data-year="2026" class="rdtDay">2</td>
444
+ <td data-value="3" data-month="5" data-year="2026" class="rdtDay">3</td>
445
+ <td data-value="4" data-month="5" data-year="2026" class="rdtDay">4</td>
446
+ <td data-value="5" data-month="5" data-year="2026" class="rdtDay">5</td>
447
+ <td data-value="6" data-month="5" data-year="2026" class="rdtDay">6</td>
448
448
  </tr>
449
449
  <tr>
450
- <td data-value="3" data-month="4" data-year="2026" class="rdtDay">3</td>
451
- <td data-value="4" data-month="4" data-year="2026" class="rdtDay">4</td>
452
- <td data-value="5" data-month="4" data-year="2026" class="rdtDay">5</td>
453
- <td data-value="6" data-month="4" data-year="2026" class="rdtDay rdtToday">6</td>
454
- <td data-value="7" data-month="4" data-year="2026" class="rdtDay">7</td>
455
- <td data-value="8" data-month="4" data-year="2026" class="rdtDay">8</td>
456
- <td data-value="9" data-month="4" data-year="2026" class="rdtDay">9</td>
450
+ <td data-value="7" data-month="5" data-year="2026" class="rdtDay">7</td>
451
+ <td data-value="8" data-month="5" data-year="2026" class="rdtDay">8</td>
452
+ <td data-value="9" data-month="5" data-year="2026" class="rdtDay">9</td>
453
+ <td data-value="10" data-month="5" data-year="2026" class="rdtDay">10</td>
454
+ <td data-value="11" data-month="5" data-year="2026" class="rdtDay rdtToday">11</td>
455
+ <td data-value="12" data-month="5" data-year="2026" class="rdtDay">12</td>
456
+ <td data-value="13" data-month="5" data-year="2026" class="rdtDay">13</td>
457
457
  </tr>
458
458
  <tr>
459
- <td data-value="10" data-month="4" data-year="2026" class="rdtDay">10</td>
460
- <td data-value="11" data-month="4" data-year="2026" class="rdtDay">11</td>
461
- <td data-value="12" data-month="4" data-year="2026" class="rdtDay">12</td>
462
- <td data-value="13" data-month="4" data-year="2026" class="rdtDay">13</td>
463
- <td data-value="14" data-month="4" data-year="2026" class="rdtDay">14</td>
464
- <td data-value="15" data-month="4" data-year="2026" class="rdtDay">15</td>
465
- <td data-value="16" data-month="4" data-year="2026" class="rdtDay">16</td>
459
+ <td data-value="14" data-month="5" data-year="2026" class="rdtDay">14</td>
460
+ <td data-value="15" data-month="5" data-year="2026" class="rdtDay">15</td>
461
+ <td data-value="16" data-month="5" data-year="2026" class="rdtDay">16</td>
462
+ <td data-value="17" data-month="5" data-year="2026" class="rdtDay">17</td>
463
+ <td data-value="18" data-month="5" data-year="2026" class="rdtDay">18</td>
464
+ <td data-value="19" data-month="5" data-year="2026" class="rdtDay">19</td>
465
+ <td data-value="20" data-month="5" data-year="2026" class="rdtDay">20</td>
466
466
  </tr>
467
467
  <tr>
468
- <td data-value="17" data-month="4" data-year="2026" class="rdtDay">17</td>
469
- <td data-value="18" data-month="4" data-year="2026" class="rdtDay">18</td>
470
- <td data-value="19" data-month="4" data-year="2026" class="rdtDay">19</td>
471
- <td data-value="20" data-month="4" data-year="2026" class="rdtDay">20</td>
472
- <td data-value="21" data-month="4" data-year="2026" class="rdtDay">21</td>
473
- <td data-value="22" data-month="4" data-year="2026" class="rdtDay">22</td>
474
- <td data-value="23" data-month="4" data-year="2026" class="rdtDay">23</td>
468
+ <td data-value="21" data-month="5" data-year="2026" class="rdtDay">21</td>
469
+ <td data-value="22" data-month="5" data-year="2026" class="rdtDay">22</td>
470
+ <td data-value="23" data-month="5" data-year="2026" class="rdtDay">23</td>
471
+ <td data-value="24" data-month="5" data-year="2026" class="rdtDay">24</td>
472
+ <td data-value="25" data-month="5" data-year="2026" class="rdtDay">25</td>
473
+ <td data-value="26" data-month="5" data-year="2026" class="rdtDay">26</td>
474
+ <td data-value="27" data-month="5" data-year="2026" class="rdtDay">27</td>
475
475
  </tr>
476
476
  <tr>
477
- <td data-value="24" data-month="4" data-year="2026" class="rdtDay">24</td>
478
- <td data-value="25" data-month="4" data-year="2026" class="rdtDay">25</td>
479
- <td data-value="26" data-month="4" data-year="2026" class="rdtDay">26</td>
480
- <td data-value="27" data-month="4" data-year="2026" class="rdtDay">27</td>
481
- <td data-value="28" data-month="4" data-year="2026" class="rdtDay">28</td>
482
- <td data-value="29" data-month="4" data-year="2026" class="rdtDay">29</td>
483
- <td data-value="30" data-month="4" data-year="2026" class="rdtDay">30</td>
477
+ <td data-value="28" data-month="5" data-year="2026" class="rdtDay">28</td>
478
+ <td data-value="29" data-month="5" data-year="2026" class="rdtDay">29</td>
479
+ <td data-value="30" data-month="5" data-year="2026" class="rdtDay">30</td>
480
+ <td data-value="1" data-month="6" data-year="2026" class="rdtDay rdtNew">1</td>
481
+ <td data-value="2" data-month="6" data-year="2026" class="rdtDay rdtNew">2</td>
482
+ <td data-value="3" data-month="6" data-year="2026" class="rdtDay rdtNew">3</td>
483
+ <td data-value="4" data-month="6" data-year="2026" class="rdtDay rdtNew">4</td>
484
484
  </tr>
485
485
  <tr>
486
- <td data-value="31" data-month="4" data-year="2026" class="rdtDay">31</td>
487
- <td data-value="1" data-month="5" data-year="2026" class="rdtDay rdtNew">1</td>
488
- <td data-value="2" data-month="5" data-year="2026" class="rdtDay rdtNew">2</td>
489
- <td data-value="3" data-month="5" data-year="2026" class="rdtDay rdtNew">3</td>
490
- <td data-value="4" data-month="5" data-year="2026" class="rdtDay rdtNew">4</td>
491
- <td data-value="5" data-month="5" data-year="2026" class="rdtDay rdtNew">5</td>
492
- <td data-value="6" data-month="5" data-year="2026" class="rdtDay rdtNew">6</td>
486
+ <td data-value="5" data-month="6" data-year="2026" class="rdtDay rdtNew">5</td>
487
+ <td data-value="6" data-month="6" data-year="2026" class="rdtDay rdtNew">6</td>
488
+ <td data-value="7" data-month="6" data-year="2026" class="rdtDay rdtNew">7</td>
489
+ <td data-value="8" data-month="6" data-year="2026" class="rdtDay rdtNew">8</td>
490
+ <td data-value="9" data-month="6" data-year="2026" class="rdtDay rdtNew">9</td>
491
+ <td data-value="10" data-month="6" data-year="2026" class="rdtDay rdtNew">10</td>
492
+ <td data-value="11" data-month="6" data-year="2026" class="rdtDay rdtNew">11</td>
493
493
  </tr>
494
494
  </tbody>
495
495
  <tfoot>
@@ -570,7 +570,7 @@ export default TableCommonDemo;
570
570
  </div>
571
571
  </div>
572
572
  <div class="dropdown btn-group">
573
- <button type="button" id="ic1ii4i12qn" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">
573
+ <button type="button" id="fxgaa4b4in" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">
574
574
  <span class="display-inline-flex align-items-center gap-5">
575
575
  <span class="rioglyph rioglyph-table-view">
576
576
  </span>
@@ -684,7 +684,7 @@ export default TableCommonDemo;
684
684
  <div class="table-cell table-align-right table-vertical-align-middle padding-y-0" data-column="actions" role="cell" aria-colindex="6" style="grid-area: 1 / 6 / span 1 / span 1;">
685
685
  <div class="table-cell-content overflow-hidden">
686
686
  <div class="dropdown btn-group">
687
- <button type="button" aria-label="Row actions" id="rmlpp6uel" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
687
+ <button type="button" aria-label="Row actions" id="dtwvodp701k" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
688
688
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
689
689
  </span>
690
690
  </button>
@@ -713,7 +713,7 @@ export default TableCommonDemo;
713
713
  <div class="table-cell table-align-right table-vertical-align-middle padding-y-0" data-column="actions" role="cell" aria-colindex="6" style="grid-area: 1 / 6 / span 1 / span 1;">
714
714
  <div class="table-cell-content overflow-hidden">
715
715
  <div class="dropdown btn-group">
716
- <button type="button" aria-label="Row actions" id="rt0qkrvdzhi" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
716
+ <button type="button" aria-label="Row actions" id="dpsvy18k19t" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
717
717
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
718
718
  </span>
719
719
  </button>
@@ -742,7 +742,7 @@ export default TableCommonDemo;
742
742
  <div class="table-cell table-align-right table-vertical-align-middle padding-y-0" data-column="actions" role="cell" aria-colindex="6" style="grid-area: 1 / 6 / span 1 / span 1;">
743
743
  <div class="table-cell-content overflow-hidden">
744
744
  <div class="dropdown btn-group">
745
- <button type="button" aria-label="Row actions" id="dd203pb3hxm" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
745
+ <button type="button" aria-label="Row actions" id="l9atlcefm1r" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
746
746
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
747
747
  </span>
748
748
  </button>
@@ -771,7 +771,7 @@ export default TableCommonDemo;
771
771
  <div class="table-cell table-align-right table-vertical-align-middle padding-y-0" data-column="actions" role="cell" aria-colindex="6" style="grid-area: 1 / 6 / span 1 / span 1;">
772
772
  <div class="table-cell-content overflow-hidden">
773
773
  <div class="dropdown btn-group">
774
- <button type="button" aria-label="Row actions" id="0nqdnp7zrhjq" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
774
+ <button type="button" aria-label="Row actions" id="9r3ztlwumba" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
775
775
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
776
776
  </span>
777
777
  </button>
@@ -800,7 +800,7 @@ export default TableCommonDemo;
800
800
  <div class="table-cell table-align-right table-vertical-align-middle padding-y-0" data-column="actions" role="cell" aria-colindex="6" style="grid-area: 1 / 6 / span 1 / span 1;">
801
801
  <div class="table-cell-content overflow-hidden">
802
802
  <div class="dropdown btn-group">
803
- <button type="button" aria-label="Row actions" id="vgf31ckim6" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
803
+ <button type="button" aria-label="Row actions" id="bi1kasuqegg" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
804
804
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
805
805
  </span>
806
806
  </button>
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/templates/detail-views
6
- *Captured:* 2026-05-06T12:15:17.058Z
6
+ *Captured:* 2026-06-11T10:02:44.236Z
7
7
 
8
8
  ## Detail views
9
9
 
@@ -290,7 +290,7 @@ export default () => {
290
290
  </div>
291
291
  <div>
292
292
  <div class="dropdown btn-group">
293
- <button type="button" id="l9dm530ftqq" class="btn btn-default btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
293
+ <button type="button" id="5i58iq3l2w" class="btn btn-default btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
294
294
  <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
295
295
  </span>
296
296
  </button>
@@ -3,7 +3,7 @@
3
3
  *Category:* Templates
4
4
  *Section:* Content
5
5
  *Source:* https://uikit.developers.rio.cloud/#/templates/expandable-details
6
- *Captured:* 2026-05-06T12:15:16.307Z
6
+ *Captured:* 2026-06-11T10:02:43.265Z
7
7
 
8
8
  ## Expandable details
9
9