@rio-cloud/uikit-mcp 1.1.7 → 1.1.9

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.
Files changed (201) hide show
  1. package/README.md +24 -18
  2. package/dist/doc-metadata.json +125 -295
  3. package/dist/docs/components/accentBar.md +16 -69
  4. package/dist/docs/components/activity.md +7 -44
  5. package/dist/docs/components/animatedNumber.md +3 -11
  6. package/dist/docs/components/animatedTextReveal.md +6 -34
  7. package/dist/docs/components/animations.md +21 -54
  8. package/dist/docs/components/appHeader.md +11 -30
  9. package/dist/docs/components/appLayout.md +40 -193
  10. package/dist/docs/components/appNavigationBar.md +1 -24
  11. package/dist/docs/components/areaCharts.md +7 -22
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -9
  13. package/dist/docs/components/assetTree.md +241 -280
  14. package/dist/docs/components/autosuggests.md +3 -102
  15. package/dist/docs/components/avatar.md +1 -16
  16. package/dist/docs/components/banner.md +4 -37
  17. package/dist/docs/components/barCharts.md +20 -75
  18. package/dist/docs/components/barList.md +10 -78
  19. package/dist/docs/components/basicMap.md +1 -67
  20. package/dist/docs/components/bottomSheet.md +2 -28
  21. package/dist/docs/components/button.md +12 -65
  22. package/dist/docs/components/buttonToolbar.md +5 -19
  23. package/dist/docs/components/calendarStripe.md +50 -100
  24. package/dist/docs/components/card.md +1 -9
  25. package/dist/docs/components/carousel.md +1 -14
  26. package/dist/docs/components/chartColors.md +1 -156
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +2 -81
  29. package/dist/docs/components/checkbox.md +11 -72
  30. package/dist/docs/components/circularProgress.md +8 -49
  31. package/dist/docs/components/clearableInput.md +3 -62
  32. package/dist/docs/components/collapse.md +2 -15
  33. package/dist/docs/components/composedCharts.md +16 -26
  34. package/dist/docs/components/contentLoader.md +7 -25
  35. package/dist/docs/components/dataTabs.md +16 -104
  36. package/dist/docs/components/datepickers.md +710 -962
  37. package/dist/docs/components/dialogs.md +5 -67
  38. package/dist/docs/components/divider.md +1 -33
  39. package/dist/docs/components/dropdowns.md +3424 -5567
  40. package/dist/docs/components/editableContent.md +4 -82
  41. package/dist/docs/components/expander.md +15 -88
  42. package/dist/docs/components/fade.md +4 -61
  43. package/dist/docs/components/fadeExpander.md +1 -7
  44. package/dist/docs/components/fadeUp.md +2 -76
  45. package/dist/docs/components/feedback.md +9 -68
  46. package/dist/docs/components/filePickers.md +4 -18
  47. package/dist/docs/components/formLabel.md +7 -27
  48. package/dist/docs/components/groupedItemList.md +2 -158
  49. package/dist/docs/components/iconList.md +7 -64
  50. package/dist/docs/components/imagePreloader.md +1 -9
  51. package/dist/docs/components/labeledElement.md +3 -18
  52. package/dist/docs/components/licensePlate.md +1 -43
  53. package/dist/docs/components/lineCharts.md +8 -39
  54. package/dist/docs/components/listMenu.md +2 -34
  55. package/dist/docs/components/loadMore.md +5 -24
  56. package/dist/docs/components/mainNavigation.md +1 -9
  57. package/dist/docs/components/mapCircle.md +1 -23
  58. package/dist/docs/components/mapCluster.md +2 -54
  59. package/dist/docs/components/mapContext.md +1 -23
  60. package/dist/docs/components/mapDraggableMarker.md +2 -28
  61. package/dist/docs/components/mapGettingStarted.md +2 -2
  62. package/dist/docs/components/mapInfoBubble.md +1 -27
  63. package/dist/docs/components/mapLayerGroup.md +1 -23
  64. package/dist/docs/components/mapMarker.md +1 -99
  65. package/dist/docs/components/mapPolygon.md +2 -116
  66. package/dist/docs/components/mapRoute.md +6 -1465
  67. package/dist/docs/components/mapRouteGenerator.md +1 -1
  68. package/dist/docs/components/mapSettings.md +11 -128
  69. package/dist/docs/components/mapUtils.md +10 -113
  70. package/dist/docs/components/multiselects.md +14 -163
  71. package/dist/docs/components/noData.md +8 -22
  72. package/dist/docs/components/notifications.md +3 -19
  73. package/dist/docs/components/numbercontrol.md +3 -47
  74. package/dist/docs/components/onboarding.md +3 -15
  75. package/dist/docs/components/page.md +1 -33
  76. package/dist/docs/components/pager.md +1 -17
  77. package/dist/docs/components/pieCharts.md +40 -71
  78. package/dist/docs/components/popover.md +1 -12
  79. package/dist/docs/components/position.md +2 -6
  80. package/dist/docs/components/radialBarCharts.md +32 -116
  81. package/dist/docs/components/radioCardGroup.md +6 -48
  82. package/dist/docs/components/radiobutton.md +6 -75
  83. package/dist/docs/components/releaseNotes.md +3 -21
  84. package/dist/docs/components/resizer.md +1 -7
  85. package/dist/docs/components/responsiveColumnStripe.md +9 -49
  86. package/dist/docs/components/responsiveVideo.md +1 -7
  87. package/dist/docs/components/rioglyph.md +1 -17
  88. package/dist/docs/components/rules.md +7 -70
  89. package/dist/docs/components/saveableInput.md +267 -401
  90. package/dist/docs/components/selects.md +27 -1164
  91. package/dist/docs/components/sidebar.md +6 -17
  92. package/dist/docs/components/sliders.md +1 -27
  93. package/dist/docs/components/smoothScrollbars.md +1 -73
  94. package/dist/docs/components/spinners.md +6 -51
  95. package/dist/docs/components/states.md +6 -92
  96. package/dist/docs/components/statsWidgets.md +1 -76
  97. package/dist/docs/components/statusBar.md +1 -57
  98. package/dist/docs/components/stepButton.md +2 -7
  99. package/dist/docs/components/steppedProgressBars.md +5 -62
  100. package/dist/docs/components/subNavigation.md +1 -31
  101. package/dist/docs/components/supportMarker.md +2 -14
  102. package/dist/docs/components/svgImage.md +1 -5
  103. package/dist/docs/components/switch.md +2 -33
  104. package/dist/docs/components/tables.md +1 -1
  105. package/dist/docs/components/tagManager.md +1 -41
  106. package/dist/docs/components/tags.md +1 -138
  107. package/dist/docs/components/teaser.md +2 -122
  108. package/dist/docs/components/textTruncateMiddle.md +2 -9
  109. package/dist/docs/components/timeline.md +1 -99
  110. package/dist/docs/components/timepicker.md +4 -79
  111. package/dist/docs/components/toggleButton.md +2 -15
  112. package/dist/docs/components/tooltip.md +9 -30
  113. package/dist/docs/components/tracker.md +2 -19
  114. package/dist/docs/components/virtualList.md +61 -130
  115. package/dist/docs/foundations.md +749 -4069
  116. package/dist/docs/start/changelog.md +5 -1
  117. package/dist/docs/start/goodtoknow.md +1 -1
  118. package/dist/docs/start/guidelines/color-combinations.md +149 -483
  119. package/dist/docs/start/guidelines/custom-css.md +1 -1
  120. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  121. package/dist/docs/start/guidelines/formatting.md +1 -1
  122. package/dist/docs/start/guidelines/iframe.md +4 -16
  123. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  124. package/dist/docs/start/guidelines/print-css.md +1 -1
  125. package/dist/docs/start/guidelines/spinner.md +13 -67
  126. package/dist/docs/start/guidelines/state-in-url.md +1 -1
  127. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  128. package/dist/docs/start/guidelines/writing.md +1 -1
  129. package/dist/docs/start/howto.md +11 -11
  130. package/dist/docs/start/intro.md +1 -1
  131. package/dist/docs/start/responsiveness.md +1 -1
  132. package/dist/docs/utilities/classNames.md +3 -18
  133. package/dist/docs/utilities/deviceUtils.md +7 -13
  134. package/dist/docs/utilities/featureToggles.md +1 -1
  135. package/dist/docs/utilities/fuelTypeUtils.md +2 -12
  136. package/dist/docs/utilities/routeUtils.md +25 -343
  137. package/dist/docs/utilities/useAfterMount.md +1 -6
  138. package/dist/docs/utilities/useAutoAnimate.md +2 -15
  139. package/dist/docs/utilities/useAverage.md +1 -6
  140. package/dist/docs/utilities/useClickOutside.md +1 -5
  141. package/dist/docs/utilities/useClipboard.md +2 -6
  142. package/dist/docs/utilities/useCookies.md +2 -10
  143. package/dist/docs/utilities/useCount.md +7 -16
  144. package/dist/docs/utilities/useDarkMode.md +2 -6
  145. package/dist/docs/utilities/useDebugInfo.md +6 -20
  146. package/dist/docs/utilities/useEffectOnce.md +1 -6
  147. package/dist/docs/utilities/useElapsedTime.md +2 -6
  148. package/dist/docs/utilities/useElementSize.md +1 -7
  149. package/dist/docs/utilities/useEsc.md +1 -5
  150. package/dist/docs/utilities/useEvent.md +1 -5
  151. package/dist/docs/utilities/useFocusTrap.md +1 -5
  152. package/dist/docs/utilities/useFullscreen.md +2 -15
  153. package/dist/docs/utilities/useHover.md +1 -5
  154. package/dist/docs/utilities/useIncomingPostMessages.md +2 -18
  155. package/dist/docs/utilities/useInterval.md +2 -8
  156. package/dist/docs/utilities/useIsFocusWithin.md +1 -10
  157. package/dist/docs/utilities/useKey.md +1 -15
  158. package/dist/docs/utilities/useLocalStorage.md +2 -11
  159. package/dist/docs/utilities/useLocationSuggestions.md +1 -5
  160. package/dist/docs/utilities/useMax.md +1 -5
  161. package/dist/docs/utilities/useMin.md +1 -5
  162. package/dist/docs/utilities/useMutationObserver.md +3 -11
  163. package/dist/docs/utilities/useOnScreen.md +1 -8
  164. package/dist/docs/utilities/useOnlineStatus.md +1 -5
  165. package/dist/docs/utilities/usePostMessage.md +3 -9
  166. package/dist/docs/utilities/usePostMessageSender.md +3 -13
  167. package/dist/docs/utilities/usePrevious.md +1 -5
  168. package/dist/docs/utilities/useResizeObserver.md +3 -11
  169. package/dist/docs/utilities/useRioCookieConsent.md +1 -5
  170. package/dist/docs/utilities/useScrollPosition.md +3 -59
  171. package/dist/docs/utilities/useSearch.md +2 -16
  172. package/dist/docs/utilities/useSearchHighlight.md +13 -78
  173. package/dist/docs/utilities/useSorting.md +18 -43
  174. package/dist/docs/utilities/useStateWithValidation.md +1 -5
  175. package/dist/docs/utilities/useSum.md +1 -9
  176. package/dist/docs/utilities/useTableExport.md +42 -59
  177. package/dist/docs/utilities/useTableSelection.md +74 -119
  178. package/dist/docs/utilities/useTimeout.md +2 -6
  179. package/dist/docs/utilities/useToggle.md +4 -14
  180. package/dist/docs/utilities/useUrlState.md +2 -27
  181. package/dist/docs/utilities/useWindowResize.md +1 -5
  182. package/dist/index.mjs +46 -16
  183. package/dist/version.json +2 -2
  184. package/package.json +15 -9
  185. package/dist/docs/templates/common-table.md +0 -1112
  186. package/dist/docs/templates/detail-views.md +0 -942
  187. package/dist/docs/templates/expandable-details.md +0 -228
  188. package/dist/docs/templates/feature-cards.md +0 -549
  189. package/dist/docs/templates/form-summary.md +0 -199
  190. package/dist/docs/templates/form-toggle.md +0 -367
  191. package/dist/docs/templates/list-blocks.md +0 -1021
  192. package/dist/docs/templates/loading-progress.md +0 -109
  193. package/dist/docs/templates/options-panel.md +0 -152
  194. package/dist/docs/templates/panel-variants.md +0 -164
  195. package/dist/docs/templates/progress-cards.md +0 -607
  196. package/dist/docs/templates/progress-success.md +0 -142
  197. package/dist/docs/templates/settings-form.md +0 -434
  198. package/dist/docs/templates/stats-blocks.md +0 -1381
  199. package/dist/docs/templates/table-panel.md +0 -184
  200. package/dist/docs/templates/table-row-animation.md +0 -317
  201. package/dist/docs/templates/usage-cards.md +0 -227
package/dist/docs/templates/usage-cards.md DELETED
@@ -1,227 +0,0 @@
1
- # Data usage cards
2
-
3
- *Category:* Templates
4
- *Section:* Content
5
- *Source:* https://uikit.developers.rio.cloud/#/templates/usage-cards
6
- *Captured:* 2026-02-23T15:49:36.854Z
7
-
8
- ## Data usage cards
9
-
10
- ### Example: Example 1
11
-
12
- Data used for shipment tracking
13
-
14
- The following data may be used to track shipments across carriers and systems:
15
- Vehicle ID
16
- Current location
17
- Shipment status
18
- Timestamps
19
- Driver ID
20
- Route info
21
-
22
- Edit shipment settings
23
-
24
- Data linked to your company profile
25
-
26
- This information may be associated with your identity or company profile:
27
- Customer ID
28
- Delivery address
29
- Shipping docs
30
- Usage metrics
31
- Freight costs
32
- Other data
33
-
34
- Edit profile settings
35
-
36
- #### Summary
37
-
38
- Data used for shipment tracking
39
-
40
- The following data may be used to track shipments across carriers and systems:
41
- Vehicle ID
42
- Current location
43
- Shipment status
44
- Timestamps
45
- Driver ID
46
- Route info
47
-
48
- Edit shipment settings
49
-
50
- Data linked to your company profile
51
-
52
- This information may be associated with your identity or company profile:
53
- Customer ID
54
- Delivery address
55
- Shipping docs
56
- Usage metrics
57
- Freight costs
58
- Other data
59
-
60
- Edit profile settings
61
-
62
- #### React (tsx)
63
-
64
- ```tsx
65
- import Button from '@rio-cloud/rio-uikit/Button';
66
-
67
- export default () => {
68
- return (
69
- <div className='max-width-600 margin-auto'>
70
- <div className='display-grid gap-20 grid-cols-1 grid-cols-2-md'>
71
- <div className='bg-white rounded border padding-20 display-flex flex-column justify-content-between'>
72
- <div className='display-flex flex-column gap-5 justify-content-center text-color-darker margin-bottom-25'>
73
- <span className='rioglyph rioglyph-delivery text-size-h2' />
74
- <div className='text-size-18 text-bold text-center'>Data used for shipment tracking</div>
75
- </div>
76
- <div>
77
- <div className='text-color-darker text-center margin-bottom-15'>
78
- The following data may be used to track shipments across carriers and systems:
79
- </div>
80
- <div className='display-grid grid-cols-2 gap-10 text-size-14 text-color-darker'>
81
- <div className='display-flex align-items-center gap-5'>
82
- <span className='rioglyph rioglyph-truck' /> Vehicle ID
83
- </div>
84
- <div className='display-flex align-items-center gap-5'>
85
- <span className='rioglyph rioglyph-map-marker' /> Current location
86
- </div>
87
- <div className='display-flex align-items-center gap-5'>
88
- <span className='rioglyph rioglyph-archive' /> Shipment status
89
- </div>
90
- <div className='display-flex align-items-center gap-5'>
91
- <span className='rioglyph rioglyph-time' /> Timestamps
92
- </div>
93
- <div className='display-flex align-items-center gap-5'>
94
- <span className='rioglyph rioglyph-user' /> Driver ID
95
- </div>
96
- <div className='display-flex align-items-center gap-5'>
97
- <span className='rioglyph rioglyph-route' /> Route info
98
- </div>
99
- </div>
100
- <Button className='margin-top-25' variant='link' block>
101
- Edit shipment settings
102
- </Button>
103
- </div>
104
- </div>
105
-
106
- <div className='bg-white rounded border padding-20 display-flex flex-column justify-content-between'>
107
- <div className='display-flex flex-column gap-5 justify-content-center text-color-darker margin-bottom-25'>
108
- <span className='rioglyph rioglyph-user-sign text-size-h2' />
109
- <div className='text-size-18 text-bold text-center'>Data linked to your company profile</div>
110
- </div>
111
- <div>
112
- <div className='text-color-darker text-center margin-bottom-15'>
113
- This information may be associated with your identity or company profile:
114
- </div>
115
- <div className='display-grid grid-cols-2 gap-10 text-size-14 text-color-darker'>
116
- <div className='display-flex align-items-center gap-5'>
117
- <span className='rioglyph rioglyph-user-group' /> Customer ID
118
- </div>
119
- <div className='display-flex align-items-center gap-5'>
120
- <span className='rioglyph rioglyph-map' /> Delivery address
121
- </div>
122
- <div className='display-flex align-items-center gap-5'>
123
- <span className='rioglyph rioglyph-document' /> Shipping docs
124
- </div>
125
- <div className='display-flex align-items-center gap-5'>
126
- <span className='rioglyph rioglyph-stats' /> Usage metrics
127
- </div>
128
- <div className='display-flex align-items-center gap-5'>
129
- <span className='rioglyph rioglyph-cost-efficency' /> Freight costs
130
- </div>
131
- <div className='display-flex align-items-center gap-5'>
132
- <span className='rioglyph rioglyph-info-sign' /> Other data
133
- </div>
134
- </div>
135
- <Button className='margin-top-25' variant='link' block>
136
- Edit profile settings
137
- </Button>
138
- </div>
139
- </div>
140
- </div>
141
- </div>
142
- );
143
- };
144
- ```
145
-
146
- #### HTML (html)
147
-
148
- ```html
149
- <div class="max-width-600 margin-auto">
150
- <div class="display-grid gap-20 grid-cols-1 grid-cols-2-md">
151
- <div class="bg-white rounded border padding-20 display-flex flex-column justify-content-between">
152
- <div class="display-flex flex-column gap-5 justify-content-center text-color-darker margin-bottom-25">
153
- <span class="rioglyph rioglyph-delivery text-size-h2">
154
- </span>
155
- <div class="text-size-18 text-bold text-center">Data used for shipment tracking</div>
156
- </div>
157
- <div>
158
- <div class="text-color-darker text-center margin-bottom-15">The following data may be used to track shipments across carriers and systems:</div>
159
- <div class="display-grid grid-cols-2 gap-10 text-size-14 text-color-darker">
160
- <div class="display-flex align-items-center gap-5">
161
- <span class="rioglyph rioglyph-truck">
162
- </span> Vehicle ID
163
- </div>
164
- <div class="display-flex align-items-center gap-5">
165
- <span class="rioglyph rioglyph-map-marker">
166
- </span> Current location
167
- </div>
168
- <div class="display-flex align-items-center gap-5">
169
- <span class="rioglyph rioglyph-archive">
170
- </span> Shipment status
171
- </div>
172
- <div class="display-flex align-items-center gap-5">
173
- <span class="rioglyph rioglyph-time">
174
- </span> Timestamps
175
- </div>
176
- <div class="display-flex align-items-center gap-5">
177
- <span class="rioglyph rioglyph-user">
178
- </span> Driver ID
179
- </div>
180
- <div class="display-flex align-items-center gap-5">
181
- <span class="rioglyph rioglyph-route">
182
- </span> Route info
183
- </div>
184
- </div>
185
- <button type="button" class="btn btn-default btn-link btn-block btn-component margin-top-25" tabindex="0">Edit shipment settings</button>
186
- </div>
187
- </div>
188
- <div class="bg-white rounded border padding-20 display-flex flex-column justify-content-between">
189
- <div class="display-flex flex-column gap-5 justify-content-center text-color-darker margin-bottom-25">
190
- <span class="rioglyph rioglyph-user-sign text-size-h2">
191
- </span>
192
- <div class="text-size-18 text-bold text-center">Data linked to your company profile</div>
193
- </div>
194
- <div>
195
- <div class="text-color-darker text-center margin-bottom-15">This information may be associated with your identity or company profile:</div>
196
- <div class="display-grid grid-cols-2 gap-10 text-size-14 text-color-darker">
197
- <div class="display-flex align-items-center gap-5">
198
- <span class="rioglyph rioglyph-user-group">
199
- </span> Customer ID
200
- </div>
201
- <div class="display-flex align-items-center gap-5">
202
- <span class="rioglyph rioglyph-map">
203
- </span> Delivery address
204
- </div>
205
- <div class="display-flex align-items-center gap-5">
206
- <span class="rioglyph rioglyph-document">
207
- </span> Shipping docs
208
- </div>
209
- <div class="display-flex align-items-center gap-5">
210
- <span class="rioglyph rioglyph-stats">
211
- </span> Usage metrics
212
- </div>
213
- <div class="display-flex align-items-center gap-5">
214
- <span class="rioglyph rioglyph-cost-efficency">
215
- </span> Freight costs
216
- </div>
217
- <div class="display-flex align-items-center gap-5">
218
- <span class="rioglyph rioglyph-info-sign">
219
- </span> Other data
220
- </div>
221
- </div>
222
- <button type="button" class="btn btn-default btn-link btn-block btn-component margin-top-25" tabindex="0">Edit profile settings</button>
223
- </div>
224
- </div>
225
- </div>
226
- </div>
227
- ```