@rio-cloud/uikit-mcp 1.1.11 → 1.1.12
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 +26 -26
- 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 +39 -23
- 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 +384 -420
- 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 +10 -10
- 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 +45 -49
- 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 +660 -660
- package/dist/docs/components/dayPicker.md +5 -5
- package/dist/docs/components/dayPickerCalendar.md +469 -469
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3270 -3256
- 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 +111 -113
- 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 +31 -9
- package/dist/docs/components/mapUtils.md +65 -2
- package/dist/docs/components/mapViewportHistory.md +1 -1
- package/dist/docs/components/multiselects.md +165 -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 +1 -1
- package/dist/docs/components/saveableInput.md +247 -247
- 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 +51 -51
- 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 +55 -53
- package/dist/docs/foundations.md +105 -105
- package/dist/docs/start/changelog.md +25 -213
- 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 +55 -55
- 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 +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 +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 +7 -4
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Selection
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/selects
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:13:39.513Z
|
|
7
7
|
|
|
8
8
|
The Select and Multiselect components are form controls and are intended to be used within forms. They are 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:* Application
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/sidebar
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:13:12.275Z
|
|
7
7
|
|
|
8
8
|
There are 2 kinds of Sidebars. The default fluid and the fly variant.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Progress
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/statusBar
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:13:48.847Z
|
|
7
7
|
|
|
8
8
|
Flexible component to showcase various states based on progress bars.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/stepButton
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:13:23.650Z
|
|
7
7
|
|
|
8
8
|
The StepButton is a convenient component designed to simplify usage and alignment of buttons with chevrons.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/supportMarker
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:14:32.538Z
|
|
7
7
|
|
|
8
8
|
You can add the support-marker class along with the data-support attribute to any HTML element - even divs wrapping around iframes, for example!
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/svgImage
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:14:34.110Z
|
|
7
7
|
|
|
8
8
|
This component helps to render SVG images hosted on RIO's CDN and lets you customize the colors for various brand themes. It uses the defined UIKIT CSS variables to automatically adapt to dark mode. When customizing colors, make sure to use existing CSS color variable names.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/switch
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:13:25.452Z
|
|
7
7
|
|
|
8
8
|
Generally, we recommend using a switch when the end user understands the user interface element as a setting that is either “on” or “off”. A checkbox is well suited for when the end user would understand the element as something to be selected.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Table
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/table
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:15:46.902Z
|
|
7
7
|
|
|
8
8
|
The new Table component is the preferred approach for building tables in the UIKIT. It provides a declarative API for headers, rows, cells, and footers while keeping table and card views consistent across responsive layouts.
|
|
9
9
|
|
|
@@ -1681,7 +1681,7 @@ const useTableDemoUrlState = (params: {
|
|
|
1681
1681
|
<div class="table-toolbar-group-right">
|
|
1682
1682
|
<div class="table-toolbar-column align-self-end">
|
|
1683
1683
|
<div class="dropdown btn-group">
|
|
1684
|
-
<button type="button" id="
|
|
1684
|
+
<button type="button" id="d77tyokvyod" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">
|
|
1685
1685
|
<span class="display-inline-flex align-items-center gap-5">
|
|
1686
1686
|
<span class="rioglyph rioglyph-table-view">
|
|
1687
1687
|
</span>
|
|
@@ -2449,7 +2449,7 @@ export default TableSelectionBatchExample;
|
|
|
2449
2449
|
<div class="table-head-cell table-selection-cell table-align-center table-vertical-align-middle table-selection-cell-custom-content" role="columnheader" aria-colindex="1" aria-rowindex="1" style="grid-area: 1 / 1 / span 1 / span 1;">
|
|
2450
2450
|
<div class="table-selection-control">
|
|
2451
2451
|
<div class="dropdown btn-group">
|
|
2452
|
-
<button type="button" id="
|
|
2452
|
+
<button type="button" id="6gdh9taa73u" class="btn btn-default btn-outline btn-sm btn-icon-only btn-component dropdown-toggle table-batch-dropdown-button no-hover-scale" tabindex="0">
|
|
2453
2453
|
<span class="rioglyph rioglyph-checkboxes">
|
|
2454
2454
|
</span>
|
|
2455
2455
|
</button>
|
|
@@ -2884,7 +2884,7 @@ export default TableSelectionFooterBatchExample;
|
|
|
2884
2884
|
<div class="table-cell-content">
|
|
2885
2885
|
<div class="display-flex gap-15 align-items-center">
|
|
2886
2886
|
<div class="dropdown btn-group">
|
|
2887
|
-
<button type="button" id="
|
|
2887
|
+
<button type="button" id="71i91m21ver" class="btn btn-default btn-outline btn-sm btn-icon-only btn-component dropdown-toggle table-batch-dropdown-button no-hover-scale" tabindex="0">
|
|
2888
2888
|
<span class="rioglyph rioglyph-checkboxes">
|
|
2889
2889
|
</span>
|
|
2890
2890
|
</button>
|
|
@@ -4005,7 +4005,7 @@ export default TableToolbarLayoutGuidelineExample;
|
|
|
4005
4005
|
</div>
|
|
4006
4006
|
<div class="table-toolbar-column align-self-end table-toolbar-column-separator">
|
|
4007
4007
|
<div class="dropdown btn-group">
|
|
4008
|
-
<button type="button" id="
|
|
4008
|
+
<button type="button" id="xbcdoub07go" class="btn btn-default btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
4009
4009
|
<span class="rioglyph rioglyph-filter">
|
|
4010
4010
|
</span>
|
|
4011
4011
|
</button>
|
|
@@ -4082,7 +4082,7 @@ export default TableToolbarLayoutGuidelineExample;
|
|
|
4082
4082
|
</div>
|
|
4083
4083
|
</div>
|
|
4084
4084
|
<div class="dropdown btn-group">
|
|
4085
|
-
<button type="button" id="
|
|
4085
|
+
<button type="button" id="rka0nzxen7" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">
|
|
4086
4086
|
<span class="display-inline-flex align-items-center gap-5">
|
|
4087
4087
|
<span class="rioglyph rioglyph-table-view">
|
|
4088
4088
|
</span>
|
|
@@ -4101,7 +4101,7 @@ export default TableToolbarLayoutGuidelineExample;
|
|
|
4101
4101
|
<div class="table-head-cell table-selection-cell table-align-center table-vertical-align-middle table-selection-cell-custom-content" role="columnheader" aria-colindex="1" aria-rowindex="1" style="grid-area: 1 / 1 / span 1 / span 1;">
|
|
4102
4102
|
<div class="table-selection-control">
|
|
4103
4103
|
<div class="dropdown btn-group">
|
|
4104
|
-
<button type="button" id="
|
|
4104
|
+
<button type="button" id="kye79jtq46l" class="btn btn-default btn-outline btn-sm btn-icon-only btn-component dropdown-toggle table-batch-dropdown-button no-hover-scale" tabindex="0">
|
|
4105
4105
|
<span class="rioglyph rioglyph-checkboxes">
|
|
4106
4106
|
</span>
|
|
4107
4107
|
</button>
|
|
@@ -5714,7 +5714,7 @@ export default TableToolbarDropdownFilterExample;
|
|
|
5714
5714
|
<div class="table-toolbar-group-right">
|
|
5715
5715
|
<div class="table-toolbar-column align-self-end table-toolbar-column-separator">
|
|
5716
5716
|
<div class="dropdown btn-group">
|
|
5717
|
-
<button type="button" id="
|
|
5717
|
+
<button type="button" id="4pdt96djmoi" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">
|
|
5718
5718
|
<span class="rioglyph rioglyph-filter">
|
|
5719
5719
|
</span>Filter</button>
|
|
5720
5720
|
</div>
|
|
@@ -7395,7 +7395,7 @@ export default TableColumnFilterExample;
|
|
|
7395
7395
|
</button>
|
|
7396
7396
|
<span class="table-head-filter">
|
|
7397
7397
|
<div class="dropdown btn-group">
|
|
7398
|
-
<button type="button" id="
|
|
7398
|
+
<button type="button" id="301ayxijtrt" class="btn btn-default btn-outline btn-xs btn-component dropdown-toggle table-head-filter-button no-hover-scale border-color-light bg-decent hover-bg-lighter rounded-small padding-left-2" tabindex="0">
|
|
7399
7399
|
<span class="display-flex gap-0 align-items-center text-color-dark">
|
|
7400
7400
|
<span class="text-size-16 rioglyph rioglyph-filter-active" aria-hidden="true">
|
|
7401
7401
|
</span>
|
|
@@ -7419,7 +7419,7 @@ export default TableColumnFilterExample;
|
|
|
7419
7419
|
</button>
|
|
7420
7420
|
<span class="table-head-filter">
|
|
7421
7421
|
<div class="dropdown btn-group">
|
|
7422
|
-
<button type="button" id="
|
|
7422
|
+
<button type="button" id="v2mj5nb9dad" class="btn btn-default btn-outline btn-xs btn-icon-only btn-component dropdown-toggle table-head-filter-button no-hover-scale border-color-light bg-decent hover-bg-lighter rounded-small" tabindex="0">
|
|
7423
7423
|
<span class="display-flex gap-0 align-items-center text-color-dark">
|
|
7424
7424
|
<span class="text-size-16 rioglyph rioglyph-filter-active" aria-hidden="true">
|
|
7425
7425
|
</span>
|
|
@@ -7604,7 +7604,7 @@ export default TableHeaderTruncationExample;
|
|
|
7604
7604
|
</span>
|
|
7605
7605
|
<span class="table-head-filter">
|
|
7606
7606
|
<div class="dropdown btn-group">
|
|
7607
|
-
<button type="button" id="
|
|
7607
|
+
<button type="button" id="d3bx5yb31it" class="btn btn-default btn-outline btn-xs btn-icon-only btn-component dropdown-toggle table-head-filter-button no-hover-scale border-color-light bg-decent hover-bg-lighter rounded-small" tabindex="0">
|
|
7608
7608
|
<span class="display-flex gap-0 align-items-center text-color-dark">
|
|
7609
7609
|
<span class="text-size-16 rioglyph rioglyph-filter" aria-hidden="true">
|
|
7610
7610
|
</span>
|
|
@@ -15117,7 +15117,7 @@ export default TableRowActionsExample;
|
|
|
15117
15117
|
<div class="table-cell table-align-right table-vertical-align-middle padding-10" data-column="actions" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
|
|
15118
15118
|
<div class="table-cell-content overflow-hidden">
|
|
15119
15119
|
<div class="dropdown btn-group">
|
|
15120
|
-
<button type="button" aria-label="Row actions" id="
|
|
15120
|
+
<button type="button" aria-label="Row actions" id="0r0xcntfo24a" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
15121
15121
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
15122
15122
|
</span>
|
|
15123
15123
|
</button>
|
|
@@ -15139,7 +15139,7 @@ export default TableRowActionsExample;
|
|
|
15139
15139
|
<span class="rioglyph rioglyph-unassigned">
|
|
15140
15140
|
</span>Assign</button>
|
|
15141
15141
|
<div class="dropdown btn-group">
|
|
15142
|
-
<button type="button" aria-label="Row actions" id="
|
|
15142
|
+
<button type="button" aria-label="Row actions" id="a6ax7llrezs" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
15143
15143
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
15144
15144
|
</span>
|
|
15145
15145
|
</button>
|
|
@@ -20003,7 +20003,7 @@ export default TableWithSettingsExample;
|
|
|
20003
20003
|
</div>
|
|
20004
20004
|
</div>
|
|
20005
20005
|
<div class="dropdown btn-group">
|
|
20006
|
-
<button type="button" id="
|
|
20006
|
+
<button type="button" id="k4fkypb9c6p" class="btn btn-default btn-md btn-component dropdown-toggle" tabindex="0">
|
|
20007
20007
|
<span class="display-inline-flex align-items-center gap-5">
|
|
20008
20008
|
<span class="rioglyph rioglyph-table-view">
|
|
20009
20009
|
</span>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Table
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/tableControls
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:14:12.418Z
|
|
7
7
|
|
|
8
8
|
The toolbar and its content has to be implemented by each team itself. Please use the sample as a reference and adapt it accordingly.
|
|
9
9
|
|
|
@@ -17,15 +17,15 @@ The toolbar and its content has to be implemented by each team itself. Please us
|
|
|
17
17
|
|
|
18
18
|
TableToolbar label
|
|
19
19
|
|
|
20
|
-
‹
|
|
20
|
+
‹ May 2026 ›
|
|
21
21
|
Su Mo Tu We Th Fr Sa
|
|
22
22
|
|
|
23
|
-
29 30 31 1 2 3 4
|
|
24
|
-
5 6 7 8 9 10 11
|
|
25
|
-
12 13 14 15 16 17 18
|
|
26
|
-
19 20 21 22 23 24 25
|
|
27
23
|
26 27 28 29 30 1 2
|
|
28
24
|
3 4 5 6 7 8 9
|
|
25
|
+
10 11 12 13 14 15 16
|
|
26
|
+
17 18 19 20 21 22 23
|
|
27
|
+
24 25 26 27 28 29 30
|
|
28
|
+
31 1 2 3 4 5 6
|
|
29
29
|
|
|
30
30
|
12:00 AM
|
|
31
31
|
|
|
@@ -101,7 +101,7 @@ export default TableToolbarDemo;
|
|
|
101
101
|
<th class="rdtPrev">
|
|
102
102
|
<span>‹</span>
|
|
103
103
|
</th>
|
|
104
|
-
<th class="rdtSwitch" colspan="5" data-value="
|
|
104
|
+
<th class="rdtSwitch" colspan="5" data-value="4">May 2026</th>
|
|
105
105
|
<th class="rdtNext">
|
|
106
106
|
<span>›</span>
|
|
107
107
|
</th>
|
|
@@ -118,58 +118,58 @@ export default TableToolbarDemo;
|
|
|
118
118
|
</thead>
|
|
119
119
|
<tbody>
|
|
120
120
|
<tr>
|
|
121
|
-
<td data-value="
|
|
122
|
-
<td data-value="
|
|
123
|
-
<td data-value="
|
|
124
|
-
<td data-value="
|
|
125
|
-
<td data-value="
|
|
126
|
-
<td data-value="
|
|
127
|
-
<td data-value="
|
|
121
|
+
<td data-value="26" data-month="3" data-year="2026" class="rdtDay rdtOld">26</td>
|
|
122
|
+
<td data-value="27" data-month="3" data-year="2026" class="rdtDay rdtOld">27</td>
|
|
123
|
+
<td data-value="28" data-month="3" data-year="2026" class="rdtDay rdtOld">28</td>
|
|
124
|
+
<td data-value="29" data-month="3" data-year="2026" class="rdtDay rdtOld">29</td>
|
|
125
|
+
<td data-value="30" data-month="3" data-year="2026" class="rdtDay rdtOld">30</td>
|
|
126
|
+
<td data-value="1" data-month="4" data-year="2026" class="rdtDay">1</td>
|
|
127
|
+
<td data-value="2" data-month="4" data-year="2026" class="rdtDay">2</td>
|
|
128
128
|
</tr>
|
|
129
129
|
<tr>
|
|
130
|
-
<td data-value="
|
|
131
|
-
<td data-value="
|
|
132
|
-
<td data-value="
|
|
133
|
-
<td data-value="
|
|
134
|
-
<td data-value="
|
|
135
|
-
<td data-value="
|
|
136
|
-
<td data-value="
|
|
130
|
+
<td data-value="3" data-month="4" data-year="2026" class="rdtDay">3</td>
|
|
131
|
+
<td data-value="4" data-month="4" data-year="2026" class="rdtDay">4</td>
|
|
132
|
+
<td data-value="5" data-month="4" data-year="2026" class="rdtDay">5</td>
|
|
133
|
+
<td data-value="6" data-month="4" data-year="2026" class="rdtDay rdtToday">6</td>
|
|
134
|
+
<td data-value="7" data-month="4" data-year="2026" class="rdtDay">7</td>
|
|
135
|
+
<td data-value="8" data-month="4" data-year="2026" class="rdtDay">8</td>
|
|
136
|
+
<td data-value="9" data-month="4" data-year="2026" class="rdtDay">9</td>
|
|
137
137
|
</tr>
|
|
138
138
|
<tr>
|
|
139
|
-
<td data-value="
|
|
140
|
-
<td data-value="
|
|
141
|
-
<td data-value="
|
|
142
|
-
<td data-value="
|
|
143
|
-
<td data-value="
|
|
144
|
-
<td data-value="
|
|
145
|
-
<td data-value="
|
|
139
|
+
<td data-value="10" data-month="4" data-year="2026" class="rdtDay">10</td>
|
|
140
|
+
<td data-value="11" data-month="4" data-year="2026" class="rdtDay">11</td>
|
|
141
|
+
<td data-value="12" data-month="4" data-year="2026" class="rdtDay">12</td>
|
|
142
|
+
<td data-value="13" data-month="4" data-year="2026" class="rdtDay">13</td>
|
|
143
|
+
<td data-value="14" data-month="4" data-year="2026" class="rdtDay">14</td>
|
|
144
|
+
<td data-value="15" data-month="4" data-year="2026" class="rdtDay">15</td>
|
|
145
|
+
<td data-value="16" data-month="4" data-year="2026" class="rdtDay">16</td>
|
|
146
146
|
</tr>
|
|
147
147
|
<tr>
|
|
148
|
-
<td data-value="
|
|
149
|
-
<td data-value="
|
|
150
|
-
<td data-value="
|
|
151
|
-
<td data-value="
|
|
152
|
-
<td data-value="
|
|
153
|
-
<td data-value="
|
|
154
|
-
<td data-value="
|
|
148
|
+
<td data-value="17" data-month="4" data-year="2026" class="rdtDay">17</td>
|
|
149
|
+
<td data-value="18" data-month="4" data-year="2026" class="rdtDay">18</td>
|
|
150
|
+
<td data-value="19" data-month="4" data-year="2026" class="rdtDay">19</td>
|
|
151
|
+
<td data-value="20" data-month="4" data-year="2026" class="rdtDay">20</td>
|
|
152
|
+
<td data-value="21" data-month="4" data-year="2026" class="rdtDay">21</td>
|
|
153
|
+
<td data-value="22" data-month="4" data-year="2026" class="rdtDay">22</td>
|
|
154
|
+
<td data-value="23" data-month="4" data-year="2026" class="rdtDay">23</td>
|
|
155
155
|
</tr>
|
|
156
156
|
<tr>
|
|
157
|
-
<td data-value="
|
|
158
|
-
<td data-value="
|
|
159
|
-
<td data-value="
|
|
160
|
-
<td data-value="
|
|
161
|
-
<td data-value="
|
|
162
|
-
<td data-value="
|
|
163
|
-
<td data-value="
|
|
157
|
+
<td data-value="24" data-month="4" data-year="2026" class="rdtDay">24</td>
|
|
158
|
+
<td data-value="25" data-month="4" data-year="2026" class="rdtDay">25</td>
|
|
159
|
+
<td data-value="26" data-month="4" data-year="2026" class="rdtDay">26</td>
|
|
160
|
+
<td data-value="27" data-month="4" data-year="2026" class="rdtDay">27</td>
|
|
161
|
+
<td data-value="28" data-month="4" data-year="2026" class="rdtDay">28</td>
|
|
162
|
+
<td data-value="29" data-month="4" data-year="2026" class="rdtDay">29</td>
|
|
163
|
+
<td data-value="30" data-month="4" data-year="2026" class="rdtDay">30</td>
|
|
164
164
|
</tr>
|
|
165
165
|
<tr>
|
|
166
|
-
<td data-value="
|
|
167
|
-
<td data-value="
|
|
168
|
-
<td data-value="
|
|
169
|
-
<td data-value="
|
|
170
|
-
<td data-value="
|
|
171
|
-
<td data-value="
|
|
172
|
-
<td data-value="
|
|
166
|
+
<td data-value="31" data-month="4" data-year="2026" class="rdtDay">31</td>
|
|
167
|
+
<td data-value="1" data-month="5" data-year="2026" class="rdtDay rdtNew">1</td>
|
|
168
|
+
<td data-value="2" data-month="5" data-year="2026" class="rdtDay rdtNew">2</td>
|
|
169
|
+
<td data-value="3" data-month="5" data-year="2026" class="rdtDay rdtNew">3</td>
|
|
170
|
+
<td data-value="4" data-month="5" data-year="2026" class="rdtDay rdtNew">4</td>
|
|
171
|
+
<td data-value="5" data-month="5" data-year="2026" class="rdtDay rdtNew">5</td>
|
|
172
|
+
<td data-value="6" data-month="5" data-year="2026" class="rdtDay rdtNew">6</td>
|
|
173
173
|
</tr>
|
|
174
174
|
</tbody>
|
|
175
175
|
<tfoot>
|
|
@@ -943,7 +943,7 @@ export default TableRowActionsDropdownDemo;
|
|
|
943
943
|
<div class="table-cell table-align-right table-vertical-align-middle padding-10" data-column="actions" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
|
|
944
944
|
<div class="table-cell-content overflow-hidden">
|
|
945
945
|
<div class="dropdown btn-group">
|
|
946
|
-
<button type="button" aria-label="Row actions" id="
|
|
946
|
+
<button type="button" aria-label="Row actions" id="pi73k3cq5dp" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
947
947
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
948
948
|
</span>
|
|
949
949
|
</button>
|
|
@@ -961,7 +961,7 @@ export default TableRowActionsDropdownDemo;
|
|
|
961
961
|
<div class="table-cell table-align-right table-vertical-align-middle padding-10" data-column="actions" role="cell" aria-colindex="3" style="grid-area: 1 / 3 / span 1 / span 1;">
|
|
962
962
|
<div class="table-cell-content overflow-hidden">
|
|
963
963
|
<div class="dropdown btn-group">
|
|
964
|
-
<button type="button" aria-label="Delivery run actions" id="
|
|
964
|
+
<button type="button" aria-label="Delivery run actions" id="k541p0tso9g" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
|
|
965
965
|
<span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
|
|
966
966
|
</span>
|
|
967
967
|
</button>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/tagManager
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:14:36.277Z
|
|
7
7
|
|
|
8
8
|
The TagManager allows to select and filter for existing tags as well as adding and removing them from a list of tags.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/teaser
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:14:07.156Z
|
|
7
7
|
|
|
8
8
|
The teaser component was built to create all kinds of landing and/or single pages. for example, be used in dialogs or sidebars.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/textTruncateMiddle
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:14:08.663Z
|
|
7
7
|
|
|
8
8
|
TextTruncateMiddle truncates long text in the middle and keeps the end segment visible.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/toggleButton
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:13:27.723Z
|
|
7
7
|
|
|
8
8
|
This toggle button is based on the button component that can be used directly.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/tooltip
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:14:36.421Z
|
|
7
7
|
|
|
8
8
|
In order to use a Tooltip on an element, wrap it with the OverlayTrigger component or use the SimpleTooltip component.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Progress
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/tracker
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-05-06T12:13:50.912Z
|
|
7
7
|
|
|
8
8
|
Compact visual tracker component for status indicators with optional per-block color and tooltip support.
|
|
9
9
|
|