From ec8def0cb14a179df91dc7fdd386ce52984323b3 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Wed, 17 May 2023 15:19:51 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(react)=20fix=20Field=20that=20can?=
 =?UTF-8?q?=20be=20compact=20and=20fullWidth?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Being able to define the Field to be compact and fullWidth at the
same time was misleading. We need to be able to set the Switch
component fullWidth if needed, while by default it is compact. This
change makes possible the fullWidth props to override compact mode.
---
 packages/react/src/components/Forms/Field/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/components/Forms/Field/index.tsx b/packages/react/src/components/Forms/Field/index.tsx
index b2fb6f2..f672be1 100644
--- a/packages/react/src/components/Forms/Field/index.tsx
+++ b/packages/react/src/components/Forms/Field/index.tsx
@@ -27,7 +27,7 @@ export const Field = ({
     <div
       className={classNames("c__field", "c__field--" + state, className, {
         "c__field--full-width": fullWidth,
-        "c__field--compact": compact,
+        "c__field--compact": compact && !fullWidth,
       })}
     >
       {children}