beem-component 1.5.6 → 1.5.9

package/dist/components/Buttons/buttonDropdown copy.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Button = exports.BmButtonDropDown = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _icons = require("@material-ui/icons");
@@ -19,19 +23,9 @@ var _colors = require("../colors");
 
 var _excluded = ["children"];
 
-var _templateObject, _templateObject2, _templateObject3;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ButtonDropdownWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  &:hover {\n    background: ", ";\n    border: 0.071rem solid\n      ", ";\n  }\n  &:active {\n    background: ", ";\n    box-shadow: ", ";\n    border: 0.071rem solid\n      ", ";\n  }\n"])), function (_ref) {
+var ButtonDropdownWrapper = _styledComponents.default.div.withConfig({
+  displayName: "buttonDropdowncopy__ButtonDropdownWrapper"
+})(["display:flex;&:hover{background:", ";border:0.071rem solid ", ";}&:active{background:", ";box-shadow:", ";border:0.071rem solid ", ";}"], function (_ref) {
   var variant = _ref.variant,
       disabled = _ref.disabled;
 
@@ -90,7 +84,9 @@ var ButtonDropdownWrapper = _styledComponents.default.div(_templateObject || (_t
   return "none";
 });
 
-var Dropdown = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 0.0625rem solid\n    ", ";\n\n  border-left: 0.071rem solid\n    ", ";\n  border-top-left-radius: 0.071rem;\n  border-bottom-left-radius: 0.071rem;\n  padding: 0rem;\n"])), function (_ref6) {
+var Dropdown = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon).withConfig({
+  displayName: "buttonDropdowncopy__Dropdown"
+})(["background:", ";border:0.0625rem solid ", ";border-left:0.071rem solid ", ";border-top-left-radius:0.071rem;border-bottom-left-radius:0.071rem;padding:0rem;"], function (_ref6) {
   var variant = _ref6.variant,
       disabled = _ref6.disabled;
 
@@ -143,14 +139,15 @@ var Dropdown = (0, _styledComponents.default)(_buttonIconsOnly.BmBtnIcon)(_templ
     if (variant === "tertiary") return "transparent";
   }
 });
-var Button = (0, _styledComponents.default)(_buttons.BmButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-top-right-radius: 0.071rem;\n  border-bottom-right-radius: 0.071rem;\n  border-radius: none;\n  border-right: none;\n"])));
+var Button = (0, _styledComponents.default)(_buttons.BmButton).withConfig({
+  displayName: "buttonDropdowncopy__Button"
+})(["border-top-right-radius:0.071rem;border-bottom-right-radius:0.071rem;border-radius:none;border-right:none;"]);
 exports.Button = Button;
 
 var BmButtonDropDown = function BmButtonDropDown(_ref9) {
   var children = _ref9.children,
-      rest = _objectWithoutProperties(_ref9, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ButtonDropdownWrapper, rest, /*#__PURE__*/_react.default.createElement(Button, rest, children), /*#__PURE__*/_react.default.createElement(Dropdown, _extends({}, rest, {
+      rest = (0, _objectWithoutProperties2.default)(_ref9, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ButtonDropdownWrapper, rest, /*#__PURE__*/_react.default.createElement(Button, rest, children), /*#__PURE__*/_react.default.createElement(Dropdown, Object.assign({}, rest, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.KeyboardArrowDown, null)
   }))));
 };

package/dist/components/Buttons/buttonDropdown.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,8 +15,6 @@ var _buttonIconsOnly = require("./buttonIconsOnly");
 
 var _buttons = require("./buttons");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var BmButtonDropdown = function BmButtonDropdown(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {

package/dist/components/Buttons/buttonIconsOnly.js

@@ -1,73 +1,67 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmIconWrapper = exports.BmBtnIcon = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _colors = require("../colors");
 
 var _iconStyles = require("../iconStyles");
 
 var _excluded = ["variant", "size", "disabled", "children", "icon", "color"];
 
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 BeemButtonIcon = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  background: ", ";\n  border: 0.071rem solid\n    ", ";\n  box-sizing: border-box;\n  border-radius: 0.25rem;\n  padding: 0rem;\n"])), function (_ref) {
+var BeemButtonIcon = _styledComponents.default.button.withConfig({
+  displayName: "buttonIconsOnly__BeemButtonIcon"
+})(["display:flex;flex-direction:row;align-items:center;justify-content:center;background:", ";border:0.071rem solid ", ";box-sizing:border-box;border-radius:0.25rem;padding:0rem;"], function (_ref) {
   var variant = _ref.variant,
       disabled = _ref.disabled,
       color = _ref.color;
 
   if (!disabled) {
-    if (variant === "active") return "".concat(_colors.BmPrimaryBlue);
-    if (variant === "enabled") return "".concat(_colors.BmGrey50);
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmPrimaryWhite);
-    if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "secondary") return "".concat(_colors.BmPrimaryWhite);
-    if (variant === "tertiary") return "".concat(_colors.BmPrimaryWhite);
-    return "".concat(color ? color : _colors.BmPrimaryBlue);
-  } else {
-    return "".concat(_colors.BmGrey100);
+    if (variant === 'active') return "".concat(_colors.BmPrimaryBlue);
+    if (variant === 'enabled') return "".concat(_colors.BmGrey50);
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmPrimaryWhite);
+    if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'secondary') return "".concat(_colors.BmPrimaryWhite);
+    if (variant === 'tertiary') return "".concat(_colors.BmPrimaryWhite);
+    return "".concat(color || _colors.BmPrimaryBlue);
   }
+
+  return "".concat(_colors.BmGrey100);
 }, function (_ref2) {
   var variant = _ref2.variant,
       disabled = _ref2.disabled,
       color = _ref2.color;
 
   if (!disabled) {
-    if (variant === "active") return "".concat(_colors.BmPrimaryBlue);
-    if (variant === "enabled") return "".concat(_colors.BmGrey50);
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmGrey400);
-    if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "tertiary") return "".concat(_colors.BmPrimaryWhite);
-    return "".concat(color ? color : _colors.BmPrimaryBlue);
-  } else {
-    return "".concat(_colors.BmGrey100);
+    if (variant === 'active') return "".concat(_colors.BmPrimaryBlue);
+    if (variant === 'enabled') return "".concat(_colors.BmGrey50);
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmGrey400);
+    if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'tertiary') return "".concat(_colors.BmPrimaryWhite);
+    return "".concat(color || _colors.BmPrimaryBlue);
   }
+
+  return "".concat(_colors.BmGrey100);
 });
 
-var BmIconWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 0.5rem !important;\n"])));
+var BmIconWrapper = _styledComponents.default.div.withConfig({
+  displayName: "buttonIconsOnly__BmIconWrapper"
+})(["padding:0.5rem !important;"]);
 
 exports.BmIconWrapper = BmIconWrapper;
 
@@ -78,9 +72,8 @@ var BmBtnIcon = function BmBtnIcon(props) {
       children = props.children,
       icon = props.icon,
       color = props.color,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(BeemButtonIcon, _extends({
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(BeemButtonIcon, Object.assign({
     color: color,
     size: size,
     variant: variant,
@@ -94,11 +87,4 @@ var BmBtnIcon = function BmBtnIcon(props) {
   })));
 };
 
-exports.BmBtnIcon = BmBtnIcon;
-BmBtnIcon.propTypes = {
-  size: _propTypes.default.string,
-  variant: _propTypes.default.string,
-  icon: _propTypes.default.node,
-  color: _propTypes.default.string,
-  disabled: _propTypes.default.bool
-};
+exports.BmBtnIcon = BmBtnIcon;

package/dist/components/Buttons/buttons.js

@@ -1,16 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmRightIcon = exports.BmLeftIcon = exports.BmButton = void 0;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _polished = require("polished");
 
 var _colors = require("../colors");
@@ -21,23 +23,13 @@ var _text = require("../text");
 
 var _excluded = ["variant", "size", "disabled", "children", "leadingIcon", "trailingIcon", "color"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ButtonText = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  text-align: center;\n  color: ", ";\n  padding: 0rem;\n"])), function (_ref) {
+var ButtonText = _styledComponents.default.div.withConfig({
+  displayName: "buttons__ButtonText"
+})(["", " text-align:center;color:", ";padding:0rem;"], function (_ref) {
   var size = _ref.size;
-  if (size === "large") return "".concat(_text.h3);
-  if (size === "medium") return "".concat(_text.h3);
-  if (size === "small") return "".concat(_text.h4);
+  if (size === 'large') return "".concat(_text.h3);
+  if (size === 'medium') return "".concat(_text.h3);
+  if (size === 'small') return "".concat(_text.h4);
   return "".concat(_text.h3);
 }, function (_ref2) {
   var variant = _ref2.variant,
@@ -45,74 +37,76 @@ var ButtonText = _styledComponents.default.div(_templateObject || (_templateObje
       color = _ref2.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(_colors.BmPrimaryWhite);
-    if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "tertiary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "destructive") return "".concat(_colors.BmPrimaryWhite);
-    if (variant === "success") return "".concat(_colors.BmPrimaryWhite);
-    if (variant === "neutral") return "".concat(color ? color : _colors.BmPrimaryBlue);
+    if (variant === 'primary') return "".concat(_colors.BmPrimaryWhite);
+    if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'tertiary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'destructive') return "".concat(_colors.BmPrimaryWhite);
+    if (variant === 'success') return "".concat(_colors.BmPrimaryWhite);
+    if (variant === 'neutral') return "".concat(color || _colors.BmPrimaryBlue);
     return "".concat(_colors.BmPrimaryWhite);
-  } else {
-    return "".concat(_colors.BmGrey400);
   }
+
+  return "".concat(_colors.BmGrey400);
 });
 
-var BeemButton = _styledComponents.default.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.25rem;\n  padding: ", ";\n  background: ", ";\n\n  border: 0.071rem solid\n    ", ";\n\n  &:hover {\n    background: ", ";\n    border: 0.071rem solid\n      ", ";\n  }\n  &:active {\n    background: ", ";\n    box-shadow: ", ";\n    border: 0.071rem solid\n      ", ";\n  }\n\n  &:hover ", " {\n    color: ", ";\n  }\n  &:active ", " {\n    color: ", ";\n  }\n"])), function (_ref3) {
+var BeemButton = _styledComponents.default.button.withConfig({
+  displayName: "buttons__BeemButton"
+})(["display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:0.25rem;padding:", ";background:", ";border:0.071rem solid ", ";&:hover{background:", ";border:0.071rem solid ", ";}&:active{background:", ";box-shadow:", ";border:0.071rem solid ", ";}&:hover ", "{color:", ";}&:active ", "{color:", ";}"], function (_ref3) {
   var size = _ref3.size;
-  if (size === "large") return "0.625rem 1.5rem";
-  if (size === "medium") return "0.4375rem 1rem";
-  if (size === "small") return "0.375rem 0.75rem";
-  return "0.625rem 1.5rem";
+  if (size === 'large') return '0.625rem 1.5rem';
+  if (size === 'medium') return '0.4375rem 1rem';
+  if (size === 'small') return '0.375rem 0.75rem';
+  return '0.625rem 1.5rem';
 }, function (_ref4) {
   var variant = _ref4.variant,
       disabled = _ref4.disabled,
       color = _ref4.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "secondary") return "none";
-    if (variant === "tertiary") return "none";
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmPrimaryWhite);
-    return "".concat(color ? color : _colors.BmPrimaryBlue);
-  } else {
-    if (variant === "primary") return "".concat(_colors.BmGrey100);
-    if (variant === "secondary") return "none";
-    if (variant === "tertiary") return "none";
-    return "".concat(_colors.BmGrey100);
+    if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'secondary') return 'none';
+    if (variant === 'tertiary') return 'none';
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmPrimaryWhite);
+    return "".concat(color || _colors.BmPrimaryBlue);
   }
+
+  if (variant === 'primary') return "".concat(_colors.BmGrey100);
+  if (variant === 'secondary') return 'none';
+  if (variant === 'tertiary') return 'none';
+  return "".concat(_colors.BmGrey100);
 }, function (_ref5) {
   var variant = _ref5.variant,
       disabled = _ref5.disabled,
       color = _ref5.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "secondary") return "".concat(color ? color : _colors.BmPrimaryBlue);
-    if (variant === "tertiary") return "transparent";
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "neutral") return "".concat(_colors.BmGrey400);
-    return "".concat(color ? color : _colors.BmPrimaryBlue);
-  } else {
-    if (variant === "primary") return "".concat(_colors.BmGrey100);
-    if (variant === "secondary") return "".concat(_colors.BmGrey400);
-    if (variant === "tertiary") return "transparent";
+    if (variant === 'primary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'secondary') return "".concat(color || _colors.BmPrimaryBlue);
+    if (variant === 'tertiary') return 'transparent';
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'neutral') return "".concat(_colors.BmGrey400);
+    return "".concat(color || _colors.BmPrimaryBlue);
   }
+
+  if (variant === 'primary') return "".concat(_colors.BmGrey100);
+  if (variant === 'secondary') return "".concat(_colors.BmGrey400);
+  if (variant === 'tertiary') return 'transparent';
 }, function (_ref6) {
   var variant = _ref6.variant,
       disabled = _ref6.disabled,
       color = _ref6.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat((0, _polished.darken)(0.1, color ? color : _colors.BmPrimaryBlue));
-    if (variant === "neutral") return "".concat(_colors.BmGrey50);
-    if (variant === "success") return "".concat(_colors.BmSecondaryGreen8);
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed8);
+    if (variant === 'primary') return "".concat((0, _polished.darken)(0.1, color || _colors.BmPrimaryBlue));
+    if (variant === 'neutral') return "".concat(_colors.BmGrey50);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryGreen8);
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed8);
 
     if (!variant) {
-      return "".concat((0, _polished.darken)(0.1, color ? color : _colors.BmPrimaryBlue));
+      return "".concat((0, _polished.darken)(0.1, color || _colors.BmPrimaryBlue));
     }
   }
 }, function (_ref7) {
@@ -121,23 +115,23 @@ var BeemButton = _styledComponents.default.button(_templateObject2 || (_template
       color = _ref7.color;
 
   if (!disabled) {
-    if (variant === "secondary") return "".concat((0, _polished.darken)(0.1, color ? color : _colors.BmPrimaryBlue));
+    if (variant === 'secondary') return "".concat((0, _polished.darken)(0.1, color || _colors.BmPrimaryBlue));
   }
 
-  return "none";
+  return 'none';
 }, function (_ref8) {
   var variant = _ref8.variant,
       disabled = _ref8.disabled,
       color = _ref8.color;
 
   if (!disabled) {
-    if (variant === "primary") return "".concat((0, _polished.darken)(0.1, color ? color : _colors.BmPrimaryBlue));
-    if (variant === "neutral") return "".concat(_colors.BmGrey100);
-    if (variant === "success") return "".concat(_colors.BmSecondaryDarkGreen);
-    if (variant === "destructive") return "".concat(_colors.BmSecondaryRed);
+    if (variant === 'primary') return "".concat((0, _polished.darken)(0.1, color || _colors.BmPrimaryBlue));
+    if (variant === 'neutral') return "".concat(_colors.BmGrey100);
+    if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
+    if (variant === 'destructive') return "".concat(_colors.BmSecondaryRed);
 
     if (!variant) {
-      return "".concat((0, _polished.darken)(0.1, color ? color : _colors.BmPrimaryBlue));
+      return "".concat((0, _polished.darken)(0.1, color || _colors.BmPrimaryBlue));
     }
   }
 }, function (_ref9) {
@@ -145,10 +139,10 @@ var BeemButton = _styledComponents.default.button(_templateObject2 || (_template
       disabled = _ref9.disabled;
 
   if (!disabled) {
-    if (variant === "primary" || variant === "success" || variant === "destructive") return "inset 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.25)";
+    if (variant === 'primary' || variant === 'success' || variant === 'destructive') return 'inset 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.25)';
 
     if (!variant) {
-      return "inset 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.25)";
+      return 'inset 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.25)';
     }
   }
 }, function (_ref10) {
@@ -157,17 +151,17 @@ var BeemButton = _styledComponents.default.button(_templateObject2 || (_template
       color = _ref10.color;
 
   if (!disabled) {
-    if (variant === "secondary") return "".concat((0, _polished.darken)(0.1, color ? color : _colors.BmPrimaryBlue));
+    if (variant === 'secondary') return "".concat((0, _polished.darken)(0.1, color || _colors.BmPrimaryBlue));
   }
 
-  return "none";
+  return 'none';
 }, ButtonText, function (_ref11) {
   var variant = _ref11.variant,
       disabled = _ref11.disabled,
       color = _ref11.color;
 
   if (!disabled) {
-    if (variant === "secondary" || variant === "tertiary") return "".concat((0, _polished.darken)(0.1, color ? color : _colors.BmPrimaryBlue));
+    if (variant === 'secondary' || variant === 'tertiary') return "".concat((0, _polished.darken)(0.1, color || _colors.BmPrimaryBlue));
   }
 }, ButtonText, function (_ref12) {
   var variant = _ref12.variant,
@@ -175,13 +169,17 @@ var BeemButton = _styledComponents.default.button(_templateObject2 || (_template
       color = _ref12.color;
 
   if (!disabled) {
-    if (variant === "secondary" || variant === "tertiary") return "".concat((0, _polished.darken)(0.1, color ? color : _colors.BmPrimaryBlue));
+    if (variant === 'secondary' || variant === 'tertiary') return "".concat((0, _polished.darken)(0.1, color || _colors.BmPrimaryBlue));
   }
 });
 
-var BmLeftIcon = (0, _styledComponents.default)(_iconStyles.BmButtonIcon)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: 0.5rem;\n"])));
+var BmLeftIcon = (0, _styledComponents.default)(_iconStyles.BmButtonIcon).withConfig({
+  displayName: "buttons__BmLeftIcon"
+})(["margin-right:0.5rem;"]);
 exports.BmLeftIcon = BmLeftIcon;
-var BmRightIcon = (0, _styledComponents.default)(_iconStyles.BmButtonIcon)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: 0.5rem;\n"])));
+var BmRightIcon = (0, _styledComponents.default)(_iconStyles.BmButtonIcon).withConfig({
+  displayName: "buttons__BmRightIcon"
+})(["margin-left:0.5rem;"]);
 exports.BmRightIcon = BmRightIcon;
 
 var BmButton = function BmButton(props) {
@@ -192,9 +190,8 @@ var BmButton = function BmButton(props) {
       leadingIcon = props.leadingIcon,
       trailingIcon = props.trailingIcon,
       color = props.color,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(BeemButton, _extends({
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(BeemButton, Object.assign({
     size: size,
     variant: variant,
     disabled: disabled,
@@ -220,12 +217,4 @@ var BmButton = function BmButton(props) {
   }));
 };
 
-exports.BmButton = BmButton;
-BmButton.propTypes = {
-  size: _propTypes.default.string,
-  variant: _propTypes.default.string,
-  leadingIcon: _propTypes.default.node,
-  trailingIcon: _propTypes.default.node,
-  color: _propTypes.default.string,
-  disabled: _propTypes.default.bool
-};
+exports.BmButton = BmButton;

package/dist/components/Cards/cards.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,16 +11,18 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _colors = require("../colors");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-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 BmCard = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  border-radius: 0.25rem;\n  > * {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 0.5rem;\n  }\n\n"])), _colors.BmPrimaryWhite, _colors.BmGrey400);
-
-BmCard.Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 0.5rem 0.5rem 0rem 0.5rem;\n"])));
-BmCard.Body = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 0rem 0.5rem;\n"])));
-BmCard.Footer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-top: 0.071rem solid ", ";\n  padding: 0.5rem 0.5rem 0rem 0.5rem;\n"])), _colors.BmGrey400);
+var BmCard = _styledComponents.default.div.withConfig({
+  displayName: "cards__BmCard"
+})(["display:flex;flex-direction:column;background:", ";border:0.071rem solid ", ";border-radius:0.25rem;> *{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:0.5rem;}"], _colors.BmPrimaryWhite, _colors.BmGrey400);
+
+BmCard.Header = _styledComponents.default.div.withConfig({
+  displayName: "cards__Header"
+})(["padding:0.5rem 0.5rem 0rem 0.5rem;"]);
+BmCard.Body = _styledComponents.default.div.withConfig({
+  displayName: "cards__Body"
+})(["padding:0rem 0.5rem;"]);
+BmCard.Footer = _styledComponents.default.div.withConfig({
+  displayName: "cards__Footer"
+})(["border-top:0.071rem solid ", ";padding:0.5rem 0.5rem 0rem 0.5rem;"], _colors.BmGrey400);
 var _default = BmCard;
 exports.default = _default;

package/dist/components/Cards/cards.stories.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("/home/tejal/Desktop/Beem-UI/bm-components/node_modules/@babel/runtime/helpers/interopRequireDefault.js").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,25 +9,23 @@ exports.default = exports.Example = exports.BasicCardSample = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _cards = _interopRequireDefault(require("./cards"));
-
 var _addonKnobs = require("@storybook/addon-knobs");
 
+var _cards = _interopRequireDefault(require("./cards"));
+
 require("../../../main.scss");
 
 var _buttons = require("../Buttons/buttons");
 
 var _beem = _interopRequireDefault(require("../../assets/beem.jpeg"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _cards.default,
-  title: "components/Card",
+  title: 'components/Card',
   argTypes: {
     children: {
-      description: "Accordion Title Text",
+      description: 'Accordion Title Text',
       defaultValue: {
         summary: undefined
       }
@@ -36,8 +36,8 @@ exports.default = _default;
 
 var BasicCardSample = function BasicCardSample() {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_cards.default, {
-    disabled: (0, _addonKnobs.boolean)("disabled", false)
-  }, /*#__PURE__*/_react.default.createElement(_cards.default.Header, null, /*#__PURE__*/_react.default.createElement("h3", null, (0, _addonKnobs.text)("children", "Card Header"))), /*#__PURE__*/_react.default.createElement(_cards.default.Body, null, "Card Body"), /*#__PURE__*/_react.default.createElement(_cards.default.Footer, null, "Card Footer")));
+    disabled: (0, _addonKnobs.boolean)('disabled', false)
+  }, /*#__PURE__*/_react.default.createElement(_cards.default.Header, null, /*#__PURE__*/_react.default.createElement("h3", null, (0, _addonKnobs.text)('children', 'Card Header'))), /*#__PURE__*/_react.default.createElement(_cards.default.Body, null, "Card Body"), /*#__PURE__*/_react.default.createElement(_cards.default.Footer, null, "Card Footer")));
 };
 
 exports.BasicCardSample = BasicCardSample;