fix(Select): update color of text (#675)

tillersystems · Aug 2, 2019 · 518b249 · 518b249
1 parent 89120b6
commit 518b249
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/src/DatePicker/__tests__/__snapshots__/DatePicker.test.js.snap b/src/DatePicker/__tests__/__snapshots__/DatePicker.test.js.snap
@@ -12,7 +12,7 @@ exports[`<DatePicker /> Range should render without a problem 1`] = `
   padding-right: 0.8rem;
 }
 
-.c13 {
+.c12 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -36,13 +36,10 @@ exports[`<DatePicker /> Range should render without a problem 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  color: hsl(206,23%,69%);
 }
 
-.c13:hover {
-  background: rgba(30,146,204,0.14);
-}
-
-.c12 {
+.c13 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -66,7 +63,10 @@ exports[`<DatePicker /> Range should render without a problem 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  color: hsl(206,23%,69%);
+}
+
+.c13:hover {
+  background: rgba(30,146,204,0.14);
 }
 
 .c14 {
@@ -741,7 +741,7 @@ exports[`<DatePicker /> Simple should render without a problem 1`] = `
   padding-right: 0.8rem;
 }
 
-.c13 {
+.c12 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -765,13 +765,10 @@ exports[`<DatePicker /> Simple should render without a problem 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  color: hsl(206,23%,69%);
 }
 
-.c13:hover {
-  background: rgba(30,146,204,0.14);
-}
-
-.c12 {
+.c13 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -795,7 +792,10 @@ exports[`<DatePicker /> Simple should render without a problem 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  color: hsl(206,23%,69%);
+}
+
+.c13:hover {
+  background: rgba(30,146,204,0.14);
 }
 
 .c14 {

diff --git a/src/Select/__tests__/__snapshots__/Select.test.js.snap b/src/Select/__tests__/__snapshots__/Select.test.js.snap
@@ -21,7 +21,7 @@ exports[`<Select /> should render without a problem 1`] = `
   border: 1px solid hsl(207,22%,90%);
   border-radius: 0.4rem;
   background: linear-gradient( 180deg,hsl(0,100%,100%) 0%,hsl(240,33%,99%) 100% );
-  color: hsl(213,17%,20%);
+  color: hsl(207,13%,45%);
 }
 
 .c2::after {
@@ -115,7 +115,7 @@ exports[`<Select /> should render without a problem when disabled 1`] = `
   border: 1px solid hsl(207,22%,90%);
   border-radius: 0.4rem;
   background: linear-gradient( 180deg,hsl(0,100%,100%) 0%,hsl(240,33%,99%) 100% );
-  color: hsl(213,17%,20%);
+  color: hsl(207,13%,45%);
 }
 
 .c3::after {

diff --git a/src/Select/elements.js b/src/Select/elements.js
@@ -22,7 +22,7 @@ export const Header = styled.button`
     ${({ theme: { palette } }) => palette.white} 0%,
     ${({ theme: { palette } }) => palette.paleGrey} 100%
   );
-  color: ${({ theme: { palette } }) => palette.darkBlue};
+  color: ${({ theme: { palette } }) => palette.spaceGrey};
 
   &::after {
     content: '';