beem-component 1.3.4 → 1.3.5

package/dist/components/RouteLink/link.js

@@ -13,16 +13,17 @@ var _colors = require("../colors");
 
 var _text = require("../text");
 
+var _polished = require("polished");
+
 var _templateObject;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var BmRouteLink = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    font-weight: 600;\n    &:before {\n      font-weight: normal;\n    }\n  }\n"])), _text.p, function (props) {
+var BmRouteLink = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    font-weight: 600;\n    &:before {\n      font-weight: normal;\n    }\n    color: ", " !important;\n  }\n"])), _text.p, function (props) {
   return props.color ? props.color : "".concat(_colors.BmPrimaryBlue, " ");
-}, ''
-/* color: ${(props) =>
-darken(0.1, props.color ? props.color : `${BmPrimaryBlue} `)} !important; */
-);
+}, function (props) {
+  return (0, _polished.darken)(0.1, props.color ? props.color : "".concat(_colors.BmPrimaryBlue));
+});
 exports.BmRouteLink = BmRouteLink;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "1.3.4",
+    "version": "1.3.5",
     "private": false,
     "main": "dist/components/index.js",
     "scripts": {

package/src/lib/components/RouteLink/link.js

@@ -2,6 +2,7 @@ import styled from "styled-components";
 import { Link } from "react-router-dom";
 import { BmPrimaryBlue } from "../colors";
 import { p } from "../text";
+import { darken } from "polished";
 
 export const BmRouteLink = styled(Link)`
   ${p}
@@ -10,11 +11,10 @@ export const BmRouteLink = styled(Link)`
   &:hover,
   &:focus,
   &:active {
-    ${'' /* color: ${(props) =>
-      darken(0.1, props.color ? props.color : `${BmPrimaryBlue} `)} !important; */}
     font-weight: 600;
     &:before {
       font-weight: normal;
     }
+    color: ${(props) => darken(0.1, props.color ? props.color : `${BmPrimaryBlue}`)} !important;
   }
 `;