beem-component 1.3.5 → 1.3.6

package/dist/components/Lists/listheader.js

@@ -15,25 +15,40 @@ var _iconStyles = require("../iconStyles");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _excluded = ["children", "trailingIcon", "size", "color"];
+
 var _templateObject;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0rem 1rem 1rem 1rem;\n  border-bottom: 0.125rem solid ", ";\n"])), _colors.BmPrimaryBlue);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0rem 1rem 1rem 1rem;\n  border-bottom: 0.125rem solid\n    ", ";\n"])), function (_ref) {
+  var color = _ref.color;
+  return color ? color : "".concat(_colors.BmPrimaryBlue);
+});
 
 exports.Container = Container;
 
-var BmListHeader = function BmListHeader(_ref) {
-  var children = _ref.children,
-      trailingIcon = _ref.trailingIcon,
-      size = _ref.size,
-      color = _ref.color;
-  return /*#__PURE__*/_react.default.createElement(Container, null, children, trailingIcon && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+var BmListHeader = function BmListHeader(_ref2) {
+  var children = _ref2.children,
+      trailingIcon = _ref2.trailingIcon,
+      size = _ref2.size,
+      color = _ref2.color,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(Container, _extends({
+    color: color
+  }, rest), children, trailingIcon && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: trailingIcon,
     color: color || "".concat(_colors.BmPrimaryBlack),
-    size: size || 'large'
+    size: size || "large"
   }));
 };
 

package/dist/components/RouteLink/link.js

@@ -21,7 +21,8 @@ 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    font-weight: 600;\n    &:before {\n      font-weight: normal;\n    }\n    color: ", " !important;\n  }\n"])), _text.p, function (props) {
+//TODO: To be fixed for hover states
+var BmRouteLink = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  color: ", " !important;\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, " ");
 }, function (props) {
   return (0, _polished.darken)(0.1, props.color ? props.color : "".concat(_colors.BmPrimaryBlue));

package/package.json

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

package/src/lib/components/Lists/listheader.js

@@ -9,18 +9,27 @@ export const Container = styled.div`
   flex-direction: row;
   justify-content: space-between;
   padding: 0rem 1rem 1rem 1rem;
-  border-bottom: 0.125rem solid ${BmPrimaryBlue};
+  border-bottom: 0.125rem solid
+    ${({ color }) => {
+      return color ? color : `${BmPrimaryBlue}`;
+    }};
 `;
 
-export const BmListHeader = ({ children, trailingIcon, size, color }) => {
+export const BmListHeader = ({
+  children,
+  trailingIcon,
+  size,
+  color,
+  ...rest
+}) => {
   return (
-    <Container>
+    <Container color={color} {...rest}>
       {children}
       {trailingIcon && (
         <BmIcons
           icon={trailingIcon}
-          color={color || `${BmPrimaryBlack}` }
-          size={size || 'large'}
+          color={color || `${BmPrimaryBlack}`}
+          size={size || "large"}
         />
       )}
     </Container>

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

@@ -4,9 +4,10 @@ import { BmPrimaryBlue } from "../colors";
 import { p } from "../text";
 import { darken } from "polished";
 
+//TODO: To be fixed for hover states
 export const BmRouteLink = styled(Link)`
   ${p}
-  color: ${(props) => (props.color ? props.color : `${BmPrimaryBlue} `)};
+  color: ${(props) => (props.color ? props.color : `${BmPrimaryBlue} `)} !important;
   text-decoration: none;
   &:hover,
   &:focus,