beem-component 1.0.7 → 1.0.8

package/dist/assets/css/sidebar.css

@@ -1,3 +1,13 @@
+.sidebar {
+    display: flex;
+    flex-direction: column;
+    max-height: 100%;
+    height: 100%;
+    overflow: auto;
+    max-width: 20%;
+    width: 20%;
+}
+
 .main-sidebar-tabs {
     display: flex;
     flex-direction: row;

package/dist/components/ContactCards/contactCards.js

@@ -15,7 +15,7 @@ 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 BmContactCard = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-right: 1rem;\n  }\n  &:hover {\n    background: ", ";\n  }\n\n  ", "\n  cursor: pointer;\n"])), _colors.BmGrey100, function (_ref) {
+var BmContactCard = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-right: 1rem;\n  }\n  &:hover {\n    background: ", ";\n  }\n\n  ", "\n  cursor: pointer;\n  padding: 1rem 1.5rem;\n"])), _colors.BmGrey100, function (_ref) {
   var active = _ref.active;
   return active && "    \n    background: ".concat(_colors.BmGrey100, ";\n  ");
 });

package/dist/components/index.js

@@ -180,6 +180,12 @@ Object.defineProperty(exports, "BmTab", {
     return _tabs.BmTab;
   }
 });
+Object.defineProperty(exports, "BmTag", {
+  enumerable: true,
+  get: function get() {
+    return _tags.BmTag;
+  }
+});
 Object.defineProperty(exports, "BmTagIcon", {
   enumerable: true,
   get: function get() {
@@ -245,6 +251,8 @@ var _loader = require("./Loader/loader");
 
 var _checkbox = require("./checkbox");
 
+var _tags = require("./tags");
+
 var _iconStyles = require("./iconStyles");
 
 var _noteBar = require("./NoteBar/noteBar");

package/package.json

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

package/src/lib/assets/css/sidebar.css

@@ -1,3 +1,13 @@
+.sidebar {
+    display: flex;
+    flex-direction: column;
+    max-height: 100%;
+    height: 100%;
+    overflow: auto;
+    max-width: 20%;
+    width: 20%;
+}
+
 .main-sidebar-tabs {
     display: flex;
     flex-direction: row;

package/src/lib/components/ContactCards/contactCards.js

@@ -18,6 +18,7 @@ export const BmContactCard = styled.div`
     background: ${BmGrey100};
   `}
   cursor: pointer;
+  padding: 1rem 1.5rem;
 `;
 
 BmContactCard.Profile = styled.div`

package/src/lib/components/index.js

@@ -17,6 +17,7 @@ import { BmTab } from "./Tabs/tabs";
 import * as BmColors from "./colors";
 import { BmLoader } from "./Loader/loader";
 import { BmCheckbox } from "./checkbox";
+import { BmTag } from "./tags";
 import {
   BmTagIcon,
   BmAvatarIcon,
@@ -55,11 +56,12 @@ export {
   BmTab,
   GlobalStyle,
   MainWrapper,
+  BmLoader,
   // Old components to be refactored
   BmButtonDropDown,
   BmCheckbox,
   BmInput,
-  BmLoader,
+  BmTag,
   //Icons (Remove unused ones and check on the sizing for custom icons)
   BmAvatarIcon,
   BmIcons,