From 1fab1930ab68638296f8c60c3ddb18d25b3d34e5 Mon Sep 17 00:00:00 2001
From: Martin Stievenart <stievenart.m@gmail.com>
Date: Fri, 2 Feb 2024 15:04:22 +0100
Subject: [PATCH 1/2] fix(form): change color for disabled step

---
 packages/Form/steps/src/Step.tsx                       |  4 ++--
 packages/Form/steps/src/StepDisabled.tsx               | 10 ++++++++++
 .../src/__tests__/__snapshots__/Step.spec.tsx.snap     |  2 +-
 packages/Form/steps/src/step-form-new.scss             |  9 +++++++--
 4 files changed, 20 insertions(+), 5 deletions(-)
 create mode 100644 packages/Form/steps/src/StepDisabled.tsx

diff --git a/packages/Form/steps/src/Step.tsx b/packages/Form/steps/src/Step.tsx
index 4035586a1..25bb0d69e 100644
--- a/packages/Form/steps/src/Step.tsx
+++ b/packages/Form/steps/src/Step.tsx
@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-import StepNoLink from './StepNoLink';
+import StepDisabled from './StepDisabled';
 import StepLink from './StepLink';
 import StepCurrent from './StepCurrent';
 
@@ -42,7 +42,7 @@ const Step = ({
       );
     default:
       return (
-        <StepNoLink
+        <StepDisabled
           id={id}
           title={title}
           classModifier={classModifier}
diff --git a/packages/Form/steps/src/StepDisabled.tsx b/packages/Form/steps/src/StepDisabled.tsx
new file mode 100644
index 000000000..2f34ed829
--- /dev/null
+++ b/packages/Form/steps/src/StepDisabled.tsx
@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import StepNoLink from './StepNoLink';
+
+type Props = ComponentPropsWithoutRef<typeof StepNoLink>;
+const StepDisabled = ({
+  className = 'disabled af-steps-list-step',
+  ...otherProps
+}: Props) => <StepNoLink className={className} {...otherProps} />;
+
+export default StepDisabled;
diff --git a/packages/Form/steps/src/__tests__/__snapshots__/Step.spec.tsx.snap b/packages/Form/steps/src/__tests__/__snapshots__/Step.spec.tsx.snap
index d7669a5a8..14789a75c 100644
--- a/packages/Form/steps/src/__tests__/__snapshots__/Step.spec.tsx.snap
+++ b/packages/Form/steps/src/__tests__/__snapshots__/Step.spec.tsx.snap
@@ -51,7 +51,7 @@ exports[`<Steps> renders Steps correctly 1`] = `
         </a>
       </li>
       <li
-        class="af-steps-list-step number"
+        class="disabled af-steps-list-step number"
         title="Final step"
       >
         <div
diff --git a/packages/Form/steps/src/step-form-new.scss b/packages/Form/steps/src/step-form-new.scss
index 7d917783d..910777cda 100644
--- a/packages/Form/steps/src/step-form-new.scss
+++ b/packages/Form/steps/src/step-form-new.scss
@@ -70,10 +70,15 @@ $steps-color-active: mix($black, $brand-primary, 20%);
       }
 
       &.disabled {
-        color: $color-btn-disabled;
+        color: $color-gray-1;
 
         &::before {
-          color: $color-btn-disabled;
+          color: $color-gray-1;
+        }
+
+        & .af-steps-list-stepNumber,
+        & .af-steps-list-stepTitle {
+          color: $color-gray-1;
         }
       }
 

From 576ba2dd5b25cb691b2ad9a6461ce47048cc1a1b Mon Sep 17 00:00:00 2001
From: Martin Stievenart <stievenart.m@gmail.com>
Date: Mon, 5 Feb 2024 09:32:01 +0100
Subject: [PATCH 2/2] fix(form): change color for previous and active step

---
 packages/Form/steps/src/step-form-new.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/Form/steps/src/step-form-new.scss b/packages/Form/steps/src/step-form-new.scss
index 910777cda..e1cae02a1 100644
--- a/packages/Form/steps/src/step-form-new.scss
+++ b/packages/Form/steps/src/step-form-new.scss
@@ -6,8 +6,8 @@ $steps-bg: $gray-lighter;
 $steps-bg-active: $white;
 $font-size-step: $font-size-base;
 $font-size-step-number: $font-size-base + 0.2rem;
-$steps-color: $gray-dark;
-$steps-color-active: mix($black, $brand-primary, 20%);
+$steps-color: $color-texte;
+$steps-color-active: $color-axa;
 
 .af-steps-new {
   margin-bottom: 2rem;