beem-component 0.9.9 → 1.0.0

package/dist/components/Link.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BmRouteLink = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _colors = require("../components/colors");
+
+var _text = require("../components/text");
+
+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    color: ", " !important;\n    font-weight: bold;\n    &:before {\n      font-weight: normal;\n    }\n  }\n"])), _text.p, _colors.BmPrimaryBlack, _colors.BmPrimaryBlack);
+exports.BmRouteLink = BmRouteLink;

package/dist/components/index.js

@@ -1185,6 +1185,12 @@ Object.defineProperty(exports, "BmAccordicon", {
     return _Accordicon.BmAccordicon;
   }
 });
+Object.defineProperty(exports, "BmRouteLink", {
+  enumerable: true,
+  get: function get() {
+    return _Link.BmRouteLink;
+  }
+});
 
 var _Accordion = _interopRequireDefault(require("./Accordion"));
 
@@ -1284,4 +1290,6 @@ var _labelsInfo = require("./CustomerInfo/labelsInfo");
 
 var _Accordicon = require("./Accordicon");
 
+var _Link = require("./Link");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "0.9.9",
+    "version": "1.0.0",
     "private": false,
     "main": "dist/components/index.js",
     "peerDependencies": {
@@ -16,6 +16,7 @@
         "node-sass": "^6.0.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
+        "react-router-dom": "^5.3.0",
         "react-scripts": "4.0.3",
         "styled-components": "^5.3.0",
         "web-vitals": "^1.1.2"

package/src/App.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { HashRouter } from "react-router-dom";
 import "../src/main.scss";
 import { MainWrapper } from "./lib/components/Chats/chatwrapper";
 import { GlobalStyle } from "./lib/components/globalStyles";
@@ -9,12 +10,16 @@ import { CreateSegment } from "./CreateSegments";
 import Chat from "./CHAT";
 import { BmAccordicon } from "./lib/components/Accordicon";
 import BmAccordion from "./lib/components/Accordion";
+import { BmRouteLink } from "./lib/components/Link";
 export const App = () => {
   return (
     <>
       <GlobalStyle />
       <BmAccordicon dropdown trailingIcon>
         <h4>jclkdj</h4>
+        <HashRouter>
+          <BmRouteLink to="#">Hello</BmRouteLink>
+        </HashRouter>
         <h2>kghgfih</h2>
       </BmAccordicon>
       <Chat />

package/src/lib/components/Link.js

@@ -0,0 +1,19 @@
+import styled from "styled-components";
+import { Link } from "react-router-dom";
+import { BmPrimaryBlack } from "../components/colors";
+import { p } from "../components/text";
+
+export const BmRouteLink = styled(Link)`
+  ${p}
+  color: ${BmPrimaryBlack};
+  text-decoration: none;
+  &:hover,
+  &:focus,
+  &:active {
+    color: ${BmPrimaryBlack} !important;
+    font-weight: bold;
+    &:before {
+      font-weight: normal;
+    }
+  }
+`;

package/src/lib/components/index.js

@@ -8,6 +8,7 @@ import { BmDropdown } from "./dropdown";
 import { BmInput } from "./input";
 import { BmLogo } from "./logo";
 import { BmSearch } from "./search";
+
 import {
   BmTab,
   BmTabItem,
@@ -265,6 +266,7 @@ import {
   BmColorLabelPicker,
 } from "./CustomerInfo/labelsInfo";
 import { BmAccordicon } from "./Accordicon";
+import { BmRouteLink } from "./Link";
 
 export {
   BmAccordion,
@@ -464,4 +466,5 @@ export {
   BmColorLabel,
   BmColorLabelPicker,
   BmAccordicon,
+  BmRouteLink
 };