beem-component 1.5.8 → 1.6.1

package/dist/components/Buttons/Stories/basicbutton.stories.js

@@ -7,49 +7,49 @@ exports.default = exports.ColoredButton = exports.BasicButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _buttons = require("../buttons");
-
 var _icons = require("@material-ui/icons");
 
+var _buttons = require("../buttons");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _buttons.BmButton,
-  title: "components/Buttons/Basic",
+  title: 'components/Buttons/Basic',
   argTypes: {
     size: {
-      options: ["small", "medium", "large"],
+      options: ['small', 'medium', 'large'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Size",
+      description: 'Size',
       defaultValue: {
-        summary: "large"
+        summary: 'large'
       }
     },
     variant: {
-      options: ["primary", "secondary", "tertiary", "success", "neutral", "destructive"],
+      options: ['primary', 'secondary', 'tertiary', 'success', 'neutral', 'destructive'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Variant",
+      description: 'Variant',
       defaultValue: {
-        summary: "primary"
+        summary: 'primary'
       }
     },
     leadingIcon: {
-      description: "Material UI Icons"
+      description: 'Material UI Icons'
     },
     trailingIcon: {
-      description: "Material UI Icons"
+      description: 'Material UI Icons'
     },
     color: {
-      description: "Color of the Button"
+      description: 'Color of the Button'
     },
     children: {
-      description: "Text of the button",
-      default: "Button"
+      description: 'Text of the button',
+      default: 'Button'
     }
   }
 };
@@ -62,19 +62,19 @@ var MainButton = function MainButton(args) {
 var BasicButton = MainButton.bind({});
 exports.BasicButton = BasicButton;
 BasicButton.args = {
-  variant: "primary",
-  size: "large",
-  children: "Button",
+  variant: 'primary',
+  size: 'large',
+  children: 'Button',
   leadingIcon: /*#__PURE__*/_react.default.createElement(_icons.Home, null),
   trailingIcon: /*#__PURE__*/_react.default.createElement(_icons.Favorite, null)
 };
 var ColoredButton = MainButton.bind({});
 exports.ColoredButton = ColoredButton;
 ColoredButton.args = {
-  variant: "primary",
-  size: "large",
-  children: "Button",
+  variant: 'primary',
+  size: 'large',
+  children: 'Button',
   leadingIcon: /*#__PURE__*/_react.default.createElement(_icons.Home, null),
   trailingIcon: /*#__PURE__*/_react.default.createElement(_icons.Favorite, null),
-  color: "pink"
+  color: 'pink'
 };

package/dist/components/Buttons/Stories/buttonAlertIcons.stories.js

@@ -7,43 +7,43 @@ exports.default = exports.ButtonAlertIcon = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _buttonAlertIcons = require("../buttonAlertIcons");
-
 var _icons = require("@material-ui/icons");
 
+var _buttonAlertIcons = require("../buttonAlertIcons");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _buttonAlertIcons.BmAlertIcon,
-  title: "components/Buttons/AlertIcons",
+  title: 'components/Buttons/AlertIcons',
   argTypes: {
     size: {
-      options: ["small", "medium", "large"],
+      options: ['small', 'medium', 'large'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Size",
+      description: 'Size',
       defaultValue: {
-        summary: "large"
+        summary: 'large'
       }
     },
     icon: {
-      description: "Material UI Icons"
+      description: 'Material UI Icons'
     },
     color: {
-      description: "Color of the icon",
+      description: 'Color of the icon',
       defaultValue: {
-        summary: "#575757"
+        summary: '#575757'
       }
     },
     badgeContent: {
-      description: "Badge Content"
+      description: 'Badge Content'
     },
     badgeColor: {
-      description: "Color of the badge content",
+      description: 'Color of the badge content',
       defaultValue: {
-        summary: "#F62E48"
+        summary: '#F62E48'
       }
     }
   }
@@ -59,7 +59,7 @@ exports.ButtonAlertIcon = ButtonAlertIcon;
 ButtonAlertIcon.args = {
   icon: /*#__PURE__*/_react.default.createElement(_icons.AssignmentLateOutlined, null),
   badgeContent: 4,
-  badgeColor: "red",
-  size: "large",
-  color: "black"
+  badgeColor: 'red',
+  size: 'large',
+  color: 'black'
 };

package/dist/components/Buttons/Stories/buttonIconsOnly.stories.js

@@ -7,44 +7,44 @@ exports.default = exports.ButtonIcon = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _buttonIconsOnly = require("../buttonIconsOnly");
-
 var _icons = require("@material-ui/icons");
 
+var _buttonIconsOnly = require("../buttonIconsOnly");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _buttonIconsOnly.BmBtnIcon,
-  title: "components/Buttons/IconsOnly",
+  title: 'components/Buttons/IconsOnly',
   argTypes: {
     size: {
-      options: ["small", "medium", "large"],
+      options: ['small', 'medium', 'large'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Size",
+      description: 'Size',
       defaultValue: {
-        summary: "large"
+        summary: 'large'
       }
     },
     variant: {
-      options: ["primary", "secondary", "tertiary", "success", "neutral", "destructive", "active", "enabled"],
+      options: ['primary', 'secondary', 'tertiary', 'success', 'neutral', 'destructive', 'active', 'enabled'],
       control: {
-        type: "select"
+        type: 'select'
       },
-      description: "Variant",
+      description: 'Variant',
       defaultValue: {
-        summary: "primary"
+        summary: 'primary'
       }
     },
     icon: {
-      description: "Material UI Icons"
+      description: 'Material UI Icons'
     },
     color: {
-      description: "Color of the button",
+      description: 'Color of the button',
       defaultValue: {
-        summary: "primary color"
+        summary: 'primary color'
       }
     }
   }
@@ -59,7 +59,7 @@ var ButtonIcon = MainButtonIcon.bind({});
 exports.ButtonIcon = ButtonIcon;
 ButtonIcon.args = {
   icon: /*#__PURE__*/_react.default.createElement(_icons.Favorite, null),
-  size: "large",
-  variant: "primary",
+  size: 'large',
+  variant: 'primary',
   color: undefined
 };

package/dist/components/Buttons/buttonAlertIcons.js

@@ -13,10 +13,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _colors = require("../colors");
-
 var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
 
+var _colors = require("../colors");
+
 var _typography = require("../typography");
 
 var _excluded = ["icon", "badgeContent", "badgeColor", "size"];
@@ -34,17 +34,17 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 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); }
 
 var size = function size(props) {
-  if (props.size === "small") return "1.429rem";
-  if (props.size === "medium") return "1.714rem";
-  if (props.size === "large") return "2.286rem";
-  return "2.286rem";
+  if (props.size === 'small') return '1.429rem';
+  if (props.size === 'medium') return '1.714rem';
+  if (props.size === 'large') return '2.286rem';
+  return '2.286rem';
 };
 
 var Badgesize = function Badgesize(props) {
-  if (props.size === "small") return "0.857rem";
-  if (props.size === "medium") return "0.857rem";
-  if (props.size === "large") return "0.857rem";
-  return "0.857rem";
+  if (props.size === 'small') return '0.857rem';
+  if (props.size === 'medium') return '0.857rem';
+  if (props.size === 'large') return '0.857rem';
+  return '0.857rem';
 };
 
 var AlertIcon = {
@@ -78,13 +78,13 @@ var BadgeIcon = function BadgeIcon() {
       },
       color: "".concat(_colors.BmPrimaryWhite),
       fontFamily: "".concat(_typography.PoppinsMedium),
-      fontStyle: "normal",
+      fontStyle: 'normal',
       fontWeight: 500,
-      fontSize: "0.643rem",
-      display: "flex",
-      alignItems: "center",
-      textAlign: "center",
-      letterSpacing: "-0.02em"
+      fontSize: '0.643rem',
+      display: 'flex',
+      alignItems: 'center',
+      textAlign: 'center',
+      letterSpacing: '-0.02em'
     }
   };
 };

package/dist/components/Buttons/buttonIconsOnly.js

@@ -35,36 +35,36 @@ var BeemButtonIcon = _styledComponents.default.button(_templateObject || (_templ
       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"])));

package/dist/components/Buttons/buttons.js

@@ -35,9 +35,9 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 
 var ButtonText = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  text-align: center;\n  color: ", ";\n  padding: 0rem;\n"])), 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 +45,74 @@ 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 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 +121,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 +145,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 +157,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,7 +175,7 @@ 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));
   }
 });
 

package/dist/components/Cards/cards.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 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);
+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"])), _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"])));

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

@@ -7,10 +7,10 @@ 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");
@@ -22,10 +22,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* 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;