From 9a349c15563761318dcf4a0bdf5ebfb0b26fc125 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Wed, 6 Sep 2023 16:53:56 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(react)=20fix=20Select=20and=20Inpu?=
 =?UTF-8?q?t=20error=20colors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This was a feedback from the QA.
---
 .changeset/cool-hounds-yell.md                        |  5 +++++
 packages/react/src/components/Forms/Input/index.scss  |  7 ++++++-
 packages/react/src/components/Forms/Select/index.scss | 10 +++++++++-
 3 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/cool-hounds-yell.md

diff --git a/.changeset/cool-hounds-yell.md b/.changeset/cool-hounds-yell.md
new file mode 100644
index 0000000..f7220e0
--- /dev/null
+++ b/.changeset/cool-hounds-yell.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": minor
+---
+
+fix Select and Input error colors
diff --git a/packages/react/src/components/Forms/Input/index.scss b/packages/react/src/components/Forms/Input/index.scss
index 6e9a2b2..f4ea572 100644
--- a/packages/react/src/components/Forms/Input/index.scss
+++ b/packages/react/src/components/Forms/Input/index.scss
@@ -114,7 +114,12 @@
 
     &:not(.c__input__wrapper--disabled) {
       &:hover {
-        border-color: var(--c--theme--colors--danger-200);
+        border-color: var(--c--theme--colors--danger-800);
+        color: var(--c--theme--colors--danger-800);
+
+        label {
+          color: var(--c--theme--colors--danger-800);
+        }
       }
     }
   }
diff --git a/packages/react/src/components/Forms/Select/index.scss b/packages/react/src/components/Forms/Select/index.scss
index 2f46a9e..1b9a69b 100644
--- a/packages/react/src/components/Forms/Select/index.scss
+++ b/packages/react/src/components/Forms/Select/index.scss
@@ -168,11 +168,19 @@
 
     .c__select__wrapper {
       border-color: var(--c--theme--colors--danger-600);
+
+      label {
+        color: var(--c--theme--colors--danger-600);
+      }
     }
 
     &:not(.c__select__wrapper--disabled) {
       .c__select__wrapper:hover {
-        border-color: var(--c--theme--colors--danger-200);
+        border-color: var(--c--theme--colors--danger-800);
+
+        label {
+          color: var(--c--theme--colors--danger-800);
+        }
       }
     }
   }