From 5d2d50bbba7a1cd1c5d0392c0d4ed79cc3029156 Mon Sep 17 00:00:00 2001
From: leagrdv <lea.gardavaud@post.ch>
Date: Mon, 27 Oct 2025 11:25:28 +0100
Subject: [PATCH 1/2] chore(docs): update compatibility matrix of
 `components-angular` and `components-react`

---
 .changeset/rude-planets-make.md                           | 5 +++++
 .../components-angular/components-angular.docs.mdx        | 8 ++++++++
 .../packages/components-react/components-react.docs.mdx   | 6 +++++-
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/rude-planets-make.md

diff --git a/.changeset/rude-planets-make.md b/.changeset/rude-planets-make.md
new file mode 100644
index 0000000000..605780204d
--- /dev/null
+++ b/.changeset/rude-planets-make.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Updated the compatibility matrix of the `components-angular` and `components-react` packages.
diff --git a/packages/documentation/src/stories/packages/components-angular/components-angular.docs.mdx b/packages/documentation/src/stories/packages/components-angular/components-angular.docs.mdx
index 77582b87ad..828ac284d3 100644
--- a/packages/documentation/src/stories/packages/components-angular/components-angular.docs.mdx
+++ b/packages/documentation/src/stories/packages/components-angular/components-angular.docs.mdx
@@ -47,6 +47,14 @@ import PackageDocs from '@/shared/packages-docs-layout.mdx';
           <th scope="row">8.x</th>
           <td>18.x</td>
         </tr>
+        <tr>
+          <th scope="row">9.x</th>
+          <td>19.x || 20.x</td>
+        </tr>
+        <tr>
+          <th scope="row">10.x</th>
+          <td>19.x || 20.x</td>
+        </tr>
       </tbody>
     </table>
   </div>
diff --git a/packages/documentation/src/stories/packages/components-react/components-react.docs.mdx b/packages/documentation/src/stories/packages/components-react/components-react.docs.mdx
index 8b646cd732..354798c5ec 100644
--- a/packages/documentation/src/stories/packages/components-react/components-react.docs.mdx
+++ b/packages/documentation/src/stories/packages/components-react/components-react.docs.mdx
@@ -31,7 +31,11 @@ import PackageDocs from '@/shared/packages-docs-layout.mdx';
       <tbody>
         <tr>
           <th scope="row">9.x</th>
-          <td>18.x</td>
+          <td>18.x || 19.x</td>
+        </tr>
+        <tr>
+          <th scope="row">10.x</th>
+          <td>18.x || 19.x</td>
         </tr>
       </tbody>
     </table>

From 741696c64e0c4739c07958ea4e3f430e233008f7 Mon Sep 17 00:00:00 2001
From: leagrdv <lea.gardavaud@post.ch>
Date: Mon, 27 Oct 2025 13:59:39 +0100
Subject: [PATCH 2/2] switch table version order

---
 .../components-angular.docs.mdx               | 24 +++++++++----------
 .../components-react.docs.mdx                 |  4 ++--
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/documentation/src/stories/packages/components-angular/components-angular.docs.mdx b/packages/documentation/src/stories/packages/components-angular/components-angular.docs.mdx
index 828ac284d3..f8ac387d35 100644
--- a/packages/documentation/src/stories/packages/components-angular/components-angular.docs.mdx
+++ b/packages/documentation/src/stories/packages/components-angular/components-angular.docs.mdx
@@ -32,28 +32,28 @@ import PackageDocs from '@/shared/packages-docs-layout.mdx';
 
       <tbody>
         <tr>
-          <th scope="row">1.x</th>
-          <td>16.x</td>
-        </tr>
-        <tr>
-          <th scope="row">2.x</th>
-          <td>16.x</td>
+          <th scope="row">10.x</th>
+          <td>19.x || 20.x</td>
         </tr>
         <tr>
-          <th scope="row">7.x</th>
-          <td>16.x || 17.x</td>
+          <th scope="row">9.x</th>
+          <td>19.x || 20.x</td>
         </tr>
         <tr>
           <th scope="row">8.x</th>
           <td>18.x</td>
         </tr>
         <tr>
-          <th scope="row">9.x</th>
-          <td>19.x || 20.x</td>
+          <th scope="row">7.x</th>
+          <td>16.x || 17.x</td>
         </tr>
         <tr>
-          <th scope="row">10.x</th>
-          <td>19.x || 20.x</td>
+          <th scope="row">2.x</th>
+          <td>16.x</td>
+        </tr>
+        <tr>
+          <th scope="row">1.x</th>
+          <td>16.x</td>
         </tr>
       </tbody>
     </table>
diff --git a/packages/documentation/src/stories/packages/components-react/components-react.docs.mdx b/packages/documentation/src/stories/packages/components-react/components-react.docs.mdx
index 354798c5ec..9b92a1351d 100644
--- a/packages/documentation/src/stories/packages/components-react/components-react.docs.mdx
+++ b/packages/documentation/src/stories/packages/components-react/components-react.docs.mdx
@@ -30,11 +30,11 @@ import PackageDocs from '@/shared/packages-docs-layout.mdx';
 
       <tbody>
         <tr>
-          <th scope="row">9.x</th>
+          <th scope="row">10.x</th>
           <td>18.x || 19.x</td>
         </tr>
         <tr>
-          <th scope="row">10.x</th>
+          <th scope="row">9.x</th>
           <td>18.x || 19.x</td>
         </tr>
       </tbody>