Skip to content

Commit

Permalink
fix: checkbox color to be correct based on the old colors
Browse files Browse the repository at this point in the history
  • Loading branch information
@panvourtsis
panvourtsis committed Sep 24, 2020
1 parent fbbabe6 commit d9d6217
Show file tree
Hide file tree
Showing 3 changed files with 31 additions and 31 deletions.
4 changes: 2 additions & 2 deletions src/components/CheckBox/CheckBox.style.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export const checkboxStyle = ({ intermediate, checked }: Props) => (
background: ${checked
? intermediate
? theme.palette.flat.darkGray[400]
: theme.palette.branded1[400]
: theme.palette.branded1[300]
: theme.palette.flat.lightGray[300]};
border: 0;
border-radius: ${rem(2)};
Expand All @@ -53,7 +53,7 @@ export const checkboxStyle = ({ intermediate, checked }: Props) => (
vertical-align: text-top;
width: ${rem(26)};
height: ${rem(26)};
background: ${theme.palette.flat.lightGray[400]};
background: ${theme.palette.flat.lightGray[300]};
border-radius: ${rem(2)};
}
Expand Down
22 changes: 11 additions & 11 deletions src/components/CheckBox/__snapshots__/CheckBox.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ exports[`Storyshots Design System/CheckBox CheckBox with Label 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -88,7 +88,7 @@ exports[`Storyshots Design System/CheckBox CheckBox with Label 1`] = `
>
<input
checked={true}
className="css-xxls4w-CheckBox"
className="css-1yq1675-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -120,7 +120,7 @@ exports[`Storyshots Design System/CheckBox CheckBox with Label 1`] = `
>
<input
checked={true}
className="css-xxls4w-CheckBox"
className="css-1yq1675-CheckBox"
disabled={true}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -152,7 +152,7 @@ exports[`Storyshots Design System/CheckBox CheckBox with Label 1`] = `
>
<input
checked={true}
className="css-1xsj2pz-CheckBox"
className="css-7smy38-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -184,7 +184,7 @@ exports[`Storyshots Design System/CheckBox CheckBox with Label 1`] = `
>
<input
checked={false}
className="css-1qulgwb-CheckBox"
className="css-nrxs4k-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -216,7 +216,7 @@ exports[`Storyshots Design System/CheckBox CheckBox with Label 1`] = `
>
<input
checked={true}
className="css-1xsj2pz-CheckBox"
className="css-7smy38-CheckBox"
disabled={true}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -293,7 +293,7 @@ exports[`Storyshots Design System/CheckBox CheckBox without 1`] = `
>
<input
checked={true}
className="css-xxls4w-CheckBox"
className="css-1yq1675-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand All @@ -320,7 +320,7 @@ exports[`Storyshots Design System/CheckBox CheckBox without 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand All @@ -347,7 +347,7 @@ exports[`Storyshots Design System/CheckBox CheckBox without 1`] = `
>
<input
checked={true}
className="css-1xsj2pz-CheckBox"
className="css-7smy38-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand All @@ -374,7 +374,7 @@ exports[`Storyshots Design System/CheckBox CheckBox without 1`] = `
>
<input
checked={false}
className="css-1qulgwb-CheckBox"
className="css-nrxs4k-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand All @@ -401,7 +401,7 @@ exports[`Storyshots Design System/CheckBox CheckBox without 1`] = `
>
<input
checked={false}
className="css-1qulgwb-CheckBox"
className="css-nrxs4k-CheckBox"
disabled={true}
id="styled-checkbox-"
onChange={[Function]}
Expand Down
36 changes: 18 additions & 18 deletions src/components/Table/__snapshots__/Table.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ exports[`Storyshots Design System/Table Financial Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -127,7 +127,7 @@ exports[`Storyshots Design System/Table Financial Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -190,7 +190,7 @@ exports[`Storyshots Design System/Table Financial Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -253,7 +253,7 @@ exports[`Storyshots Design System/Table Financial Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -316,7 +316,7 @@ exports[`Storyshots Design System/Table Financial Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -412,7 +412,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -489,7 +489,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -552,7 +552,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -615,7 +615,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -678,7 +678,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -741,7 +741,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -804,7 +804,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -867,7 +867,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -930,7 +930,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -993,7 +993,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -1509,7 +1509,7 @@ exports[`Storyshots Design System/Table Table with expandable rows 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -1572,7 +1572,7 @@ exports[`Storyshots Design System/Table Table with expandable rows 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down Expand Up @@ -1696,7 +1696,7 @@ exports[`Storyshots Design System/Table Table with expandable rows 1`] = `
>
<input
checked={false}
className="css-czstdm-CheckBox"
className="css-bkei5x-CheckBox"
disabled={false}
id="styled-checkbox-"
onChange={[Function]}
Expand Down

0 comments on commit d9d6217

Please sign in to comment.