@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.
- package/dist/doc-metadata.json +25 -25
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/analyticsAnalysisOverlay.md +1 -1
- package/dist/docs/components/animatedNumber.md +2 -2
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +21 -21
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +84 -30
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +4 -4
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +124 -206
- package/dist/docs/components/autosuggests.md +1 -1
- package/dist/docs/components/avatar.md +1 -1
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +13 -13
- package/dist/docs/components/barList.md +9 -9
- package/dist/docs/components/basicMap.md +1 -1
- package/dist/docs/components/bottomSheet.md +1 -1
- package/dist/docs/components/button.md +1 -1
- package/dist/docs/components/buttonToolbar.md +1 -1
- package/dist/docs/components/calendarStripe.md +52 -52
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +1 -1
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +2 -2
- package/dist/docs/components/checkbox.md +1 -1
- package/dist/docs/components/circularProgress.md +8 -8
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +15 -15
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +1 -1
- package/dist/docs/components/datepickers.md +672 -672
- package/dist/docs/components/dayPicker.md +5 -5
- package/dist/docs/components/dayPickerCalendar.md +473 -473
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3262 -3270
- package/dist/docs/components/editableContent.md +1 -1
- package/dist/docs/components/expander.md +1 -1
- package/dist/docs/components/fade.md +1 -1
- package/dist/docs/components/fadeExpander.md +1 -1
- package/dist/docs/components/fadeUp.md +2 -2
- package/dist/docs/components/feedback.md +1 -1
- package/dist/docs/components/filePickers.md +1 -1
- package/dist/docs/components/formLabel.md +1 -1
- package/dist/docs/components/groupedItemList.md +1 -1
- package/dist/docs/components/htmlTable.md +112 -110
- package/dist/docs/components/iconList.md +3 -3
- package/dist/docs/components/imagePreloader.md +1 -1
- package/dist/docs/components/labeledElement.md +1 -1
- package/dist/docs/components/licensePlate.md +1 -1
- package/dist/docs/components/lineCharts.md +3 -3
- package/dist/docs/components/listMenu.md +1 -1
- package/dist/docs/components/loadMore.md +1 -1
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +1 -1
- package/dist/docs/components/mapCluster.md +1 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +1 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapSettings.md +1 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/mapViewportHistory.md +1 -1
- package/dist/docs/components/multiselects.md +1 -1
- package/dist/docs/components/noData.md +1 -1
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +1 -1
- package/dist/docs/components/onboarding.md +1 -1
- package/dist/docs/components/page.md +1 -1
- package/dist/docs/components/pager.md +1 -1
- package/dist/docs/components/pieCharts.md +36 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +25 -25
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +1 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +1 -1
- package/dist/docs/components/responsiveColumnStripe.md +1 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +3 -3
- package/dist/docs/components/saveableInput.md +252 -252
- package/dist/docs/components/selects.md +1 -1
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +1 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +1 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +1 -1
- package/dist/docs/components/stepButton.md +1 -1
- package/dist/docs/components/steppedProgressBars.md +1 -1
- package/dist/docs/components/subNavigation.md +1 -1
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +1 -1
- package/dist/docs/components/switch.md +1 -1
- package/dist/docs/components/table.md +14 -14
- package/dist/docs/components/tableControls.md +52 -52
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +1 -1
- package/dist/docs/components/textTruncateMiddle.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +1 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +1 -1
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +63 -57
- package/dist/docs/foundations.md +101 -101
- package/dist/docs/start/changelog.md +5 -1
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +1 -1
- package/dist/docs/start/guidelines/custom-css.md +1 -1
- package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
- package/dist/docs/start/guidelines/formatting.md +1 -1
- package/dist/docs/start/guidelines/iframe.md +1 -1
- package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
- package/dist/docs/start/guidelines/print-css.md +1 -1
- package/dist/docs/start/guidelines/spinner.md +1 -1
- package/dist/docs/start/guidelines/state-in-url.md +1 -1
- package/dist/docs/start/guidelines/supported-browsers.md +1 -1
- package/dist/docs/start/guidelines/writing.md +1 -1
- package/dist/docs/start/howto.md +16 -16
- package/dist/docs/start/intro.md +2 -2
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/templates/ai-assistant.md +1 -1
- package/dist/docs/templates/common-table.md +56 -56
- package/dist/docs/templates/detail-views.md +2 -2
- package/dist/docs/templates/expandable-details.md +1 -1
- package/dist/docs/templates/feature-cards.md +37 -37
- package/dist/docs/templates/form-summary.md +15 -15
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +137 -137
- package/dist/docs/templates/loading-progress.md +1 -1
- package/dist/docs/templates/options-panel.md +1 -1
- package/dist/docs/templates/panel-variants.md +1 -1
- package/dist/docs/templates/progress-cards.md +1 -1
- package/dist/docs/templates/progress-success.md +1 -1
- package/dist/docs/templates/settings-form.md +18 -18
- package/dist/docs/templates/stats-blocks.md +12 -12
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/usage-cards.md +1 -1
- package/dist/docs/utilities/classNames.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/getTrackingAttributes.md +1 -1
- package/dist/docs/utilities/routeUtils.md +1 -1
- package/dist/docs/utilities/useAfterMount.md +1 -1
- package/dist/docs/utilities/useAutoAnimate.md +1 -1
- package/dist/docs/utilities/useAverage.md +1 -1
- package/dist/docs/utilities/useClickOutside.md +1 -1
- package/dist/docs/utilities/useClipboard.md +2 -2
- package/dist/docs/utilities/useCookies.md +1 -1
- package/dist/docs/utilities/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +1 -1
- package/dist/docs/utilities/useDebugInfo.md +3 -3
- package/dist/docs/utilities/useDraggableElement.md +1 -1
- package/dist/docs/utilities/useEffectOnce.md +1 -1
- package/dist/docs/utilities/useElapsedTime.md +1 -1
- package/dist/docs/utilities/useElementSize.md +1 -1
- package/dist/docs/utilities/useEsc.md +1 -1
- package/dist/docs/utilities/useEvent.md +2 -2
- package/dist/docs/utilities/useFocusTrap.md +1 -1
- package/dist/docs/utilities/useFullscreen.md +1 -1
- package/dist/docs/utilities/useHover.md +1 -1
- package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
- package/dist/docs/utilities/useInterval.md +1 -1
- package/dist/docs/utilities/useIsFocusWithin.md +1 -1
- package/dist/docs/utilities/useKey.md +1 -1
- package/dist/docs/utilities/useLocalStorage.md +1 -1
- package/dist/docs/utilities/useLocationSuggestions.md +1 -1
- package/dist/docs/utilities/useMax.md +1 -1
- package/dist/docs/utilities/useMin.md +1 -1
- package/dist/docs/utilities/useMutationObserver.md +1 -1
- package/dist/docs/utilities/useOnScreen.md +1 -1
- package/dist/docs/utilities/useOnlineStatus.md +1 -1
- package/dist/docs/utilities/usePostMessage.md +2 -2
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +1 -1
- package/dist/docs/utilities/useResizeObserver.md +1 -1
- package/dist/docs/utilities/useRioCookieConsent.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.md +1 -1
- package/dist/docs/utilities/useSearchHighlight.md +1 -1
- package/dist/docs/utilities/useSorting.md +1 -1
- package/dist/docs/utilities/useStateWithValidation.md +1 -1
- package/dist/docs/utilities/useSum.md +1 -1
- package/dist/docs/utilities/useTableExport.md +61 -61
- package/dist/docs/utilities/useTableSelection.md +72 -72
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useUrlState.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +1 -1
- package/dist/version.json +2 -2
- 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-
|
|
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/guidelines/color-combinations
|
|
6
|
-
*Captured:* 2026-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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/writing
|
|
6
|
-
*Captured:* 2026-
|
|
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
|
|
package/dist/docs/start/howto.md
CHANGED
|
@@ -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-
|
|
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.
|
|
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
|
-
.
|
|
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.
|
|
158
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/rio-uikit.css">
|
|
159
159
|
```
|
|
160
160
|
|
|
161
|
-
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.
|
|
161
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/rio-uikit.css">
|
|
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 <link> 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.
|
|
176
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/vw-uikit.css">
|
|
177
177
|
```
|
|
178
178
|
|
|
179
|
-
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.
|
|
179
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/vw-uikit.css">
|
|
180
180
|
|
|
181
181
|
```html
|
|
182
|
-
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.
|
|
182
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/man-uikit.css">
|
|
183
183
|
```
|
|
184
184
|
|
|
185
|
-
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.
|
|
185
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/man-uikit.css">
|
|
186
186
|
|
|
187
187
|
```html
|
|
188
|
-
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.
|
|
188
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/scania-uikit.css">
|
|
189
189
|
```
|
|
190
190
|
|
|
191
|
-
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.
|
|
191
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/scania-uikit.css">
|
|
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.
|
|
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
|
-
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.
|
|
227
|
+
<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.4.2/rio-uikit-print-utilities.css">
|
|
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.
|
|
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.
|
|
297
|
+
<script src="https://uikit.developers.rio.cloud/2.4.2/rio-darkmode.js"></script>
|
|
298
298
|
```
|
|
299
299
|
|
|
300
|
-
<script src="https://uikit.developers.rio.cloud/2.4.
|
|
300
|
+
<script src="https://uikit.developers.rio.cloud/2.4.2/rio-darkmode.js">
|
|
301
301
|
|
|
302
302
|
</script>
|
|
303
303
|
|
package/dist/docs/start/intro.md
CHANGED
|
@@ -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-
|
|
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.
|
|
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-
|
|
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:* Tables
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/templates/common-table
|
|
6
|
-
*Captured:* 2026-
|
|
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
|
-
‹
|
|
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="
|
|
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="
|
|
442
|
-
<td data-value="
|
|
443
|
-
<td data-value="
|
|
444
|
-
<td data-value="
|
|
445
|
-
<td data-value="
|
|
446
|
-
<td data-value="
|
|
447
|
-
<td data-value="
|
|
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="
|
|
451
|
-
<td data-value="
|
|
452
|
-
<td data-value="
|
|
453
|
-
<td data-value="
|
|
454
|
-
<td data-value="
|
|
455
|
-
<td data-value="
|
|
456
|
-
<td data-value="
|
|
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="
|
|
460
|
-
<td data-value="
|
|
461
|
-
<td data-value="
|
|
462
|
-
<td data-value="
|
|
463
|
-
<td data-value="
|
|
464
|
-
<td data-value="
|
|
465
|
-
<td data-value="
|
|
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="
|
|
469
|
-
<td data-value="
|
|
470
|
-
<td data-value="
|
|
471
|
-
<td data-value="
|
|
472
|
-
<td data-value="
|
|
473
|
-
<td data-value="
|
|
474
|
-
<td data-value="
|
|
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="
|
|
478
|
-
<td data-value="
|
|
479
|
-
<td data-value="
|
|
480
|
-
<td data-value="
|
|
481
|
-
<td data-value="
|
|
482
|
-
<td data-value="
|
|
483
|
-
<td data-value="
|
|
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="
|
|
487
|
-
<td data-value="
|
|
488
|
-
<td data-value="
|
|
489
|
-
<td data-value="
|
|
490
|
-
<td data-value="
|
|
491
|
-
<td data-value="
|
|
492
|
-
<td data-value="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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-
|
|
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="
|
|
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>
|