From 6f61fa8935301f77f34ae57153924dacd27f72dc Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Thu, 4 Dec 2025 12:40:45 +0100
Subject: [PATCH 1/2] Add new StatusBadge to orientation in ToggleGroupCodePage
 and to inheritColor to SpinnerCodePage

---
 .../screens/components/spinner/code/SpinnerCodePage.tsx   | 8 +++++++-
 .../components/toggle-group/code/ToggleGroupCodePage.tsx  | 7 ++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
index a5c4912f2..dc33755ce 100644
--- a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
+++ b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
@@ -6,6 +6,7 @@ import basicUsage from "./examples/basicUsage";
 import overlay from "./examples/overlay";
 import { TableCode } from "@/common/Code";
 import Code from "@/common/Code";
+import StatusBadge from "@/common/StatusBadge";
 
 const sections = [
   {
@@ -35,7 +36,12 @@ const sections = [
             </td>
           </tr>
           <tr>
-            <td>inheritColor</td>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                inheritColot
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
diff --git a/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx b/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx
index 0307b7cd8..5abd7875e 100644
--- a/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx
+++ b/apps/website/screens/components/toggle-group/code/ToggleGroupCodePage.tsx
@@ -92,7 +92,12 @@ const sections = [
             <td>-</td>
           </tr>
           <tr>
-            <td>orientation</td>
+            <td>
+              <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
+                <StatusBadge status="new" />
+                orientation
+              </DxcFlex>
+            </td>
             <td>
               <TableCode>'horizontal' | 'vertical'</TableCode>
             </td>

From 4f19b8d9a2dff23a1429b98188c2120ab4e503d4 Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Thu, 4 Dec 2025 12:45:23 +0100
Subject: [PATCH 2/2] Fix inheritColor typo

---
 .../website/screens/components/spinner/code/SpinnerCodePage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
index dc33755ce..e2a5e1ec7 100644
--- a/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
+++ b/apps/website/screens/components/spinner/code/SpinnerCodePage.tsx
@@ -39,7 +39,7 @@ const sections = [
             <td>
               <DxcFlex direction="column" gap="var(--spacing-gap-xs)" alignItems="baseline">
                 <StatusBadge status="new" />
-                inheritColot
+                inheritColor
               </DxcFlex>
             </td>
             <td>