@rio-cloud/uikit-mcp 1.1.2 → 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 +36 -46
- 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 +115 -47
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +5 -5
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +290 -182
- 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 +14 -14
- 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 +103 -103
- 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 +4 -1
- 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 +15 -15
- 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 -4398
- 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 +5 -5
- 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 +37 -69
- 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 +69 -69
- package/dist/docs/foundations.md +167 -167
- package/dist/docs/start/changelog.md +1 -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 +2 -2
- 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 +1 -1
- 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 +3 -3
- 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 +86 -86
- 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 +1 -1
- 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
|
|
|
@@ -152,38 +152,6 @@ const data: CustomData[] = [
|
|
|
152
152
|
<g tabindex="-1" id="recharts-zindex-100-:r4:">
|
|
153
153
|
<g class="recharts-layer recharts-pie" tabindex="0">
|
|
154
154
|
<g class="recharts-layer">
|
|
155
|
-
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
156
|
-
<path cx="395.4296875" cy="234" fill="#ef7186 " stroke="#fff" name="Basistarif" tabindex="-1" data-recharts-item-index="0" data-recharts-item-data-key="costs" class="recharts-sector" d="M 578.6296875,234
|
|
157
|
-
A 183.2,183.2,0,
|
|
158
|
-
0,0,
|
|
159
|
-
516.7946888521415,96.76743663840315
|
|
160
|
-
L 395.4296875,234 Z">
|
|
161
|
-
</path>
|
|
162
|
-
</g>
|
|
163
|
-
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
164
|
-
<path cx="395.4296875" cy="234" fill="#e878b6 " stroke="#fff" name="Diesel" tabindex="-1" data-recharts-item-index="1" data-recharts-item-data-key="costs" class="recharts-sector" d="M 516.7946888521415,96.76743663840315
|
|
165
|
-
A 183.2,183.2,0,
|
|
166
|
-
0,0,
|
|
167
|
-
454.1183947840437,60.45497518704886
|
|
168
|
-
L 395.4296875,234 Z">
|
|
169
|
-
</path>
|
|
170
|
-
</g>
|
|
171
|
-
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
172
|
-
<path cx="395.4296875" cy="234" fill="#dc82e9 " stroke="#fff" name="Maut" tabindex="-1" data-recharts-item-index="2" data-recharts-item-data-key="costs" class="recharts-sector" d="M 454.1183947840437,60.45497518704886
|
|
173
|
-
A 183.2,183.2,0,
|
|
174
|
-
0,0,
|
|
175
|
-
414.04140823400326,51.747856387587404
|
|
176
|
-
L 395.4296875,234 Z">
|
|
177
|
-
</path>
|
|
178
|
-
</g>
|
|
179
|
-
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
180
|
-
<path cx="395.4296875" cy="234" fill="#c08eeb " stroke="#fff" name="Zuschläge" tabindex="-1" data-recharts-item-index="3" data-recharts-item-data-key="costs" class="recharts-sector" d="M 414.04140823400326,51.747856387587404
|
|
181
|
-
A 183.2,183.2,0,
|
|
182
|
-
0,0,
|
|
183
|
-
401.2128968476449,50.8913041670568
|
|
184
|
-
L 395.4296875,234 Z">
|
|
185
|
-
</path>
|
|
186
|
-
</g>
|
|
187
155
|
</g>
|
|
188
156
|
</g>
|
|
189
157
|
</g>
|
|
@@ -428,44 +396,44 @@ const data: CustomData[] = [
|
|
|
428
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
|
|
429
397
|
A 103.2,103.2,0,
|
|
430
398
|
0,0,
|
|
431
|
-
|
|
432
|
-
L
|
|
399
|
+
100.71499603138449,48.7867985743177
|
|
400
|
+
L 110.98154045705118,63.81470812807174
|
|
433
401
|
A 85,85,0,
|
|
434
402
|
0,1,
|
|
435
403
|
243.9296875,134 Z">
|
|
436
404
|
</path>
|
|
437
405
|
</g>
|
|
438
406
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
439
|
-
<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
|
|
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
|
|
440
408
|
A 103.2,103.2,0,
|
|
441
409
|
0,0,
|
|
442
|
-
|
|
443
|
-
L
|
|
410
|
+
56.2561315135589,144.41061482810426
|
|
411
|
+
L 74.36328964295065,142.57463430609363
|
|
444
412
|
A 85,85,0,
|
|
445
413
|
0,1,
|
|
446
|
-
|
|
414
|
+
107.37403736184865,66.42030675689232 Z">
|
|
447
415
|
</path>
|
|
448
416
|
</g>
|
|
449
417
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
450
|
-
<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
|
|
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
|
|
451
419
|
A 103.2,103.2,0,
|
|
452
420
|
0,0,
|
|
453
|
-
|
|
454
|
-
L
|
|
421
|
+
81.91785456008593,202.69801734573397
|
|
422
|
+
L 95.49939874134984,190.5826693254592
|
|
455
423
|
A 85,85,0,
|
|
456
424
|
0,1,
|
|
457
|
-
|
|
425
|
+
74.92794663798757,146.98874636565483 Z">
|
|
458
426
|
</path>
|
|
459
427
|
</g>
|
|
460
428
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
461
|
-
<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
|
|
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
|
|
462
430
|
A 103.2,103.2,0,
|
|
463
431
|
0,0,
|
|
464
|
-
|
|
465
|
-
L
|
|
432
|
+
99.79989322765762,218.58077458447912
|
|
433
|
+
L 110.2278220625087,203.66439767132485
|
|
466
434
|
A 85,85,0,
|
|
467
435
|
0,1,
|
|
468
|
-
|
|
436
|
+
98.54763585352711,193.82480956060522 Z">
|
|
469
437
|
</path>
|
|
470
438
|
</g>
|
|
471
439
|
</g>
|
|
@@ -571,24 +539,24 @@ const data: CustomData[] = [
|
|
|
571
539
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
572
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
|
|
573
541
|
A 103.2,103.2,0,
|
|
574
|
-
|
|
575
|
-
|
|
542
|
+
0,0,
|
|
543
|
+
100.27679389930805,60.73844617376729
|
|
576
544
|
L 172.9609375,134 Z">
|
|
577
545
|
</path>
|
|
578
546
|
</g>
|
|
579
547
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
580
|
-
<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
|
|
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
|
|
581
549
|
A 103.2,103.2,0,
|
|
582
550
|
0,0,
|
|
583
|
-
|
|
551
|
+
74.88356175892191,166.1102533117288
|
|
584
552
|
L 172.9609375,134 Z">
|
|
585
553
|
</path>
|
|
586
554
|
</g>
|
|
587
555
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
588
|
-
<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
|
|
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
|
|
589
557
|
A 103.2,103.2,0,
|
|
590
558
|
0,0,
|
|
591
|
-
|
|
559
|
+
112.06490673312668,217.31814590375868
|
|
592
560
|
L 172.9609375,134 Z">
|
|
593
561
|
</path>
|
|
594
562
|
</g>
|
|
@@ -956,8 +924,8 @@ const data: CustomData[] = [
|
|
|
956
924
|
<path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4296875,184
|
|
957
925
|
A 110,110,0,
|
|
958
926
|
1,0,
|
|
959
|
-
|
|
960
|
-
L
|
|
927
|
+
125.75100728901499,200.9983666156033
|
|
928
|
+
L 145.5107673273759,197.90775450367542
|
|
961
929
|
A 90,90,0,
|
|
962
930
|
1,1,
|
|
963
931
|
324.4296875,184 Z">
|
|
@@ -965,8 +933,8 @@ const data: CustomData[] = [
|
|
|
965
933
|
<path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4296875,184
|
|
966
934
|
A 120,120,0,
|
|
967
935
|
1,0,
|
|
968
|
-
|
|
969
|
-
L
|
|
936
|
+
115.87112726983455,202.5436726715672
|
|
937
|
+
L 119.82307927750672,201.92555024918164
|
|
970
938
|
A 116,116,0,
|
|
971
939
|
1,1,
|
|
972
940
|
350.4296875,184 Z">
|
|
@@ -981,36 +949,36 @@ const data: CustomData[] = [
|
|
|
981
949
|
</g>
|
|
982
950
|
</g>
|
|
983
951
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
984
|
-
<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
|
|
985
953
|
A 110,110,0,
|
|
986
954
|
0,0,
|
|
987
|
-
|
|
988
|
-
L
|
|
955
|
+
254.82248752880224,292.0931714170016
|
|
956
|
+
L 251.11470570538364,272.4398675230013
|
|
989
957
|
A 90,90,0,
|
|
990
958
|
0,1,
|
|
991
|
-
|
|
959
|
+
146.36050324827528,202.54235112481047 Z">
|
|
992
960
|
</path>
|
|
993
961
|
</g>
|
|
994
962
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
995
|
-
<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
|
|
996
964
|
A 110,110,0,
|
|
997
965
|
0,0,
|
|
998
|
-
|
|
999
|
-
L
|
|
966
|
+
333.06996050633353,232.68363730490967
|
|
967
|
+
L 315.1353654142729,223.8320668858352
|
|
1000
968
|
A 90,90,0,
|
|
1001
969
|
0,1,
|
|
1002
|
-
|
|
970
|
+
255.72042450462936,271.44543737554125 Z">
|
|
1003
971
|
</path>
|
|
1004
972
|
</g>
|
|
1005
973
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
1006
|
-
<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
|
|
1007
975
|
A 110,110,0,
|
|
1008
976
|
0,0,
|
|
1009
|
-
|
|
1010
|
-
L
|
|
977
|
+
343.4612523996159,198.56426639212714
|
|
978
|
+
L 323.63733150877664,195.91621795719493
|
|
1011
979
|
A 90,90,0,
|
|
1012
980
|
0,1,
|
|
1013
|
-
|
|
981
|
+
317.10941039718585,219.5536695946362 Z">
|
|
1014
982
|
</path>
|
|
1015
983
|
</g>
|
|
1016
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
|
|