From a869fe51dce03d55a08988583dad2e37dca8a505 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Thu, 25 May 2023 15:41:47 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(react)=20reduce=20inputs=20borders?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

We do this in order to have homogenous border accross the entire
library, before we had DataGrid with 1px border and inputs with 2px
borders, which was not really nice to the eye.
---
 .changeset/old-peas-peel.md                          | 5 +++++
 packages/react/src/components/Forms/Input/tokens.ts  | 2 +-
 packages/react/src/components/Forms/Select/tokens.ts | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/old-peas-peel.md

diff --git a/.changeset/old-peas-peel.md b/.changeset/old-peas-peel.md
new file mode 100644
index 0000000..8cee851
--- /dev/null
+++ b/.changeset/old-peas-peel.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+reduce inputs borders
diff --git a/packages/react/src/components/Forms/Input/tokens.ts b/packages/react/src/components/Forms/Input/tokens.ts
index c31d180..c95a6a9 100644
--- a/packages/react/src/components/Forms/Input/tokens.ts
+++ b/packages/react/src/components/Forms/Input/tokens.ts
@@ -6,7 +6,7 @@ export const tokens = (defaults: DefaultTokens) => ({
   "border-radius": "8px",
   "border-radius--hover": "2px",
   "border-radius--focus": "2px",
-  "border-width": "2px",
+  "border-width": "1px",
   "border-color": defaults.theme.colors["greyscale-300"],
   "border-color--hover": defaults.theme.colors["greyscale-500"],
   "border-color--focus": defaults.theme.colors["primary-600"],
diff --git a/packages/react/src/components/Forms/Select/tokens.ts b/packages/react/src/components/Forms/Select/tokens.ts
index 0f20b7b..ca5fa58 100644
--- a/packages/react/src/components/Forms/Select/tokens.ts
+++ b/packages/react/src/components/Forms/Select/tokens.ts
@@ -8,7 +8,7 @@ export const tokens = (defaults: DefaultTokens) => ({
   "border-radius--focus": "2px",
   "border-radius--hover": "2px",
   "border-style": "solid",
-  "border-width": "2px",
+  "border-width": "1px",
   color: defaults.theme.colors["greyscale-800"],
   "font-size": defaults.theme.font.sizes.l,
   height: "3.5rem",