@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/start/guidelines/color-combinations.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Getting started
4
4
  *Section:* Guidelines
5
5
  *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/color-combinations
6
- *Captured:* 2026-02-23T15:48:00.658Z
6
+ *Captured:* 2026-03-06T10:39:53.668Z
7
7
 
8
8
  For accessibility purposes, aim for a good color contrast between the foreground color (e.g. text, links, etc.) and the background color. This contrast ensures people with moderately low vision can tell the colors apart and see your content.
9
9
 
@@ -13,666 +13,332 @@ For accessibility purposes, aim for a good color contrast between the foreground
13
13
 
14
14
  White text on brand backgrounds
15
15
 
16
- white text on bg-primary
16
+ white text on bg- primary
17
17
 
18
- white text on bg-secondary
18
+ white text on bg- secondary
19
19
 
20
20
  Black text on highlight backgrounds
21
21
 
22
- black text on bg-primary
22
+ black text on bg- primary
23
23
 
24
- black text on bg-secondary
25
-
26
- #### Summary
27
-
28
- White text on brand backgrounds
29
-
30
- white text on bg-primary
31
-
32
- white text on bg-secondary
33
-
34
- Black text on highlight backgrounds
35
-
36
- black text on bg-primary
37
-
38
- black text on bg-secondary
24
+ black text on bg- secondary
39
25
 
40
26
  ### Example: Example 2
41
27
 
42
28
  White text on gray backgrounds
43
29
 
44
- white text on bg-decent
30
+ white text on bg- decent
45
31
 
46
- white text on bg-lightest
32
+ white text on bg- lightest
47
33
 
48
- white text on bg-lighter
34
+ white text on bg- lighter
49
35
 
50
- white text on bg-light
36
+ white text on bg- light
51
37
 
52
- white text on bg-gray
38
+ white text on bg- gray
53
39
 
54
- white text on bg-dark
40
+ white text on bg- dark
55
41
 
56
- white text on bg-darker
42
+ white text on bg- darker
57
43
 
58
- white text on bg-darkest
44
+ white text on bg- darkest
59
45
 
60
46
  Black text on gray backgrounds
61
47
 
62
- black text on bg-decent
63
-
64
- black text on bg-lightest
65
-
66
- black text on bg-lighter
67
-
68
- black text on bg-light
48
+ black text on bg- decent
69
49
 
70
- black text on bg-gray
50
+ black text on bg- lightest
71
51
 
72
- black text on bg-dark
52
+ black text on bg- lighter
73
53
 
74
- black text on bg-darker
54
+ black text on bg- light
75
55
 
76
- black text on bg-darkest
56
+ black text on bg- gray
77
57
 
78
- #### Summary
58
+ black text on bg- dark
79
59
 
80
- White text on gray backgrounds
81
-
82
- white text on bg-decent
83
-
84
- white text on bg-lightest
85
-
86
- white text on bg-lighter
87
-
88
- white text on bg-light
89
-
90
- white text on bg-gray
91
-
92
- white text on bg-dark
93
-
94
- white text on bg-darker
95
-
96
- white text on bg-darkest
97
-
98
- Black text on gray backgrounds
60
+ black text on bg- darker
99
61
 
100
- black text on bg-decent
101
-
102
- black text on bg-lightest
103
-
104
- black text on bg-lighter
105
-
106
- black text on bg-light
107
-
108
- black text on bg-gray
109
-
110
- black text on bg-dark
111
-
112
- black text on bg-darker
113
-
114
- black text on bg-darkest
62
+ black text on bg- darkest
115
63
 
116
64
  ### Example: Example 3
117
65
 
118
66
  White text on status backgrounds
119
67
 
120
- white text on bg-info
121
-
122
- white text on bg-success
123
-
124
- white text on bg-warning
125
-
126
- white text on bg-danger
127
-
128
- Black text on status backgrounds
129
-
130
- black text on bg-info
131
-
132
- black text on bg-success
133
-
134
- black text on bg-warning
135
-
136
- black text on bg-danger
137
-
138
- #### Summary
139
-
140
- White text on status backgrounds
141
-
142
- white text on bg-info
68
+ white text on bg- info
143
69
 
144
- white text on bg-success
70
+ white text on bg- success
145
71
 
146
- white text on bg-warning
72
+ white text on bg- warning
147
73
 
148
- white text on bg-danger
74
+ white text on bg- danger
149
75
 
150
76
  Black text on status backgrounds
151
77
 
152
- black text on bg-info
78
+ black text on bg- info
153
79
 
154
- black text on bg-success
80
+ black text on bg- success
155
81
 
156
- black text on bg-warning
82
+ black text on bg- warning
157
83
 
158
- black text on bg-danger
84
+ black text on bg- danger
159
85
 
160
86
  ### Example: Example 4
161
87
 
162
88
  White text on driving status backgrounds
163
89
 
164
- white text on bg-status-available
165
-
166
- white text on bg-status-driving
167
-
168
- white text on bg-status-resting
169
-
170
- white text on bg-status-working
171
-
172
- Black text on driving status backgrounds
173
-
174
- black text on bg-status-available
175
-
176
- black text on bg-status-driving
177
-
178
- black text on bg-status-resting
179
-
180
- black text on bg-status-working
181
-
182
- #### Summary
183
-
184
- White text on driving status backgrounds
185
-
186
- white text on bg-status-available
90
+ white text on bg- status-available
187
91
 
188
- white text on bg-status-driving
92
+ white text on bg- status-driving
189
93
 
190
- white text on bg-status-resting
94
+ white text on bg- status-resting
191
95
 
192
- white text on bg-status-working
96
+ white text on bg- status-working
193
97
 
194
98
  Black text on driving status backgrounds
195
99
 
196
- black text on bg-status-available
100
+ black text on bg- status-available
197
101
 
198
- black text on bg-status-driving
102
+ black text on bg- status-driving
199
103
 
200
- black text on bg-status-resting
104
+ black text on bg- status-resting
201
105
 
202
- black text on bg-status-working
106
+ black text on bg- status-working
203
107
 
204
108
  ### Example: Example 5
205
109
 
206
110
  White text on highlight backgrounds
207
111
 
208
- white text on bg-highlight-decent
112
+ white text on bg- highlight-decent
209
113
 
210
- white text on bg-highlight-lightest
114
+ white text on bg- highlight-lightest
211
115
 
212
- white text on bg-highlight-lighter
116
+ white text on bg- highlight-lighter
213
117
 
214
- white text on bg-highlight-light
118
+ white text on bg- highlight-light
215
119
 
216
- white text on bg-highlight
120
+ white text on bg- highlight
217
121
 
218
- white text on bg-highlight-dark
122
+ white text on bg- highlight-dark
219
123
 
220
- white text on bg-highlight-darker
124
+ white text on bg- highlight-darker
221
125
 
222
- white text on bg-highlight-darkest
126
+ white text on bg- highlight-darkest
223
127
 
224
128
  Black text on highlight backgrounds
225
129
 
226
- black text on bg-highlight-decent
227
-
228
- black text on bg-highlight-lightest
130
+ black text on bg- highlight-decent
229
131
 
230
- black text on bg-highlight-lighter
132
+ black text on bg- highlight-lightest
231
133
 
232
- black text on bg-highlight-light
134
+ black text on bg- highlight-lighter
233
135
 
234
- black text on bg-highlight
136
+ black text on bg- highlight-light
235
137
 
236
- black text on bg-highlight-dark
138
+ black text on bg- highlight
237
139
 
238
- black text on bg-highlight-darker
140
+ black text on bg- highlight-dark
239
141
 
240
- black text on bg-highlight-darkest
142
+ black text on bg- highlight-darker
241
143
 
242
- #### Summary
243
-
244
- White text on highlight backgrounds
245
-
246
- white text on bg-highlight-decent
247
-
248
- white text on bg-highlight-lightest
249
-
250
- white text on bg-highlight-lighter
251
-
252
- white text on bg-highlight-light
253
-
254
- white text on bg-highlight
255
-
256
- white text on bg-highlight-dark
257
-
258
- white text on bg-highlight-darker
259
-
260
- white text on bg-highlight-darkest
261
-
262
- Black text on highlight backgrounds
263
-
264
- black text on bg-highlight-decent
265
-
266
- black text on bg-highlight-lightest
267
-
268
- black text on bg-highlight-lighter
269
-
270
- black text on bg-highlight-light
271
-
272
- black text on bg-highlight
273
-
274
- black text on bg-highlight-dark
275
-
276
- black text on bg-highlight-darker
277
-
278
- black text on bg-highlight-darkest
144
+ black text on bg- highlight-darkest
279
145
 
280
146
  ### Example: dark text on bg-decent
281
147
 
282
148
  Gray text on gray backgrounds
283
149
 
284
- decent text on bg-decent
285
-
286
- lightest text on bg-decent
287
-
288
- lighter text on bg-decent
150
+ decent text on bg- decent
289
151
 
290
- light text on bg-decent
152
+ lightest text on bg- decent
291
153
 
292
- gray text on bg-decent
154
+ lighter text on bg- decent
293
155
 
294
- dark text on bg-decent
156
+ light text on bg- decent
295
157
 
296
- darker text on bg-decent
158
+ gray text on bg- decent
297
159
 
298
- darkest text on bg-decent
160
+ dark text on bg- decent
299
161
 
300
- decent text on bg-lightest
162
+ darker text on bg- decent
301
163
 
302
- lightest text on bg-lightest
164
+ darkest text on bg- decent
303
165
 
304
- lighter text on bg-lightest
166
+ decent text on bg- lightest
305
167
 
306
- light text on bg-lightest
168
+ lightest text on bg- lightest
307
169
 
308
- gray text on bg-lightest
170
+ lighter text on bg- lightest
309
171
 
310
- dark text on bg-lightest
172
+ light text on bg- lightest
311
173
 
312
- darker text on bg-lightest
174
+ gray text on bg- lightest
313
175
 
314
- darkest text on bg-lightest
176
+ dark text on bg- lightest
315
177
 
316
- decent text on bg-lighter
178
+ darker text on bg- lightest
317
179
 
318
- lightest text on bg-lighter
180
+ darkest text on bg- lightest
319
181
 
320
- lighter text on bg-lighter
182
+ decent text on bg- lighter
321
183
 
322
- light text on bg-lighter
184
+ lightest text on bg- lighter
323
185
 
324
- gray text on bg-lighter
186
+ lighter text on bg- lighter
325
187
 
326
- dark text on bg-lighter
188
+ light text on bg- lighter
327
189
 
328
- darker text on bg-lighter
190
+ gray text on bg- lighter
329
191
 
330
- darkest text on bg-lighter
192
+ dark text on bg- lighter
331
193
 
332
- decent text on bg-light
194
+ darker text on bg- lighter
333
195
 
334
- lightest text on bg-light
196
+ darkest text on bg- lighter
335
197
 
336
- lighter text on bg-light
198
+ decent text on bg- light
337
199
 
338
- light text on bg-light
200
+ lightest text on bg- light
339
201
 
340
- gray text on bg-light
202
+ lighter text on bg- light
341
203
 
342
- dark text on bg-light
204
+ light text on bg- light
343
205
 
344
- darker text on bg-light
206
+ gray text on bg- light
345
207
 
346
- darkest text on bg-light
208
+ dark text on bg- light
347
209
 
348
- decent text on bg-gray
210
+ darker text on bg- light
349
211
 
350
- lightest text on bg-gray
212
+ darkest text on bg- light
351
213
 
352
- lighter text on bg-gray
214
+ decent text on bg- gray
353
215
 
354
- light text on bg-gray
216
+ lightest text on bg- gray
355
217
 
356
- gray text on bg-gray
218
+ lighter text on bg- gray
357
219
 
358
- dark text on bg-gray
220
+ light text on bg- gray
359
221
 
360
- darker text on bg-gray
222
+ gray text on bg- gray
361
223
 
362
- darkest text on bg-gray
224
+ dark text on bg- gray
363
225
 
364
- decent text on bg-dark
226
+ darker text on bg- gray
365
227
 
366
- lightest text on bg-dark
228
+ darkest text on bg- gray
367
229
 
368
- lighter text on bg-dark
230
+ decent text on bg- dark
369
231
 
370
- light text on bg-dark
232
+ lightest text on bg- dark
371
233
 
372
- gray text on bg-dark
234
+ lighter text on bg- dark
373
235
 
374
- dark text on bg-dark
236
+ light text on bg- dark
375
237
 
376
- darker text on bg-dark
238
+ gray text on bg- dark
377
239
 
378
- darkest text on bg-dark
240
+ dark text on bg- dark
379
241
 
380
- decent text on bg-darker
242
+ darker text on bg- dark
381
243
 
382
- lightest text on bg-darker
244
+ darkest text on bg- dark
383
245
 
384
- lighter text on bg-darker
246
+ decent text on bg- darker
385
247
 
386
- light text on bg-darker
248
+ lightest text on bg- darker
387
249
 
388
- gray text on bg-darker
250
+ lighter text on bg- darker
389
251
 
390
- dark text on bg-darker
252
+ light text on bg- darker
391
253
 
392
- darker text on bg-darker
254
+ gray text on bg- darker
393
255
 
394
- darkest text on bg-darker
395
-
396
- decent text on bg-darkest
397
-
398
- lightest text on bg-darkest
399
-
400
- lighter text on bg-darkest
401
-
402
- light text on bg-darkest
403
-
404
- gray text on bg-darkest
405
-
406
- dark text on bg-darkest
407
-
408
- darker text on bg-darkest
409
-
410
- darkest text on bg-darkest
411
-
412
- #### Summary
413
-
414
- Gray text on gray backgrounds
256
+ dark text on bg- darker
415
257
 
416
- decent text on bg-decent
258
+ darker text on bg- darker
417
259
 
418
- lightest text on bg-decent
260
+ darkest text on bg- darker
419
261
 
420
- lighter text on bg-decent
262
+ decent text on bg- darkest
421
263
 
422
- light text on bg-decent
264
+ lightest text on bg- darkest
423
265
 
424
- gray text on bg-decent
266
+ lighter text on bg- darkest
425
267
 
426
- dark text on bg-decent
268
+ light text on bg- darkest
427
269
 
428
- darker text on bg-decent
270
+ gray text on bg- darkest
429
271
 
430
- darkest text on bg-decent
272
+ dark text on bg- darkest
431
273
 
432
- decent text on bg-lightest
274
+ darker text on bg- darkest
433
275
 
434
- lightest text on bg-lightest
435
-
436
- lighter text on bg-lightest
437
-
438
- light text on bg-lightest
439
-
440
- gray text on bg-lightest
441
-
442
- dark text on bg-lightest
443
-
444
- darker text on bg-lightest
445
-
446
- darkest text on bg-lightest
447
-
448
- decent text on bg-lighter
449
-
450
- lightest text on bg-lighter
451
-
452
- lighter text on bg-lighter
453
-
454
- light text on bg-lighter
455
-
456
- gray text on bg-lighter
457
-
458
- dark text on bg-lighter
459
-
460
- darker text on bg-lighter
461
-
462
- darkest text on bg-lighter
463
-
464
- decent text on bg-light
465
-
466
- lightest text on bg-light
467
-
468
- lighter text on bg-light
469
-
470
- light text on bg-light
471
-
472
- gray text on bg-light
473
-
474
- dark text on bg-light
475
-
476
- darker text on bg-light
477
-
478
- darkest text on bg-light
479
-
480
- decent text on bg-gray
481
-
482
- lightest text on bg-gray
483
-
484
- lighter text on bg-gray
485
-
486
- light text on bg-gray
487
-
488
- gray text on bg-gray
489
-
490
- dark text on bg-gray
491
-
492
- darker text on bg-gray
493
-
494
- darkest text on bg-gray
495
-
496
- decent text on bg-dark
497
-
498
- lightest text on bg-dark
499
-
500
- lighter text on bg-dark
501
-
502
- light text on bg-dark
503
-
504
- gray text on bg-dark
505
-
506
- dark text on bg-dark
507
-
508
- darker text on bg-dark
509
-
510
- darkest text on bg-dark
511
-
512
- decent text on bg-darker
513
-
514
- lightest text on bg-darker
515
-
516
- lighter text on bg-darker
517
-
518
- light text on bg-darker
519
-
520
- gray text on bg-darker
521
-
522
- dark text on bg-darker
523
-
524
- darker text on bg-darker
525
-
526
- darkest text on bg-darker
527
-
528
- decent text on bg-darkest
529
-
530
- lightest text on bg-darkest
531
-
532
- lighter text on bg-darkest
533
-
534
- light text on bg-darkest
535
-
536
- gray text on bg-darkest
537
-
538
- dark text on bg-darkest
539
-
540
- darker text on bg-darkest
541
-
542
- darkest text on bg-darkest
276
+ darkest text on bg- darkest
543
277
 
544
278
  ### Example: Example 7
545
279
 
546
280
  Status text on highlight backgrounds
547
281
 
548
- info text on bg-highlight-decent
549
-
550
- success text on bg-highlight-decent
551
-
552
- warning text on bg-highlight-decent
553
-
554
- danger text on bg-highlight-decent
555
-
556
- info text on bg-highlight-lightest
557
-
558
- success text on bg-highlight-lightest
559
-
560
- warning text on bg-highlight-lightest
561
-
562
- danger text on bg-highlight-lightest
563
-
564
- info text on bg-highlight-lighter
565
-
566
- success text on bg-highlight-lighter
567
-
568
- warning text on bg-highlight-lighter
569
-
570
- danger text on bg-highlight-lighter
571
-
572
- info text on bg-highlight-light
573
-
574
- success text on bg-highlight-light
575
-
576
- warning text on bg-highlight-light
577
-
578
- danger text on bg-highlight-light
579
-
580
- info text on bg-highlight
581
-
582
- success text on bg-highlight
583
-
584
- warning text on bg-highlight
585
-
586
- danger text on bg-highlight
587
-
588
- info text on bg-highlight-dark
589
-
590
- success text on bg-highlight-dark
591
-
592
- warning text on bg-highlight-dark
593
-
594
- danger text on bg-highlight-dark
595
-
596
- info text on bg-highlight-darker
597
-
598
- success text on bg-highlight-darker
599
-
600
- warning text on bg-highlight-darker
601
-
602
- danger text on bg-highlight-darker
603
-
604
- info text on bg-highlight-darkest
605
-
606
- success text on bg-highlight-darkest
607
-
608
- warning text on bg-highlight-darkest
609
-
610
- danger text on bg-highlight-darkest
611
-
612
- #### Summary
613
-
614
- Status text on highlight backgrounds
615
-
616
- info text on bg-highlight-decent
282
+ info text on bg- highlight-decent
617
283
 
618
- success text on bg-highlight-decent
284
+ success text on bg- highlight-decent
619
285
 
620
- warning text on bg-highlight-decent
286
+ warning text on bg- highlight-decent
621
287
 
622
- danger text on bg-highlight-decent
288
+ danger text on bg- highlight-decent
623
289
 
624
- info text on bg-highlight-lightest
290
+ info text on bg- highlight-lightest
625
291
 
626
- success text on bg-highlight-lightest
292
+ success text on bg- highlight-lightest
627
293
 
628
- warning text on bg-highlight-lightest
294
+ warning text on bg- highlight-lightest
629
295
 
630
- danger text on bg-highlight-lightest
296
+ danger text on bg- highlight-lightest
631
297
 
632
- info text on bg-highlight-lighter
298
+ info text on bg- highlight-lighter
633
299
 
634
- success text on bg-highlight-lighter
300
+ success text on bg- highlight-lighter
635
301
 
636
- warning text on bg-highlight-lighter
302
+ warning text on bg- highlight-lighter
637
303
 
638
- danger text on bg-highlight-lighter
304
+ danger text on bg- highlight-lighter
639
305
 
640
- info text on bg-highlight-light
306
+ info text on bg- highlight-light
641
307
 
642
- success text on bg-highlight-light
308
+ success text on bg- highlight-light
643
309
 
644
- warning text on bg-highlight-light
310
+ warning text on bg- highlight-light
645
311
 
646
- danger text on bg-highlight-light
312
+ danger text on bg- highlight-light
647
313
 
648
- info text on bg-highlight
314
+ info text on bg- highlight
649
315
 
650
- success text on bg-highlight
316
+ success text on bg- highlight
651
317
 
652
- warning text on bg-highlight
318
+ warning text on bg- highlight
653
319
 
654
- danger text on bg-highlight
320
+ danger text on bg- highlight
655
321
 
656
- info text on bg-highlight-dark
322
+ info text on bg- highlight-dark
657
323
 
658
- success text on bg-highlight-dark
324
+ success text on bg- highlight-dark
659
325
 
660
- warning text on bg-highlight-dark
326
+ warning text on bg- highlight-dark
661
327
 
662
- danger text on bg-highlight-dark
328
+ danger text on bg- highlight-dark
663
329
 
664
- info text on bg-highlight-darker
330
+ info text on bg- highlight-darker
665
331
 
666
- success text on bg-highlight-darker
332
+ success text on bg- highlight-darker
667
333
 
668
- warning text on bg-highlight-darker
334
+ warning text on bg- highlight-darker
669
335
 
670
- danger text on bg-highlight-darker
336
+ danger text on bg- highlight-darker
671
337
 
672
- info text on bg-highlight-darkest
338
+ info text on bg- highlight-darkest
673
339
 
674
- success text on bg-highlight-darkest
340
+ success text on bg- highlight-darkest
675
341
 
676
- warning text on bg-highlight-darkest
342
+ warning text on bg- highlight-darkest
677
343
 
678
- danger text on bg-highlight-darkest
344
+ danger text on bg- highlight-darkest