💄(react) reduce inputs borders

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

@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+reduce inputs borders

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"],

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",