@rio-cloud/uikit-mcp 1.1.8 → 1.1.10

package/dist/docs/components/accentBar.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/accentBar
-*Captured:* 2026-03-06T10:40:54.437Z
+*Captured:* 2026-04-20T12:54:40.085Z
 
 The AccentBar component is a small, colored vertical bar (typically a few pixels wide) used to visually highlight or categorize rows in lists, tables, or cards. It helps improve readability by providing a quick visual cue for different statuses, categories, or priorities.
 
@@ -103,32 +103,30 @@ const data = [
     { id: 4, status: 'Customs clearance', location: 'Antwerp, BE', eta: '2024-02-03' },
 ];
 
-export default () => {
-    return (
-        <div className='table-responsive'>
-            <table className='table'>
-                <thead>
-                    <tr>
-                        <th>Status</th>
-                        <th>Location</th>
-                        <th>ETA</th>
+export default () => (
+    <div className='table-responsive'>
+        <table className='table'>
+            <thead>
+                <tr>
+                    <th>Status</th>
+                    <th>Location</th>
+                    <th>ETA</th>
+                </tr>
+            </thead>
+            <tbody>
+                {data.map(row => (
+                    <tr key={row.id}>
+                        <td>
+                            <AccentBar color={getStatusColor(row.status)}>{row.status}</AccentBar>
+                        </td>
+                        <td>{row.location}</td>
+                        <td>{row.eta}</td>
                     </tr>
-                </thead>
-                <tbody>
-                    {data.map(row => (
-                        <tr key={row.id}>
-                            <td>
-                                <AccentBar color={getStatusColor(row.status)}>{row.status}</AccentBar>
-                            </td>
-                            <td>{row.location}</td>
-                            <td>{row.eta}</td>
-                        </tr>
-                    ))}
-                </tbody>
-            </table>
-        </div>
-    );
-};
+                ))}
+            </tbody>
+        </table>
+    </div>
+);
 
 const getStatusColor = (status: string) => {
     switch (status) {
@@ -241,71 +239,69 @@ const data = [
     { id: 4, status: 'Customs clearance', location: 'Antwerp, BE', eta: '2024-02-03' },
 ];
 
-export default () => {
-    return (
-        <Card className='max-width-500 padding-25'>
-            <div className='text-size-h5 text-medium text-color darker margin-bottom-25'>
-                Visualizing rating distribution
-            </div>
-            <div className='margin-bottom-25'>
-                <div className='progress'>
-                    <div className='progress-bar bg-rating-1 progress-divider' style={{ width: '15%' }} />
-                    <div className='progress-bar bg-rating-2 progress-divider' style={{ width: '20%' }} />
-                    <div className='progress-bar bg-rating-3 progress-divider' style={{ width: '25%' }} />
-                    <div className='progress-bar bg-rating-4 progress-divider' style={{ width: '15%' }} />
-                    <div className='progress-bar bg-rating-5 progress-divider' style={{ width: '25%' }} />
-                </div>
+export default () => (
+    <Card className='max-width-500 padding-25'>
+        <div className='text-size-h5 text-medium text-color darker margin-bottom-25'>
+            Visualizing rating distribution
+        </div>
+        <div className='margin-bottom-25'>
+            <div className='progress'>
+                <div className='progress-bar bg-rating-1 progress-divider' style={{ width: '15%' }} />
+                <div className='progress-bar bg-rating-2 progress-divider' style={{ width: '20%' }} />
+                <div className='progress-bar bg-rating-3 progress-divider' style={{ width: '25%' }} />
+                <div className='progress-bar bg-rating-4 progress-divider' style={{ width: '15%' }} />
+                <div className='progress-bar bg-rating-5 progress-divider' style={{ width: '25%' }} />
             </div>
+        </div>
 
-            <table className='table table-compact'>
-                <thead>
-                    <tr>
-                        <th className='width-10' />
-                        <th>Category</th>
-                        <th>Percentage</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td className='align-center width-5 padding-right-0'>
-                            <AccentBar color='bg-rating-1' />
-                        </td>
-                        <td>Poor</td>
-                        <td>15%</td>
-                    </tr>
-                    <tr>
-                        <td className='align-center width-5 padding-right-0'>
-                            <AccentBar color='bg-rating-2' />
-                        </td>
-                        <td>Below Average</td>
-                        <td>20%</td>
-                    </tr>
-                    <tr>
-                        <td className='align-center width-5 padding-right-0'>
-                            <AccentBar color='bg-rating-3' />
-                        </td>
-                        <td>Average</td>
-                        <td>25%</td>
-                    </tr>
-                    <tr>
-                        <td className='align-center width-5 padding-right-0'>
-                            <AccentBar color='bg-rating-4' />
-                        </td>
-                        <td>Good</td>
-                        <td>15%</td>
-                    </tr>
-                    <tr>
-                        <td className='align-center width-5 padding-right-0'>
-                            <AccentBar color='bg-rating-5' />
-                        </td>
-                        <td>Excellent</td>
-                        <td>25%</td>
-                    </tr>
-                </tbody>
-            </table>
-        </Card>
-    );
-};
+        <table className='table table-compact'>
+            <thead>
+                <tr>
+                    <th className='width-10' />
+                    <th>Category</th>
+                    <th>Percentage</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td className='align-center width-5 padding-right-0'>
+                        <AccentBar color='bg-rating-1' />
+                    </td>
+                    <td>Poor</td>
+                    <td>15%</td>
+                </tr>
+                <tr>
+                    <td className='align-center width-5 padding-right-0'>
+                        <AccentBar color='bg-rating-2' />
+                    </td>
+                    <td>Below Average</td>
+                    <td>20%</td>
+                </tr>
+                <tr>
+                    <td className='align-center width-5 padding-right-0'>
+                        <AccentBar color='bg-rating-3' />
+                    </td>
+                    <td>Average</td>
+                    <td>25%</td>
+                </tr>
+                <tr>
+                    <td className='align-center width-5 padding-right-0'>
+                        <AccentBar color='bg-rating-4' />
+                    </td>
+                    <td>Good</td>
+                    <td>15%</td>
+                </tr>
+                <tr>
+                    <td className='align-center width-5 padding-right-0'>
+                        <AccentBar color='bg-rating-5' />
+                    </td>
+                    <td>Excellent</td>
+                    <td>25%</td>
+                </tr>
+            </tbody>
+        </table>
+    </Card>
+);
 
 const getStatusColor = (status: string) => {
     switch (status) {
@@ -429,34 +425,32 @@ const data = [
     { id: 4, riskLevel: 'Critical risk', reason: 'Customs hold & inspection', action: 'Expedite clearance' },
 ];
 
-export default () => {
-    return (
-        <div className='table-responsive max-width-600'>
-            <table className='table'>
-                <thead>
-                    <tr>
-                        <th>Risk level</th>
-                        <th>Reason</th>
-                        <th>Suggested action</th>
+export default () => (
+    <div className='table-responsive max-width-600'>
+        <table className='table'>
+            <thead>
+                <tr>
+                    <th>Risk level</th>
+                    <th>Reason</th>
+                    <th>Suggested action</th>
+                </tr>
+            </thead>
+            <tbody>
+                {data.map(row => (
+                    <tr key={row.id}>
+                        <td>
+                            <AccentBar color={getRiskColor(row.riskLevel)} circle>
+                                {row.riskLevel}
+                            </AccentBar>
+                        </td>
+                        <td>{row.reason}</td>
+                        <td>{row.action}</td>
                     </tr>
-                </thead>
-                <tbody>
-                    {data.map(row => (
-                        <tr key={row.id}>
-                            <td>
-                                <AccentBar color={getRiskColor(row.riskLevel)} circle>
-                                    {row.riskLevel}
-                                </AccentBar>
-                            </td>
-                            <td>{row.reason}</td>
-                            <td>{row.action}</td>
-                        </tr>
-                    ))}
-                </tbody>
-            </table>
-        </div>
-    );
-};
+                ))}
+            </tbody>
+        </table>
+    </div>
+);
 
 const getRiskColor = (riskLevel: string) => {
     switch (riskLevel) {

package/dist/docs/components/activity.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#/components/activity
-*Captured:* 2026-03-06T10:40:53.448Z
+*Captured:* 2026-04-20T12:54:38.261Z
 
 ## Activity