fixup! feat(table): change selection background color and add different backgroud for grouped rows

Author: fczuardi

packages/table/package.json

@@ -41,6 +41,7 @@
     "@crave/farmblocks-text": "^1.1.9",
     "@crave/farmblocks-theme": "^1.5.1",
     "object.values": "^1.0.4",
+    "polished": "^1.9.2",
     "react-addons-css-transition-group": "^15.6.2"
   },
   "devDependencies": {

packages/table/src/styledComponents/Cell.js

@@ -1,11 +1,14 @@
 import styled from "styled-components";
 import { colors } from "@crave/farmblocks-theme";
+import { transparentize } from "polished";
 
 const textAlign = props => props.align || "left";
 
+const selectedBg = transparentize(0.94, colors.INDIGO_MILK_CAP);
+
 const cellBg = props => {
   if (props.selected) {
-    return `${colors.INDIGO_MILK_CAP_06} !important`;
+    return `${selectedBg} !important`;
   }
   return props.grouped ? colors.SUGAR : "white";
 };

packages/theme/src/colors.js

@@ -5,7 +5,6 @@ module.exports = {
   DEMERARA_SUGAR: "#e9ebec",
   RED_ORANGE: "#ff4411",
   INDIGO_MILK_CAP: "#3498db",
-  INDIGO_MILK_CAP_06: "rgba(52,152,219,0.06)",
   BLUE_CORN: "#2980b9",
   LETTUCE: "#2ecc71",
   AVOCADO: "#27ae60",

yarn.lock

@@ -7388,6 +7388,10 @@ pngjs@^3.0.0, pngjs@^3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-3.3.3.tgz#85173703bde3edac8998757b96e5821d0966a21b"
 
+polished@^1.9.2:
+  version "1.9.2"
+  resolved "https://registry.yarnpkg.com/polished/-/polished-1.9.2.tgz#d705cac66f3a3ed1bd38aad863e2c1e269baf6b6"
+
 posix-character-classes@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"