beem-component 1.0.4 → 1.0.5

package/dist/components/RouteLink/link.js

@@ -19,5 +19,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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    color: ", ";\n    font-weight: 600;\n    &:before {\n      font-weight: normal;\n    }\n  }\n"])), _text.p, _colors.BmPrimaryBlue, _colors.BmPrimaryBlack);
+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) {
+  return props.color ? props.color : "".concat(_colors.BmPrimaryBlue, " ");
+}, ''
+/* color: ${(props) =>
+darken(0.1, props.color ? props.color : `${BmPrimaryBlue} `)} !important; */
+);
 exports.BmRouteLink = BmRouteLink;

package/dist/components/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "BmAccordicon", {
+Object.defineProperty(exports, "BmAccordion", {
   enumerable: true,
   get: function get() {
     return _Accordion.default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "private": false,
     "main": "dist/components/index.js",
     "scripts": {
@@ -27,6 +27,7 @@
         "@mui/icons-material": "^5.2.1",
         "@mui/material": "^5.2.3",
         "node-sass": "^6.0.1",
+        "polished": "^4.1.3",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-router-dom": "^5.3.0",

package/src/App.js

@@ -11,7 +11,9 @@ export const App = () => {
       <MainWrapper>
         <BrowserRouter>
           <Switch>
-            <BmRouteLink to="#">BkhkdxA</BmRouteLink>
+            <BmRouteLink to="#" color="red">
+              BkhkdxA
+            </BmRouteLink>
           </Switch>
         </BrowserRouter>
       </MainWrapper>

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

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

package/src/lib/components/index.js

@@ -1,4 +1,4 @@
-import BmAccordicon from "./Accordion/Accordion";
+import BmAccordion from "./Accordion/Accordion";
 import { BmAvatar } from "./Avatars/avatars";
 import { BmAlertIcon } from "./Buttons/buttonAlertIcons";
 import { BmBtnIcon } from "./Buttons/buttonIconsOnly";
@@ -27,10 +27,10 @@ import {
   CopyToClipBoard,
 } from "./iconStyles";
 import { BmNoteBar } from "./NoteBar.js/noteBar";
-import {MainWrapper} from '../components/MainWrapper'
+import { MainWrapper } from "../components/MainWrapper";
 
 export {
-  BmAccordicon,
+  BmAccordion,
   BmAvatar,
   BmAlertIcon,
   BmButton,