@rio-cloud/uikit-mcp 1.1.10 → 1.1.11
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/README.md +2 -1
- package/dist/doc-metadata.json +90 -90
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/analyticsAnalysisOverlay.md +3 -1
- package/dist/docs/components/animatedNumber.md +1 -1
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +22 -22
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +27 -77
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +7 -5
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +418 -364
- 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 +4 -2
- package/dist/docs/components/barList.md +10 -10
- package/dist/docs/components/basicMap.md +45 -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 +39 -35
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +3 -1
- package/dist/docs/components/chartsGettingStarted.md +3 -1
- package/dist/docs/components/chat.md +2 -2
- package/dist/docs/components/checkbox.md +3 -1
- package/dist/docs/components/circularProgress.md +8 -8
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +4 -2
- package/dist/docs/components/composedCharts.md +17 -15
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +1 -1
- package/dist/docs/components/datepickers.md +30 -28
- package/dist/docs/components/dayPicker.md +52 -2
- package/dist/docs/components/dayPickerCalendar.md +44 -24
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3253 -3241
- 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 +69 -69
- package/dist/docs/components/iconList.md +4 -4
- 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 +5 -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 +3 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +39 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +3 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapSettings.md +6 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/mapViewportHistory.md +287 -0
- package/dist/docs/components/multiselects.md +7 -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 +38 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +27 -25
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +3 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +3 -1
- package/dist/docs/components/responsiveColumnStripe.md +3 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +1 -1
- package/dist/docs/components/saveableInput.md +17 -17
- package/dist/docs/components/selects.md +168 -51
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +3 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +15 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +3 -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 +3 -1
- package/dist/docs/components/table.md +1998 -221
- package/dist/docs/components/tableControls.md +5 -5
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +3 -1
- package/dist/docs/components/textTruncateMiddle.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +3 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +5 -1
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +57 -57
- package/dist/docs/foundations.md +276 -110
- package/dist/docs/start/changelog.md +21 -1
- package/dist/docs/start/goodtoknow.md +8 -2
- package/dist/docs/start/guidelines/color-combinations.md +5 -1
- package/dist/docs/start/guidelines/custom-css.md +26 -2
- package/dist/docs/start/guidelines/custom-rioglyph.md +20 -2
- package/dist/docs/start/guidelines/formatting.md +2256 -249
- package/dist/docs/start/guidelines/iframe.md +37 -1
- package/dist/docs/start/guidelines/obfuscate-data.md +26 -2
- package/dist/docs/start/guidelines/print-css.md +16 -2
- package/dist/docs/start/guidelines/spinner.md +1 -1
- package/dist/docs/start/guidelines/state-in-url.md +1138 -11
- package/dist/docs/start/guidelines/supported-browsers.md +9 -2
- package/dist/docs/start/guidelines/writing.md +228 -2
- package/dist/docs/start/howto.md +160 -10
- package/dist/docs/start/intro.md +40 -2
- package/dist/docs/start/responsiveness.md +29 -1
- package/dist/docs/templates/ai-assistant.md +1 -1
- package/dist/docs/templates/common-table.md +9 -9
- 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 +135 -135
- 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 +89 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +182 -2
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/getTrackingAttributes.md +46 -1
- package/dist/docs/utilities/routeUtils.md +210 -2
- 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 +1 -1
- 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 +1 -1
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +111 -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 +173 -69
- package/dist/search-synonyms.json +214 -76
- package/dist/version.json +2 -2
- package/package.json +4 -5
- package/dist/docs/components/mapRouteGenerator.md +0 -6
|
@@ -3,7 +3,27 @@
|
|
|
3
3
|
*Category:* Getting started
|
|
4
4
|
*Section:* Welcome
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/start/changelog
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:57:04.818Z
|
|
7
|
+
|
|
8
|
+
## Version 2.4.0 (2026-04-27)
|
|
9
|
+
|
|
10
|
+
- **Update** Select and Multiselect Added a new variant prop with a blank variant to remove the wrapper shadow and toggle border/shadow.
|
|
11
|
+
|
|
12
|
+
- **Fixed** Forms Fixed sized inputs with form-control so they use the correct font size again.
|
|
13
|
+
|
|
14
|
+
- **New** Map viewport history Added viewport history for maps, including MapPreviousViewportButton for jumping back to previous map position states.
|
|
15
|
+
|
|
16
|
+
- **Fixed** Map settings Fixed map settings dropdowns so they are displayed properly when opened.
|
|
17
|
+
|
|
18
|
+
- **New** Table Added TableExpandAllGroupsButton for grouped tables and new grouped-row demos showing row selection across expandable groups and selectable group rows.
|
|
19
|
+
|
|
20
|
+
- **Update** Table Added a new selectionCheckboxVerticalAlignment prop so checkboxes can be aligned independently.
|
|
21
|
+
|
|
22
|
+
- **Update** Table Moved vertical alignment styling to the cell level for table head and body cells, which avoids header pixel jumping and keeps row-spanned headers aligned correctly.
|
|
23
|
+
|
|
24
|
+
- **Fixed** Table Fixed table rows collapsing in overflow state when no rows with columns are available to define the table width.
|
|
25
|
+
|
|
26
|
+
- **Fixed** Table Fixed header rendering for interactive header content and updated selection logic so selectable expanded group rows and selectable group rows work correctly with table selection.
|
|
7
27
|
|
|
8
28
|
## Version 2.3.0 (2026-03-20)
|
|
9
29
|
|
|
@@ -3,10 +3,16 @@
|
|
|
3
3
|
*Category:* Getting started
|
|
4
4
|
*Section:* Guidelines
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/start/goodtoknow
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:57:04.341Z
|
|
7
7
|
|
|
8
8
|
## Good to know
|
|
9
9
|
|
|
10
10
|
## IntelliSense for CSS class names in HTML
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element. Download here.
|
|
13
|
+
|
|
14
|
+
## CSS Hyphens
|
|
15
|
+
|
|
16
|
+
The Hyphens property controls hyphenation of text in block level elements. You can prevent hyphenation from happening at all, allow it, or only allow it when certain characters are present. For more details see css-tricks.com.
|
|
17
|
+
|
|
18
|
+
> Note: Hyphens is language-sensitive. Its ability to find break opportunities depends on the language, defined in the lang attribute of a html element. Not all languages are supported yet, and support depends on the specific browser.
|
|
@@ -3,12 +3,16 @@
|
|
|
3
3
|
*Category:* Getting started
|
|
4
4
|
*Section:* Guidelines
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/start/guidelines/color-combinations
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:57:05.130Z
|
|
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
|
|
|
10
10
|
## Color combinations
|
|
11
11
|
|
|
12
|
+
Dos and Don‘tsGoodBad
|
|
13
|
+
|
|
14
|
+
TextIconsLabels
|
|
15
|
+
|
|
12
16
|
### Example: Example 1
|
|
13
17
|
|
|
14
18
|
White text on brand backgrounds
|
|
@@ -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-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:57:05.092Z
|
|
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
|
|
|
@@ -13,6 +13,8 @@ Getting more familiar with Bootstrap and the UIKIT will speed up your developmen
|
|
|
13
13
|
|
|
14
14
|
Therefore, avoid writing custom CSS where possible and try to achieve the desired results by using
|
|
15
15
|
|
|
16
|
+
HTML designUIKIT componentsUIKIT foundation utility classes.
|
|
17
|
+
|
|
16
18
|
## Custom CSS
|
|
17
19
|
|
|
18
20
|
If the UIKIT colors do not fit your needs, you have the option to use 5 additional custom color vars.
|
|
@@ -33,10 +35,32 @@ You just have to add those css vars to the index.html head and than you can use
|
|
|
33
35
|
</head>
|
|
34
36
|
```
|
|
35
37
|
|
|
38
|
+
<head>
|
|
39
|
+
|
|
40
|
+
<style>
|
|
41
|
+
|
|
42
|
+
:root { --custom-color-a: #5eff1e; --custom-color-b: #e51eff; --custom-color-c: #1e90ff; --custom-color-d: #ff4b1e; --custom-color-e: #ffcb1e; }
|
|
43
|
+
|
|
44
|
+
</style>
|
|
45
|
+
|
|
46
|
+
</head>
|
|
47
|
+
|
|
36
48
|
```html
|
|
37
49
|
<div class="bg-custom-a">
|
|
38
50
|
<p class="text-color-custom-b">
|
|
39
51
|
<svg class="fill-custom-c"></svg>
|
|
40
52
|
</p>
|
|
41
53
|
</div>
|
|
42
|
-
```
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
<div class="bg-custom-a">
|
|
57
|
+
|
|
58
|
+
<p class="text-color-custom-b">
|
|
59
|
+
|
|
60
|
+
<svg class="fill-custom-c">
|
|
61
|
+
|
|
62
|
+
</svg>
|
|
63
|
+
|
|
64
|
+
</p>
|
|
65
|
+
|
|
66
|
+
</div>
|
|
@@ -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-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:57:05.110Z
|
|
7
7
|
|
|
8
8
|
To use a custom Rioglyph icon, there are two different approaches:
|
|
9
9
|
|
|
@@ -16,12 +16,20 @@ Below is an example of both approaches:
|
|
|
16
16
|
|
|
17
17
|
**Approach 1: Inline style**
|
|
18
18
|
|
|
19
|
+
Without custom CSS
|
|
20
|
+
|
|
19
21
|
```html
|
|
20
22
|
<span class="rioglyph" style="--i: url(https://cdn.rio.cloud/images/uikit/react_logo.svg);"></span>
|
|
21
23
|
```
|
|
22
24
|
|
|
25
|
+
<span class="rioglyph" style="--i: url(https://cdn.rio.cloud/images/uikit/react_logo.svg);">
|
|
26
|
+
|
|
27
|
+
</span>
|
|
28
|
+
|
|
23
29
|
**Approach 2: Custom CSS class**
|
|
24
30
|
|
|
31
|
+
Use in components (eg. MapMarker)
|
|
32
|
+
|
|
25
33
|
```html
|
|
26
34
|
<style>
|
|
27
35
|
.rioglyph-custom-xxx {
|
|
@@ -30,6 +38,16 @@ Below is an example of both approaches:
|
|
|
30
38
|
</style>
|
|
31
39
|
```
|
|
32
40
|
|
|
41
|
+
<style>
|
|
42
|
+
|
|
43
|
+
.rioglyph-custom-xxx { --i: url('https://cdn.rio.cloud/images/uikit/react_logo.svg'); }
|
|
44
|
+
|
|
45
|
+
</style>
|
|
46
|
+
|
|
33
47
|
```html
|
|
34
48
|
<span class="rioglyph rioglyph-custom"></span>
|
|
35
|
-
```
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
<span class="rioglyph rioglyph-custom">
|
|
52
|
+
|
|
53
|
+
</span>
|