@rio-cloud/uikit-mcp 1.1.1 → 1.1.3
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 +40 -50
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/animatedNumber.md +3 -3
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +31 -31
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +143 -34
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +6 -6
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +282 -176
- 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 +70 -70
- package/dist/docs/components/barList.md +11 -11
- package/dist/docs/components/basicMap.md +7 -7
- 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 +107 -131
- 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/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +48 -48
- package/dist/docs/components/contentLoader.md +101 -101
- package/dist/docs/components/dataTabs.md +8 -8
- package/dist/docs/components/datepickers.md +724 -724
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +4359 -4356
- 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/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 +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 +3 -3
- package/dist/docs/components/mapCluster.md +5 -5
- package/dist/docs/components/mapContext.md +3 -3
- package/dist/docs/components/mapDraggableMarker.md +3 -3
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +3 -3
- package/dist/docs/components/mapLayerGroup.md +3 -3
- package/dist/docs/components/mapMarker.md +3 -3
- package/dist/docs/components/mapPolygon.md +5 -5
- package/dist/docs/components/mapRoute.md +13 -13
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +11 -11
- package/dist/docs/components/mapUtils.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/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 +1 -1
- package/dist/docs/components/saveableInput.md +277 -277
- 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/tables.md +1 -1
- 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/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/virtualList.md +72 -72
- package/dist/docs/foundations.md +169 -169
- package/dist/docs/start/changelog.md +7 -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 +81 -81
- 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 +9 -9
- package/dist/docs/start/intro.md +1 -1
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/templates/common-table.md +11 -11
- 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 +55 -55
- package/dist/docs/templates/form-summary.md +22 -22
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +200 -200
- 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 +23 -23
- package/dist/docs/templates/stats-blocks.md +16 -16
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/table-row-animation.md +1 -1
- package/dist/docs/templates/usage-cards.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/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/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +1 -1
- package/dist/docs/utilities/useDebugInfo.md +4 -4
- 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 -57
- 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/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.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 +51 -51
- package/dist/docs/utilities/useTableSelection.md +87 -87
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +8 -2
- package/dist/version.json +2 -2
- package/package.json +8 -8
- package/dist/docs/components/fullscreenMap.md +0 -10
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapSettings
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:12.746Z
|
|
7
7
|
|
|
8
8
|
## Map settings
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–
|
|
12
|
+
Terms of use© 1987–2026 HERE
|
|
13
13
|
|
|
14
14
|
20 km
|
|
15
15
|
|
|
@@ -50,7 +50,7 @@ Map centerN48° 30.000′ E12° 6.000′
|
|
|
50
50
|
|
|
51
51
|
#### Summary
|
|
52
52
|
|
|
53
|
-
Terms of use© 1987–
|
|
53
|
+
Terms of use© 1987–2026 HERE
|
|
54
54
|
|
|
55
55
|
20 km
|
|
56
56
|
|
|
@@ -809,7 +809,7 @@ export default FullSettingsExample;
|
|
|
809
809
|
|
|
810
810
|
No settings
|
|
811
811
|
|
|
812
|
-
Terms of use© 1987–
|
|
812
|
+
Terms of use© 1987–2026 HERE
|
|
813
813
|
|
|
814
814
|
10 km
|
|
815
815
|
|
|
@@ -822,7 +822,7 @@ Show traffic incidents
|
|
|
822
822
|
|
|
823
823
|
Without cluster settings
|
|
824
824
|
|
|
825
|
-
Terms of use© 1987–
|
|
825
|
+
Terms of use© 1987–2026 HERE
|
|
826
826
|
|
|
827
827
|
10 km
|
|
828
828
|
|
|
@@ -835,7 +835,7 @@ Show traffic incidents
|
|
|
835
835
|
|
|
836
836
|
Without cluster and map layer settings
|
|
837
837
|
|
|
838
|
-
Terms of use© 1987–
|
|
838
|
+
Terms of use© 1987–2026 HERE
|
|
839
839
|
|
|
840
840
|
10 km
|
|
841
841
|
|
|
@@ -848,7 +848,7 @@ Show traffic incidents
|
|
|
848
848
|
|
|
849
849
|
Static map without interaction
|
|
850
850
|
|
|
851
|
-
Terms of use© 1987–
|
|
851
|
+
Terms of use© 1987–2026 HERE
|
|
852
852
|
|
|
853
853
|
10 km
|
|
854
854
|
|
|
@@ -863,7 +863,7 @@ Show traffic incidents
|
|
|
863
863
|
|
|
864
864
|
No settings
|
|
865
865
|
|
|
866
|
-
Terms of use© 1987–
|
|
866
|
+
Terms of use© 1987–2026 HERE
|
|
867
867
|
|
|
868
868
|
10 km
|
|
869
869
|
|
|
@@ -876,7 +876,7 @@ Show traffic incidents
|
|
|
876
876
|
|
|
877
877
|
Without cluster settings
|
|
878
878
|
|
|
879
|
-
Terms of use© 1987–
|
|
879
|
+
Terms of use© 1987–2026 HERE
|
|
880
880
|
|
|
881
881
|
10 km
|
|
882
882
|
|
|
@@ -889,7 +889,7 @@ Show traffic incidents
|
|
|
889
889
|
|
|
890
890
|
Without cluster and map layer settings
|
|
891
891
|
|
|
892
|
-
Terms of use© 1987–
|
|
892
|
+
Terms of use© 1987–2026 HERE
|
|
893
893
|
|
|
894
894
|
10 km
|
|
895
895
|
|
|
@@ -902,7 +902,7 @@ Show traffic incidents
|
|
|
902
902
|
|
|
903
903
|
Static map without interaction
|
|
904
904
|
|
|
905
|
-
Terms of use© 1987–
|
|
905
|
+
Terms of use© 1987–2026 HERE
|
|
906
906
|
|
|
907
907
|
10 km
|
|
908
908
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Selection
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/multiselects
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:30.781Z
|
|
7
7
|
|
|
8
8
|
The Multiselect component is a form control and is intended to be used within forms. It's designed to be used instead of native HTML Select which cannot be styled and are rendered by each browser differently.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/notifications
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:54.894Z
|
|
7
7
|
|
|
8
8
|
Hint:Notifications need to be wrapped by a NotificationsContainer inside your application layout body.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/onboarding
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:54.659Z
|
|
7
7
|
|
|
8
8
|
Useful when you want to control a single tooltip that highlights a portion of the UI.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/pieCharts
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:24.759Z
|
|
7
7
|
|
|
8
8
|
## PieChart
|
|
9
9
|
|
|
@@ -396,44 +396,44 @@ const data: CustomData[] = [
|
|
|
396
396
|
<path cx="158.9296875" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-data-key="costs" class="recharts-sector" d="M 262.1296875,134
|
|
397
397
|
A 103.2,103.2,0,
|
|
398
398
|
0,0,
|
|
399
|
-
100.
|
|
400
|
-
L 110.
|
|
399
|
+
100.71499603138449,48.7867985743177
|
|
400
|
+
L 110.98154045705118,63.81470812807174
|
|
401
401
|
A 85,85,0,
|
|
402
402
|
0,1,
|
|
403
403
|
243.9296875,134 Z">
|
|
404
404
|
</path>
|
|
405
405
|
</g>
|
|
406
406
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
407
|
-
<path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M 96.
|
|
407
|
+
<path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M 96.33506286167977,51.95030185072102
|
|
408
408
|
A 103.2,103.2,0,
|
|
409
409
|
0,0,
|
|
410
|
-
56.
|
|
411
|
-
L 74.
|
|
410
|
+
56.2561315135589,144.41061482810426
|
|
411
|
+
L 74.36328964295065,142.57463430609363
|
|
412
412
|
A 85,85,0,
|
|
413
413
|
0,1,
|
|
414
|
-
107.
|
|
414
|
+
107.37403736184865,66.42030675689232 Z">
|
|
415
415
|
</path>
|
|
416
416
|
</g>
|
|
417
417
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
418
|
-
<path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M 56.
|
|
418
|
+
<path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M 56.94169153576844,149.76986617571268
|
|
419
419
|
A 103.2,103.2,0,
|
|
420
420
|
0,0,
|
|
421
|
-
81.
|
|
422
|
-
L 95.
|
|
421
|
+
81.91785456008593,202.69801734573397
|
|
422
|
+
L 95.49939874134984,190.5826693254592
|
|
423
423
|
A 85,85,0,
|
|
424
424
|
0,1,
|
|
425
|
-
74.
|
|
425
|
+
74.92794663798757,146.98874636565483 Z">
|
|
426
426
|
</path>
|
|
427
427
|
</g>
|
|
428
428
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
429
|
-
<path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-data-key="costs" class="recharts-sector" d="M 85.
|
|
429
|
+
<path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-data-key="costs" class="recharts-sector" d="M 85.61877303039996,206.6343570194642
|
|
430
430
|
A 103.2,103.2,0,
|
|
431
431
|
0,0,
|
|
432
|
-
99.
|
|
433
|
-
L 110.
|
|
432
|
+
99.79989322765762,218.58077458447912
|
|
433
|
+
L 110.2278220625087,203.66439767132485
|
|
434
434
|
A 85,85,0,
|
|
435
435
|
0,1,
|
|
436
|
-
98.
|
|
436
|
+
98.54763585352711,193.82480956060522 Z">
|
|
437
437
|
</path>
|
|
438
438
|
</g>
|
|
439
439
|
</g>
|
|
@@ -540,23 +540,23 @@ const data: CustomData[] = [
|
|
|
540
540
|
<path cx="172.9609375" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-data-key="costs" class="recharts-sector" d="M 276.1609375,134
|
|
541
541
|
A 103.2,103.2,0,
|
|
542
542
|
0,0,
|
|
543
|
-
100.
|
|
543
|
+
100.27679389930805,60.73844617376729
|
|
544
544
|
L 172.9609375,134 Z">
|
|
545
545
|
</path>
|
|
546
546
|
</g>
|
|
547
547
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
548
|
-
<path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M 100.
|
|
548
|
+
<path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M 100.27679389930805,60.73844617376729
|
|
549
549
|
A 103.2,103.2,0,
|
|
550
550
|
0,0,
|
|
551
|
-
74.
|
|
551
|
+
74.88356175892191,166.1102533117288
|
|
552
552
|
L 172.9609375,134 Z">
|
|
553
553
|
</path>
|
|
554
554
|
</g>
|
|
555
555
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
556
|
-
<path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M 74.
|
|
556
|
+
<path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M 74.88356175892191,166.1102533117288
|
|
557
557
|
A 103.2,103.2,0,
|
|
558
558
|
0,0,
|
|
559
|
-
112.
|
|
559
|
+
112.06490673312668,217.31814590375868
|
|
560
560
|
L 172.9609375,134 Z">
|
|
561
561
|
</path>
|
|
562
562
|
</g>
|
|
@@ -924,8 +924,8 @@ const data: CustomData[] = [
|
|
|
924
924
|
<path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4296875,184
|
|
925
925
|
A 110,110,0,
|
|
926
926
|
1,0,
|
|
927
|
-
|
|
928
|
-
L 145.
|
|
927
|
+
125.75100728901499,200.9983666156033
|
|
928
|
+
L 145.5107673273759,197.90775450367542
|
|
929
929
|
A 90,90,0,
|
|
930
930
|
1,1,
|
|
931
931
|
324.4296875,184 Z">
|
|
@@ -933,8 +933,8 @@ const data: CustomData[] = [
|
|
|
933
933
|
<path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4296875,184
|
|
934
934
|
A 120,120,0,
|
|
935
935
|
1,0,
|
|
936
|
-
|
|
937
|
-
L
|
|
936
|
+
115.87112726983455,202.5436726715672
|
|
937
|
+
L 119.82307927750672,201.92555024918164
|
|
938
938
|
A 116,116,0,
|
|
939
939
|
1,1,
|
|
940
940
|
350.4296875,184 Z">
|
|
@@ -949,36 +949,36 @@ const data: CustomData[] = [
|
|
|
949
949
|
</g>
|
|
950
950
|
</g>
|
|
951
951
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
952
|
-
<path cx="234.4296875" cy="184" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M
|
|
952
|
+
<path cx="234.4296875" cy="184" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M 126.78957341455866,206.66287359699058
|
|
953
953
|
A 110,110,0,
|
|
954
954
|
0,0,
|
|
955
|
-
|
|
956
|
-
L
|
|
955
|
+
254.82248752880224,292.0931714170016
|
|
956
|
+
L 251.11470570538364,272.4398675230013
|
|
957
957
|
A 90,90,0,
|
|
958
958
|
0,1,
|
|
959
|
-
146.
|
|
959
|
+
146.36050324827528,202.54235112481047 Z">
|
|
960
960
|
</path>
|
|
961
961
|
</g>
|
|
962
962
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
963
|
-
<path cx="234.4296875" cy="184" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M
|
|
963
|
+
<path cx="234.4296875" cy="184" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M 260.451699394547,290.87775679232817
|
|
964
964
|
A 110,110,0,
|
|
965
965
|
0,0,
|
|
966
|
-
|
|
967
|
-
L
|
|
966
|
+
333.06996050633353,232.68363730490967
|
|
967
|
+
L 315.1353654142729,223.8320668858352
|
|
968
968
|
A 90,90,0,
|
|
969
969
|
0,1,
|
|
970
|
-
|
|
970
|
+
255.72042450462936,271.44543737554125 Z">
|
|
971
971
|
</path>
|
|
972
972
|
</g>
|
|
973
973
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
974
|
-
<path cx="234.4296875" cy="184" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-data-key="costs" class="recharts-sector" d="M
|
|
974
|
+
<path cx="234.4296875" cy="184" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-data-key="costs" class="recharts-sector" d="M 335.48268215211607,227.45448506011093
|
|
975
975
|
A 110,110,0,
|
|
976
976
|
0,0,
|
|
977
|
-
343.
|
|
978
|
-
L 323.
|
|
977
|
+
343.4612523996159,198.56426639212714
|
|
978
|
+
L 323.63733150877664,195.91621795719493
|
|
979
979
|
A 90,90,0,
|
|
980
980
|
0,1,
|
|
981
|
-
|
|
981
|
+
317.10941039718585,219.5536695946362 Z">
|
|
982
982
|
</path>
|
|
983
983
|
</g>
|
|
984
984
|
</g>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/popover
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:55.609Z
|
|
7
7
|
|
|
8
8
|
In order to use a Popover on an element, wrap it with the OverlayTrigger component.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/radialBarCharts
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:30.989Z
|
|
7
7
|
|
|
8
8
|
## RadialBarChart
|
|
9
9
|
|
|
@@ -258,8 +258,8 @@ const data2: CustomData2[] = [
|
|
|
258
258
|
<path name="Age 18-24" cx="120" cy="180" fill="#ef7186 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 99.80161559729078,145.17627857665997
|
|
259
259
|
A 40.2575,40.2575,0,
|
|
260
260
|
0,1,
|
|
261
|
-
|
|
262
|
-
L
|
|
261
|
+
116.44108709660183,139.90011913738363
|
|
262
|
+
L 117.5019317799721,151.85313585107417
|
|
263
263
|
A 28.2575,28.2575,0,
|
|
264
264
|
0,0,
|
|
265
265
|
105.82237229685012,155.55657186561433 Z">
|
|
@@ -267,8 +267,8 @@ const data2: CustomData2[] = [
|
|
|
267
267
|
<path name="Age 25-29" cx="120" cy="180" fill="#e878b6 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 91.9871751309877,131.70352291203793
|
|
268
268
|
A 55.832499999999996,55.832499999999996,0,
|
|
269
269
|
0,1,
|
|
270
|
-
|
|
271
|
-
L
|
|
270
|
+
111.38568384534373,124.83604788054406
|
|
271
|
+
L 113.23714659295266,136.6923578332324
|
|
272
272
|
A 43.832499999999996,43.832499999999996,0,
|
|
273
273
|
0,0,
|
|
274
274
|
98.00793183054705,142.08381620099232 Z">
|
|
@@ -276,8 +276,8 @@ const data2: CustomData2[] = [
|
|
|
276
276
|
<path name="Age 30-34" cx="120" cy="180" fill="#dc82e9 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 84.17273466468461,118.2307672474159
|
|
277
277
|
A 71.4075,71.4075,0,
|
|
278
278
|
0,0,
|
|
279
|
-
71.
|
|
280
|
-
L 79.
|
|
279
|
+
71.66592805809125,127.43719427423618
|
|
280
|
+
L 79.7884482877997,136.27035141752177
|
|
281
281
|
A 59.40749999999999,59.40749999999999,0,
|
|
282
282
|
0,1,
|
|
283
283
|
90.19349136424397,128.61106053637027 Z">
|
|
@@ -285,8 +285,8 @@ const data2: CustomData2[] = [
|
|
|
285
285
|
<path name="Age 35-39" color="color-warmup-corn" cx="120" cy="180" fill="#fde082 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 76.35829419838153,104.75801158279387
|
|
286
286
|
A 86.9825,86.9825,0,
|
|
287
287
|
0,1,
|
|
288
|
-
85.
|
|
289
|
-
L 90.
|
|
288
|
+
85.2137657268396,100.27626945919552
|
|
289
|
+
L 90.01283233538643,111.27485844536692
|
|
290
290
|
A 74.9825,74.9825,0,
|
|
291
291
|
0,0,
|
|
292
292
|
82.37905089794089,115.13830487174825 Z">
|
|
@@ -399,19 +399,19 @@ const data2: CustomData2[] = [
|
|
|
399
399
|
<g class="recharts-layer">
|
|
400
400
|
<path name="Registrations" color="color-coldplay-fountain" cx="134" cy="134" fill="#67abc5 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,24.624225259886728
|
|
401
401
|
A5,5,0,0,1,139.2283313544616,19.62944150154746
|
|
402
|
-
A114.49000000000001,114.49000000000001,0,0,1,
|
|
403
|
-
A5,5,0,0,1,
|
|
404
|
-
|
|
405
|
-
A5,5,0,0,1,
|
|
402
|
+
A114.49000000000001,114.49000000000001,0,0,1,218.64067106365266,56.90319784910302
|
|
403
|
+
A5,5,0,0,1,218.13890130924992,64.1164870196675
|
|
404
|
+
L218.13890130924992,64.1164870196675
|
|
405
|
+
A5,5,0,0,1,211.24782705424985,63.63713113156412
|
|
406
406
|
A104.49000000000001,104.49000000000001,0,0,0,138.77166864553843,29.619009018225995
|
|
407
407
|
A5,5,0,0,1,134,24.624225259886728Z">
|
|
408
408
|
</path>
|
|
409
409
|
<path name="Logins" color="color-coldplay-moos" cx="134" cy="134" fill="#a1daa3 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,11.712175176757682
|
|
410
410
|
A5,5,0,0,1,139.20426505433448,6.71634934036409
|
|
411
|
-
A127.39,127.39,0,0,1,
|
|
412
|
-
A5,5,0,0,1,
|
|
413
|
-
|
|
414
|
-
A5,5,0,0,1,
|
|
411
|
+
A127.39,127.39,0,0,1,215.35605629462884,35.97243140735772
|
|
412
|
+
A5,5,0,0,1,215.87674221284342,43.16767544199047
|
|
413
|
+
L215.87674221284342,43.16767544199047
|
|
414
|
+
A5,5,0,0,1,208.9696793188357,43.667507048510274
|
|
415
415
|
A117.39,117.39,0,0,0,138.7957349456655,16.708001013151275
|
|
416
416
|
A5,5,0,0,1,134,11.712175176757682Z">
|
|
417
417
|
</path>
|
|
@@ -646,10 +646,10 @@ const data = [
|
|
|
646
646
|
<g class="recharts-layer">
|
|
647
647
|
<path name="Ranking" color="brand-success" cx="84" cy="84" fill="#5cb85c " class="recharts-sector recharts-radial-bar-sector undefined" d="M 84,13.47476763597301
|
|
648
648
|
A6,6,0,0,1,90.50861825374399,7.496364214326192
|
|
649
|
-
A76.78,76.78,0,1,1,
|
|
650
|
-
A6,6,0,0,1,13.
|
|
651
|
-
L13.
|
|
652
|
-
A6,6,0,0,1,19.
|
|
649
|
+
A76.78,76.78,0,1,1,8.019371184813963,95.05044998400165
|
|
650
|
+
A6,6,0,0,1,13.599793946501563,88.19754542857649
|
|
651
|
+
L13.599793946501563,88.19754542857649
|
|
652
|
+
A6,6,0,0,1,19.89443690221735,93.32336741291518
|
|
653
653
|
A64.78,64.78,0,1,0,89.491381746256,19.453171057619826
|
|
654
654
|
A6,6,0,0,1,84,13.47476763597301Z">
|
|
655
655
|
</path>
|
|
@@ -763,10 +763,10 @@ const data = [
|
|
|
763
763
|
<g class="recharts-layer">
|
|
764
764
|
<path name="Ranking" color="brand-success" cx="84" cy="84" fill="#5cb85c " class="recharts-sector recharts-radial-bar-sector undefined" d="M 19.195416250083042,121.41494387273622
|
|
765
765
|
A3,3,0,0,1,15.039337317652155,120.21158795760601
|
|
766
|
-
A77.89,77.89,0,0,1,
|
|
767
|
-
A3,3,0,0,1,
|
|
768
|
-
|
|
769
|
-
A3,3,0,0,1,
|
|
766
|
+
A77.89,77.89,0,0,1,98.85958360603276,7.540567128343653
|
|
767
|
+
A3,3,0,0,1,101.20686390701701,11.175306835624795
|
|
768
|
+
L101.20686390701701,11.175306835624795
|
|
769
|
+
A3,3,0,0,1,97.71492445034914,13.430368094192133
|
|
770
770
|
A71.89,71.89,0,0,0,20.351495182513965,117.42214736515979
|
|
771
771
|
A3,3,0,0,1,19.195416250083042,121.41494387273622Z">
|
|
772
772
|
</path>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/radiobutton
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:20.146Z
|
|
7
7
|
|
|
8
8
|
NoteWhen using the custom option, make sure to wrap the children with the class name radio-text-wrapper. For using the radio tick, use an element with class name radio-text.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/responsiveColumnStripe
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:42.743Z
|
|
7
7
|
|
|
8
8
|
The ResponsiveColumnStripe component is designed to work with any list of items. The individual items are spread equally according to the available space. The component is totally customizable and does not style the individual items to give maximum flexibility.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/rioglyph
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:57.057Z
|
|
7
7
|
|
|
8
8
|
The Rioglyph component is a React wrapper for the Rioglyph icon set. It provides a convenient and type-safe way to render icons without directly dealing with the utility classnames.
|
|
9
9
|
|