feat(palette): replace component colors with updated palette

Orfium · Sep 23, 2020 · e0a24c1 · e0a24c1
1 parent bc1351f
commit e0a24c1
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 21 deletions.
diff --git a/src/components/Menu/Menu.style.ts b/src/components/Menu/Menu.style.ts
@@ -86,7 +86,7 @@ export const optionsStyle = ({ menuPosition }: MenuOptions) => (theme: Theme) =>
     right 0;
     width: ${rem(148)};
     height: auto;
-    background-color: #fff;
+    background-color: ${theme.palette.white};
     box-shadow: 0px 0px ${rem(16)} grey;
     display: flex;
     flex-direction: column;
@@ -102,6 +102,6 @@ export const optionsStyle = ({ menuPosition }: MenuOptions) => (theme: Theme) =>
     }
 
     & > button:hover {
-      background-color: ${darken(0.05, '#fff')};
+      background-color: ${darken(0.05, theme.palette.white)};
     }
   `;
diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
@@ -75,7 +75,7 @@ const Menu: React.FC<Props & TestProps & EventProps> = props => {
               items.map((option, index) => (
                 <button
                   css={{
-                    backgroundColor: '#fff',
+                    backgroundColor: theme.palette.white,
                     border: 0,
                   }}
                   key={`${option}-${index}`}

diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
@@ -71,7 +71,7 @@ const Select: React.FC<Props> = ({
   const customStyles: Styles = {
     option: (provided, state) => ({
       ...provided,
-      backgroundColor: state.isSelected ? '#ededed' : '#ffffff',
+      backgroundColor: state.isSelected ? '#ededed' : theme.palette.white,
       color: state.isDisabled ? theme.palette.flat.lightGray[700] : theme.palette.text.primary[400],
       padding: rem(16),
       '&:hover': {
@@ -142,7 +142,7 @@ const Select: React.FC<Props> = ({
           backgroundColor: '#cecece',
         },
         svg: {
-          fill: '#fff',
+          fill: theme.palette.white,
           backgroundColor: 'transparent',
         },
       },

diff --git a/src/components/Table/__snapshots__/Table.stories.storyshot b/src/components/Table/__snapshots__/Table.stories.storyshot
@@ -402,7 +402,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-1o8230t-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -450,25 +450,25 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-1nbzf55-Table"
       >
         <th
-          className="css-a3pxss-TableCell"
+          className="css-1vjr0s9-TableCell"
         />
         <th
-          className="css-1r1qkc1-TableCell"
+          className="css-1xy1ycd-TableCell"
         >
           Title
         </th>
         <th
-          className="css-1r1qkc1-TableCell"
+          className="css-1xy1ycd-TableCell"
         >
           Name
         </th>
         <th
-          className="css-1r1qkc1-TableCell"
+          className="css-1xy1ycd-TableCell"
         >
           Surname
         </th>
         <th
-          className="css-1w04xju-TableCell"
+          className="css-1keazcd-TableCell"
         >
           Age
         </th>
@@ -479,7 +479,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -542,7 +542,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -605,7 +605,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -668,7 +668,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -731,7 +731,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -794,7 +794,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -857,7 +857,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -920,7 +920,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"
@@ -983,7 +983,7 @@ exports[`Storyshots Design System/Table Fixed Header Table 1`] = `
         className="css-8z679-TableRow"
       >
         <th
-          className="css-sycyqs-TableCell"
+          className="css-sxuvld-TableCell"
         >
           <span
             className="css-u4dw6y-CheckBox"

diff --git a/src/components/Table/components/TableCell/TableCell.tsx b/src/components/Table/components/TableCell/TableCell.tsx
@@ -47,7 +47,7 @@ const TableCell: React.FC<Props> = ({
           left: 0,
           zIndex: 2,
           position: 'sticky',
-          background: '#fff',
+          background: theme.palette.white,
         },
         type === 'financial' && {
           borderLeft: `1px solid ${theme.palette.flat.lightGray[400]}`,