@rio-cloud/uikit-mcp 1.1.7 → 1.1.8

package/dist/docs/start/guidelines/custom-css.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/custom-css
-*Captured:* 2026-02-23T15:48:00.611Z
+*Captured:* 2026-03-06T10:39:53.474Z
 
 Maintaining CSS will become harder over time due to various reasons like growing amount of styles, old and unknown overwrites, exchange of Team members etc.
 

package/dist/docs/start/guidelines/custom-rioglyph.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/custom-rioglyph
-*Captured:* 2026-02-23T15:48:00.642Z
+*Captured:* 2026-03-06T10:39:53.474Z
 
 To use a custom Rioglyph icon, there are two different approaches:
 

package/dist/docs/start/guidelines/formatting.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/formatting
-*Captured:* 2026-02-23T15:48:02.249Z
+*Captured:* 2026-03-06T10:39:56.069Z
 
 Having a common date formatting guide is crucial to ensure consistency, clarity, and accuracy in documentation, making it easier to understand and interpret dates correctly across different contexts.
 

package/dist/docs/start/guidelines/iframe.md

@@ -3,9 +3,9 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/iframe
-*Captured:* 2026-02-23T15:48:02.289Z
+*Captured:* 2026-03-06T10:39:54.972Z
 
-Web applications can embed smaller SPAs as widgets using an <iframe> to enrich it's functionality provided by other services and teams. This page explains what the parent application (host) and the child application (widget) must do to ensure correct styling, sizing, and communication.
+Web applications can embed smaller SPAs as widgets using an &lt;iframe&gt; to enrich it's functionality provided by other services and teams. This page explains what the parent application (host) and the child application (widget) must do to ensure correct styling, sizing, and communication.
 
 ## Iframe guidelines
 
@@ -13,7 +13,7 @@ Web applications can embed smaller SPAs as widgets using an <iframe> to enrich i
 
 ## Terminology
 
-- Parent application: the host SPA that renders the <iframe>.
+- Parent application: the host SPA that renders the &lt;iframe&gt;.
 - Widget (child application): the small SPA running inside the iframe.
 - Iframe integration: layout, sizing, and communication between parent and widget.
 
@@ -96,10 +96,6 @@ src='https://cdn.rio.cloud/libs/iframeResizer/4.2.8/iframeResizer.contentWindow.
 
 
 
-#### Summary
-
-
-
 #### React (tsx)
 
 ```tsx
@@ -121,7 +117,7 @@ export default IFrameWidgetExample;
 ```html
 <div class="display-flex justify-content-center">
     <div class="iframe-wrapper width-400">
-        <iframe title="iframe" src="https://menu.rio.cloud" id="iFrameResizer0" scrolling="no" style="overflow: hidden; height: 250px;">
+        <iframe title="iframe" src="https://menu.rio.cloud" id="iFrameResizer0" scrolling="no" style="overflow: hidden;">
         </iframe>
     </div>
 </div>
@@ -153,10 +149,6 @@ RIO iframes are transparent by default, also the SPA itself. Because of that you
 
 Open fullscreen dialog
 
-#### Summary
-
-Open fullscreen dialog
-
 #### React (tsx)
 
 ```tsx
@@ -242,10 +234,6 @@ A widget can request the parent application to open a dialog (for example, to pr
 
 
 
-#### Summary
-
-
-
 #### React (tsx)
 
 ```tsx

package/dist/docs/start/guidelines/obfuscate-data.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/obfuscate-data
-*Captured:* 2026-02-23T15:48:01.449Z
+*Captured:* 2026-03-06T10:39:54.841Z
 
 This demo demonstrates how sensitive data marked with the data-pii="visible" attribute can be obfuscated directly in the frontend.
 

package/dist/docs/start/guidelines/print-css.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/print-css
-*Captured:* 2026-02-23T15:48:01.470Z
+*Captured:* 2026-03-06T10:39:54.600Z
 
 The UIKIT supports simple print stylings in order to have printable content. Those print styles are supposed to do basic printing and should not replace server side PDF`s.
 

package/dist/docs/start/guidelines/spinner.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/spinner
-*Captured:* 2026-02-23T15:48:03.338Z
+*Captured:* 2026-03-06T10:39:56.777Z
 
 There are various approaches when it comes to loading data and showing the user the different stages of the loading process.
 
@@ -31,10 +31,6 @@ In some cases it is better to use placeholder for content to show the layout and
 
 Loading
 
-#### Summary
-
-Loading
-
 #### HTML (html)
 
 ```html
@@ -59,10 +55,6 @@ Loading
 
 No trucks to show
 
-#### Summary
-
-No trucks to show
-
 #### HTML (html)
 
 ```html
@@ -78,11 +70,6 @@ No trucks to show
 No trucks to show
 Add truck
 
-#### Summary
-
-No trucks to show
-Add truck
-
 #### HTML (html)
 
 ```html
@@ -102,11 +89,7 @@ Add truck
 
 ### Example: Example 4
 
-Click meGenerating sunshine
-
-#### Summary
-
-Click meGenerating sunshine
+Click me Generating sunshine
 
 #### HTML (html)
 
@@ -125,10 +108,6 @@ Click meGenerating sunshine
 
 Generating foobar
 
-#### Summary
-
-Generating foobar
-
 #### HTML (html)
 
 ```html
@@ -139,15 +118,9 @@ Generating foobar
 
 ### Example: Example 6
 
-Column 1Column 2
-
-Lorem ipsumFoobar
+Column 1 Column 2
 
-#### Summary
-
-Column 1Column 2
-
-Lorem ipsumFoobar
+Lorem ipsum Foobar
 
 #### HTML (html)
 
@@ -174,15 +147,9 @@ Lorem ipsumFoobar
 
 ### Example: Example 7
 
-Column 1Column 2
-
-Lorem ipsumFoobar
-
-#### Summary
+Column 1 Column 2
 
-Column 1Column 2
-
-Lorem ipsumFoobar
+Lorem ipsum Foobar
 
 #### HTML (html)
 
@@ -207,11 +174,7 @@ Lorem ipsumFoobar
 
 ### Example: Example 8
 
-Column 1Column 2Column 3Column 4
-
-#### Summary
-
-Column 1Column 2Column 3Column 4
+Column 1 Column 2 Column 3 Column 4
 
 #### HTML (html)
 
@@ -246,11 +209,7 @@ Column 1Column 2Column 3Column 4
 
 ### Example: Example 9
 
-Column 1Column 2Column 3Column 4
-
-#### Summary
-
-Column 1Column 2Column 3Column 4
+Column 1 Column 2 Column 3 Column 4
 
 #### HTML (html)
 
@@ -290,12 +249,7 @@ Column 1Column 2Column 3Column 4
 ### Example: Example 10
 
 Loading...
-Loading...Loading...Loading...
-
-#### Summary
-
-Loading...
-Loading...Loading...Loading...
+Loading... Loading... Loading...
 
 #### HTML (html)
 
@@ -396,19 +350,11 @@ Loading...Loading...Loading...
 
 ### Example: Example 11
 
-Column 1Column 2Column 3Column 4
-
-Loading...Loading...Loading...Loading...
-Loading...Loading...Loading...Loading...
-Loading...Loading...Loading...Loading...
-
-#### Summary
-
-Column 1Column 2Column 3Column 4
+Column 1 Column 2 Column 3 Column 4
 
-Loading...Loading...Loading...Loading...
-Loading...Loading...Loading...Loading...
-Loading...Loading...Loading...Loading...
+Loading... Loading... Loading... Loading...
+Loading... Loading... Loading... Loading...
+Loading... Loading... Loading... Loading...
 
 #### HTML (html)
 

package/dist/docs/start/guidelines/state-in-url.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/state-in-url
-*Captured:* 2026-02-23T15:48:00.421Z
+*Captured:* 2026-03-06T10:39:53.019Z
 
 Every service frontend should support deep linking and reflect meaningful UI state in the URL. This enables restoring state when links are shared, when they are stored as bookmarks, when users navigate with browser history, or when a service is opened from another app.
 

package/dist/docs/start/guidelines/supported-browsers.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/supported-browsers
-*Captured:* 2026-02-23T15:48:01.497Z
+*Captured:* 2026-03-06T10:39:55.894Z
 
 We currently support the following browsers:
 

package/dist/docs/start/guidelines/writing.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/guidelines/writing
-*Captured:* 2026-02-23T15:48:02.237Z
+*Captured:* 2026-03-06T10:39:55.679Z
 
 UX writing doesn't receive as much attention as it should. In the past, digital experiences featured words written by different individuals - ranging from designers to engineers — at various times and in diverse styles, all without a centralized guide.
 

package/dist/docs/start/howto.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Welcome
 *Source:* https://uikit.developers.rio.cloud/#/start/howto
-*Captured:* 2026-02-23T15:47:59.973Z
+*Captured:* 2026-03-06T10:39:52.572Z
 
 Install the latest version of the UIKIT (that includes latest beta versions as well) via
 
@@ -33,7 +33,7 @@ npm install @rio-cloud/rio-uikit
 Or install a dedicated version via
 
 ```javascript
-npm install @rio-cloud/rio-uikit@2.2.0
+npm install @rio-cloud/rio-uikit@2.2.1
 ```
 
 ## TypeScript
@@ -85,7 +85,7 @@ ManualNot Recommended
 Use the CSS Stylesheet as follows (specify your required version number in the URL) if you need more control on what style you want to use.
 
 ```html
-<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.0/rio-uikit.css">
+<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.1/rio-uikit.css">
 ```
 
 > Note: Please make sure to use the same UIKIT style version as the npm package, otherwise this will lead to inconsistency and UI bugs.
@@ -96,23 +96,23 @@ In addition to the RIO theme, the UIKIT offers other brand-specific themes.
 
 These other themes may only be used for applications or services who don't run on the RIO platform. All platform services have to use the RIO theme to achieve a distinct look and feel for the user when switching between services and applications.
 
-In order to use such a brand theme, modify the URL in the <link> tag that loads the CSS
+In order to use such a brand theme, modify the URL in the &lt;link&gt; tag that loads the CSS
 
 ```html
-<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.0/vw-uikit.css">
+<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.1/vw-uikit.css">
 ```
 
 ```html
-<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.0/man-uikit.css">
+<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.1/man-uikit.css">
 ```
 
 ```html
-<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.0/scania-uikit.css">
+<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.1/scania-uikit.css">
 ```
 
 ManagedRecommended
 
-You can simply omit the <link> tag in your index.html altogether. The UIKIT will automatically load the correct CSS file for you.
+You can simply omit the &lt;link&gt; tag in your index.html altogether. The UIKIT will automatically load the correct CSS file for you.
 
 ```html
 <html data-brand="vw">
@@ -131,7 +131,7 @@ You can simply omit the <link> tag in your index.html altogether. The UIKIT will
 The UIKIT supports simple print stylings in order to have printable content. See Print CSS
 
 ```html
-<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.0/rio-uikit-print-utilities.css">
+<link rel="stylesheet" type="text/css" href="https://uikit.developers.rio.cloud/2.2.1/rio-uikit-print-utilities.css">
 ```
 
 ## Additional styling information
@@ -139,7 +139,7 @@ The UIKIT supports simple print stylings in order to have printable content. See
 In some cases like using D3 you may need the color variables as .json from the UIKIT provided via CDN. You can fetch the provided file from CDN via the following URL:
 
 ```html
-https://uikit.developers.rio.cloud/2.2.0/rio-uikit-colors.json
+https://uikit.developers.rio.cloud/2.2.1/rio-uikit-colors.json
 ```
 
 ## Dark mode
@@ -168,7 +168,7 @@ The UIKIT is fully dark mode ready.
 In cases where the React ApplicationLayout component cannot be used, you can import the new darkmode.js from the UIKIT CDN and add it to your index.html. This script will take care of listening to the theme switch for you.
 
 ```html
-<script src="https://uikit.developers.rio.cloud/2.2.0/rio-darkmode.js"></script>
+<script src="https://uikit.developers.rio.cloud/2.2.1/rio-darkmode.js"></script>
 ```
 
 If you want to react on the dark mode for instance to exchange some images or apply some specific utility classes, you can use the custom hook useDarkMode to do so.

package/dist/docs/start/intro.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Welcome
 *Source:* https://uikit.developers.rio.cloud/#/start/intro
-*Captured:* 2026-02-23T15:47:59.680Z
+*Captured:* 2026-03-06T10:39:52.425Z
 
 Welcome! This UI library is designed to help you build beautiful, consistent, and maintainable user interfaces with minimal effort. Here’s how you can make the most of it:
 

package/dist/docs/start/responsiveness.md

@@ -3,7 +3,7 @@
 *Category:* Getting started
 *Section:* Guidelines
 *Source:* https://uikit.developers.rio.cloud/#/start/responsiveness
-*Captured:* 2026-02-23T15:47:59.835Z
+*Captured:* 2026-03-06T10:39:52.288Z
 
 The UIKIT considers all platforms — both desktop and mobile. We recognize that people work across many different products and often need to support multiple platforms and the UIKIT is a foundation for that with its many responsive building blocks and responsive components.
 

package/dist/docs/utilities/classNames.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Helper
 *Source:* https://uikit.developers.rio.cloud/#/utilities/classNames
-*Captured:* 2026-02-23T15:49:42.752Z
+*Captured:* 2026-03-06T10:41:30.535Z
 
 Small utility for composing CSS classes from optional string arguments. It keeps the common case readable without adding third-party runtime behavior.
 
@@ -27,15 +27,7 @@ classNames('base', clickable && 'cursor-pointer', className);
 
 ### Example: This class string is built from optional className arguments.
 
-text-lefttext-centertext-right
-Include optional border class
-This class string is built from optional className arguments.
-text-size-12 text-color-dark margin-bottom-20 border rounded padding-5 text-left
-
-#### Summary
-
-text-lefttext-centertext-right
-Include optional border class
+text-left text-center text-right Include optional border class
 This class string is built from optional className arguments.
 text-size-12 text-color-dark margin-bottom-20 border rounded padding-5 text-left
 
@@ -124,14 +116,7 @@ For utility-class based styling, use mergeClassNameOverrides(defaults, overrides
 Override classes
 Default: padding-x-20 padding-y-20 margin-bottom-20 text-size-16 text-color-dark border rounded
 Merged: padding-x-20 text-size-16 border rounded padding-y-10 margin-bottom-0 text-color-gray
-Utility overrides replace matching groups (like padding-y-*, margin-*, text-color-*) and keep unrelated defaults.
-
-#### Summary
-
-Override classes
-Default: padding-x-20 padding-y-20 margin-bottom-20 text-size-16 text-color-dark border rounded
-Merged: padding-x-20 text-size-16 border rounded padding-y-10 margin-bottom-0 text-color-gray
-Utility overrides replace matching groups (like padding-y-*, margin-*, text-color-*) and keep unrelated defaults.
+Utility overrides replace matching groups (like padding-y-* , margin-* , text-color-* ) and keep unrelated defaults.
 
 #### React (tsx)
 

package/dist/docs/utilities/deviceUtils.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Helper
 *Source:* https://uikit.developers.rio.cloud/#/utilities/deviceUtils
-*Captured:* 2026-02-23T15:49:42.833Z
+*Captured:* 2026-03-06T10:41:31.017Z
 
 Set of utility functions which helps detecting certain devices or functionality.
 
@@ -12,25 +12,19 @@ Set of utility functions which helps detecting certain devices or functionality.
 ### Example: Example 1
 
 No touch support
-isMobileScreen: false
-isMobile: false
-isDesktop: true
-isRetinaDevice: false
-isMac: true
-Loaded in iFrame: false
-Zoom is: enabled
-Note
-Because Apple does not allow to disable zoom on touch devices, isZoomDisabled has no effect when using iOS.
 
-#### Summary
-
-No touch support
 isMobileScreen: false
+
 isMobile: false
+
 isDesktop: true
+
 isRetinaDevice: false
+
 isMac: true
+
 Loaded in iFrame: false
+
 Zoom is: enabled
 Note
 Because Apple does not allow to disable zoom on touch devices, isZoomDisabled has no effect when using iOS.

package/dist/docs/utilities/featureToggles.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Helper
 *Source:* https://uikit.developers.rio.cloud/#/utilities/featureToggles
-*Captured:* 2026-02-23T15:49:43.794Z
+*Captured:* 2026-03-06T10:41:33.236Z
 
 URL-based feature toggles (also known as feature flags) are a powerful development technique that allows you to enable or disable features in your application dynamically, without deploying new code.
 

package/dist/docs/utilities/fuelTypeUtils.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Helper
 *Source:* https://uikit.developers.rio.cloud/#/utilities/fuelTypeUtils
-*Captured:* 2026-02-23T15:49:43.057Z
+*Captured:* 2026-03-06T10:41:32.458Z
 
 There is a wide variety of standardized fuel types, and on top of that, some projects or systems introduce their own custom definitions. While the naming can differ, many of these values carry the same semantic meaning. To avoid confusion and ensure consistent visual representation, we provide a centralized mapping of fuel types to icons.
 
@@ -39,17 +39,7 @@ These utilities help group, filter, and render fuel types based on predefined se
 
 ### Example: Example 1
 
-Single rioglyph fuel iconThis is a diesel truck
-This is a gasoline truck
-This is an electric bus
-
-Paired rioglyph fuel icon
-
-Unknown paired fuel icon
-
-#### Summary
-
-Single rioglyph fuel iconThis is a diesel truck
+Single rioglyph fuel icon This is a diesel truck
 This is a gasoline truck
 This is an electric bus