From 728dcc5091682e8be9c7618b4cf2087fef921bd5 Mon Sep 17 00:00:00 2001
From: Steven VAIDIE <steven.vaidie@gmail.com>
Date: Fri, 11 Sep 2020 15:02:42 +0200
Subject: [PATCH] RAC-225: fix uncheck colors on notion are not the right color

---
 akeneo-design-system/src/components/Checkbox/Checkbox.tsx     | 3 ++-
 .../src/components/Checkbox/Checkbox.unit.tsx                 | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/akeneo-design-system/src/components/Checkbox/Checkbox.tsx b/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
index ac978453ccfb..0973087e89ae 100644
--- a/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
+++ b/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
@@ -32,9 +32,10 @@ const CheckboxContainer = styled.div<{checked: boolean; readOnly: boolean} & Ake
   background-color: transparent;
   height: 20px;
   width: 20px;
-  border: 1px solid ${getColor('blue100')};
+  border: 1px solid ${getColor('grey80')};
   border-radius: 3px;
   outline: none;
+  background-color: ${getColor('grey20')};
 
   ${(props) =>
     props.checked &&
diff --git a/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx b/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
index 841f5782034b..9bdc9b20f6a4 100644
--- a/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
+++ b/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
@@ -23,6 +23,10 @@ it('it does not call onChange handler when read-only', () => {
 });
 
 it('it cannot be instantiated without handler when not readonly', () => {
+  jest.spyOn(console, 'error').mockImplementation(() => {
+    // do nothing.
+  });
+
   expect(() => {
     render(<Checkbox checked={true} label="Checkbox" />);
   }).toThrow('A Checkbox element expect an onChange attribute if not readOnly');