RAC-225: fix uncheck colors on notion are not the right color

akeneo · Sep 11, 2020 · b2b2e98 · b2b2e98
1 parent 87e8548
commit b2b2e98
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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
@@ -23,6 +23,8 @@ 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(() => {});
+
   expect(() => {
     render(<Checkbox checked={true} label="Checkbox" />);
   }).toThrow('A Checkbox element expect an onChange attribute if not readOnly');