beem-component 1.7.9 → 1.8.1

package/dist/components/Pills/pills.js

@@ -1,91 +1,60 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmPillWrapper = exports.BmPill = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _icons = require("@material-ui/icons");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _avatars = _interopRequireDefault(require("../Avatars/avatars"));
-
 var _colors = require("../colors");
-
 var _iconStyles = require("../iconStyles");
-
 var _text = require("../text");
-
 var _excluded = ["type", "icon", "avatarIcon", "size", "avatarSize", "color", "label", "onDelete", "deleteIcon"];
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 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 BmPillWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 0.214rem 0.571rem;\n  background: ", ";\n  border-radius: 0.25rem;\n  ", "\n  > * {\n    margin-right: 0.25rem;\n  }\n"])), function (_ref) {
   var clicked = _ref.clicked;
-
   if (clicked) {
     return 'flex';
   }
-
   return 'none';
 }, _colors.BmGrey100, function (_ref2) {
   var label = _ref2.label,
-      color = _ref2.color;
+    color = _ref2.color;
   return label && "\n    ".concat(_text.p, "\n    text-transform: uppercase;\n    color: ").concat(color, ";\n  ");
 });
-
 exports.BmPillWrapper = BmPillWrapper;
-
 var BmPill = function BmPill(_ref3) {
   var type = _ref3.type,
-      icon = _ref3.icon,
-      avatarIcon = _ref3.avatarIcon,
-      size = _ref3.size,
-      avatarSize = _ref3.avatarSize,
-      color = _ref3.color,
-      label = _ref3.label,
-      onDelete = _ref3.onDelete,
-      deleteIcon = _ref3.deleteIcon,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
+    icon = _ref3.icon,
+    avatarIcon = _ref3.avatarIcon,
+    size = _ref3.size,
+    avatarSize = _ref3.avatarSize,
+    color = _ref3.color,
+    label = _ref3.label,
+    onDelete = _ref3.onDelete,
+    deleteIcon = _ref3.deleteIcon,
+    rest = _objectWithoutProperties(_ref3, _excluded);
   var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      clicked = _useState2[0],
-      setClicked = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    clicked = _useState2[0],
+    setClicked = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BmPillWrapper, _extends({
     label: label,
     onDelete: onDelete,
@@ -112,7 +81,6 @@ var BmPill = function BmPill(_ref3) {
     color: color || 'black'
   })));
 };
-
 exports.BmPill = BmPill;
 BmPill.propTypes = {
   icon: _propTypes.default.object,

package/dist/components/Pills/pills.stories.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomPill = exports.BasicPill = void 0;
-
 var _icons = require("@material-ui/icons");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _pills = require("./pills");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _pills.BmPill,
@@ -77,11 +72,9 @@ var _default = {
   }
 };
 exports.default = _default;
-
 var MainPill = function MainPill(args) {
   return /*#__PURE__*/_react.default.createElement(_pills.BmPill, args);
 };
-
 var BasicPill = MainPill.bind({});
 exports.BasicPill = BasicPill;
 BasicPill.args = {

package/dist/components/ProfileIcon/ProfileIcon.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmProfileIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _colors = require("../colors");
-
 var _wa = _interopRequireDefault(require("../../assets/wa.png"));
-
 var _fb = _interopRequireDefault(require("../../assets/fb.png"));
-
 var _insta = _interopRequireDefault(require("../../assets/insta.png"));
-
 var _Google_Messages_logo = _interopRequireDefault(require("../../assets/Google_Messages_logo.png"));
-
 var _excluded = ["img", "content", "channel", "size"];
-
 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 handleSize = function handleSize(size) {
   if (size) {
     if (size === 'large') return '3.429rem';
@@ -40,10 +25,8 @@ var handleSize = function handleSize(size) {
     if (size === 'small') return '1.714rem';
     if (size === 'xsmall') return '1.429rem';
   }
-
   return '3.429rem';
 };
-
 var position = function position(size) {
   if (size) {
     if (size === 'large') return '2.286rem';
@@ -51,35 +34,28 @@ var position = function position(size) {
     if (size === 'small') return '1rem';
     if (size === 'xsmall') return '0.714rem';
   }
-
   return '2.286rem';
 };
-
 var ProfileImg = _styledComponents.default.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", ";\n  width: ", ";\n  object-fit: contain;\n  border-radius: 50%;\n  display: flex;\n"])), function (props) {
   return handleSize(props.size);
 }, function (props) {
   return handleSize(props.size);
 });
-
 var Profile = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: ", ";\n  width: ", ";\n  border-radius: 50%;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background: ", ";\n"])), function (props) {
   return handleSize(props.size);
 }, function (props) {
   return handleSize(props.size);
 }, _colors.BmBgLightBlue, _colors.BmSecondaryBlue12);
-
 var Content = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n"])));
-
 var Dot = _styledComponents.default.img(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: ", ";\n  bottom: 0rem;\n  object-fit: contain;\n  height: 1rem;\n  width: 1rem;\n"])), function (props) {
   return position(props.size);
 });
-
 var BmProfileIcon = function BmProfileIcon(_ref) {
   var img = _ref.img,
-      content = _ref.content,
-      channel = _ref.channel,
-      size = _ref.size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    content = _ref.content,
+    channel = _ref.channel,
+    size = _ref.size,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Profile, _extends({
     size: size
   }, rest), content && !img && /*#__PURE__*/_react.default.createElement(Content, null, content), img && !content && /*#__PURE__*/_react.default.createElement(ProfileImg, {
@@ -103,5 +79,4 @@ var BmProfileIcon = function BmProfileIcon(_ref) {
     alt: "icon"
   })));
 };
-
 exports.BmProfileIcon = BmProfileIcon;

package/dist/components/ProfileIcon/profileIcon.stories.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Sample = exports.ImageProfile = exports.ContentProfile = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ProfileIcon = require("./ProfileIcon");
-
 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: _ProfileIcon.BmProfileIcon,
@@ -53,11 +48,9 @@ var _default = {
   }
 };
 exports.default = _default;
-
 var MainProfileIcon = function MainProfileIcon(args) {
   return /*#__PURE__*/_react.default.createElement(_ProfileIcon.BmProfileIcon, args);
 };
-
 var Sample = MainProfileIcon.bind({});
 exports.Sample = Sample;
 Sample.args = {

package/dist/components/ProgressBar/progressbar.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmProgressBar = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 0.75rem;\n  width: 100%;\n  position: relative;\n"])));
-
 var BaseBox = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 100%;\n  position: absolute;\n  border-radius: 0.25rem;\n  transition: width 1s ease-in-out;\n"])));
-
 var Background = (0, _styledComponents.default)(BaseBox)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 100%;\n"])), _colors.BmGrey100);
 var Progress = (0, _styledComponents.default)(BaseBox)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: ", "%;\n"])), function (props) {
   return props.color ? props.color : "".concat(_colors.BmPrimaryBlue, " ");
@@ -30,16 +20,14 @@ var Progress = (0, _styledComponents.default)(BaseBox)(_templateObject4 || (_tem
   var value = _ref.value;
   return value;
 });
-
 var BmProgressBar = function BmProgressBar(props) {
   var value = props.value,
-      color = props.color;
+    color = props.color;
   return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Background, null), /*#__PURE__*/_react.default.createElement(Progress, {
     value: value,
     color: color
   }));
 };
-
 exports.BmProgressBar = BmProgressBar;
 BmProgressBar.propTypes = {
   value: _propTypes.default.string.isRequired,

package/dist/components/ProgressBar/progressbar.stories.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProgressBar = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _progressbar = require("./progressbar");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _progressbar.BmProgressBar,
@@ -31,11 +27,9 @@ var _default = {
   }
 };
 exports.default = _default;
-
 var MainProgressBar = function MainProgressBar(args) {
   return /*#__PURE__*/_react.default.createElement(_progressbar.BmProgressBar, args);
 };
-
 var ProgressBar = MainProgressBar.bind({});
 exports.ProgressBar = ProgressBar;
 ProgressBar.args = {

package/dist/components/ProgressRing/progressRing.js

@@ -1,42 +1,25 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var small = 1.429;
 var medium = 1.714;
 var large = 2.286;
@@ -45,22 +28,17 @@ var radius;
 var circumference;
 var strokeWidth = 5;
 var initialSize;
-
 var measurement = function measurement(size) {
   var initialSize = size || large * 14;
-
   if (size === 'small') {
     initialSize = small * 14;
   }
-
   if (size === 'medium') {
     initialSize = medium * 14;
   }
-
   if (size === 'large') {
     initialSize = large * 14;
   }
-
   center = initialSize / 2;
   radius = initialSize / 2 - strokeWidth / 2;
   circumference = 2 * Math.PI * radius;
@@ -71,7 +49,6 @@ var measurement = function measurement(size) {
     initialSize: initialSize
   };
 };
-
 var ProgressRingWrapper = _styledComponents.default.svg(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: ", ";\n  height: ", ";\n"])), function (_ref) {
   var size = _ref.size;
   if (size === 'small') return '1.429rem';
@@ -87,13 +64,10 @@ var ProgressRingWrapper = _styledComponents.default.svg(_templateObject || (_tem
   if (!size) return '2.286rem';
   return "".concat(size, "px");
 });
-
 var ProgressRingCircle1 = _styledComponents.default.circle(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  fill: none;\n"])));
-
 var ProgressRingCircle2 = _styledComponents.default.circle(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  fill: none;\n  stroke: ", ";\n"])), function (_ref3) {
   var variant = _ref3.variant,
-      progress = _ref3.progress;
-
+    progress = _ref3.progress;
   if (progress) {
     if (variant === 'primary') return "".concat(_colors.BmPrimaryBlue);
     if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
@@ -101,32 +75,26 @@ var ProgressRingCircle2 = _styledComponents.default.circle(_templateObject3 || (
     if (variant === 'danger') return "".concat(_colors.BmSecondaryRed);
     if (!variant) return "".concat(_colors.BmPrimaryBlue);
   }
-
   if (!progress) return "".concat(_colors.BmGrey100);
 });
-
 var Text = _styledComponents.default.text(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  text-anchor: middle;\n  fill: black;\n"])), function () {
   if (initialSize >= 50 && initialSize < 100) {
     return '1rem';
   }
-
   if (initialSize >= 100) {
     return '2rem';
   }
-
   return '0.5rem';
 });
-
 var BmProgressRing = function BmProgressRing(props) {
   var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      offset = _useState2[0],
-      setOffset = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    offset = _useState2[0],
+    setOffset = _useState2[1];
   var circleRef = (0, _react.useRef)(null);
   var size = props.size,
-      progress = props.progress,
-      variant = props.variant;
+    progress = props.progress,
+    variant = props.variant;
   var initialMeasure = measurement(size);
   circumference = initialMeasure.circumference;
   radius = initialMeasure.radius;
@@ -162,7 +130,6 @@ var BmProgressRing = function BmProgressRing(props) {
     "data-testid": "progress-bar-bar"
   })));
 };
-
 BmProgressRing.propTypes = {
   size: _propTypes.default.number.isRequired,
   progress: _propTypes.default.number.isRequired,

package/dist/components/ProgressRing/progressRing.stories.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomProgressRing = exports.BasicProgressRing = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _progressRing = _interopRequireDefault(require("./progressRing"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _progressRing.default,
@@ -42,11 +38,9 @@ var _default = {
   }
 };
 exports.default = _default;
-
 var MainProgressRing = function MainProgressRing(args) {
   return /*#__PURE__*/_react.default.createElement(_progressRing.default, args);
 };
-
 var BasicProgressRing = MainProgressRing.bind({});
 exports.BasicProgressRing = BasicProgressRing;
 BasicProgressRing.args = {

package/dist/components/RouteLink/link.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmRouteLink = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _polished = require("polished");
-
 var _colors = require("../colors");
-
 var _text = require("../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) } })); }
-
 // 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, " ");

package/dist/components/RouteLink/link.stories.js

@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SampleLink = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _link = require("./link");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable import/no-anonymous-default-export */
 var _default = {
   component: _link.BmRouteLink,
   title: 'components/RouteLink'
 };
 exports.default = _default;
-
 var SampleLink = function SampleLink() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_link.BmRouteLink, {
     to: "#"
   }, "Click Me!"))));
 };
-
 exports.SampleLink = SampleLink;

package/dist/components/ScrollBar/scrollBar.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ScrollbarWrapper = exports.Scrollbar = exports.Content = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 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 ScrollbarWrapper = _styledComponents.default.div(function () {
   return {
     '::-webkit-scrollbar-thumb': {
@@ -25,20 +20,14 @@ var ScrollbarWrapper = _styledComponents.default.div(function () {
     }
   };
 });
-
 exports.ScrollbarWrapper = ScrollbarWrapper;
-
 var Scrollbar = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ::-webkit-scrollbar {\n    width: 0.714rem !important;\n  }\n  ::-webkit-scrollbar-thumb {\n    background-color: #e2e2e2;\n  }\n"])));
-
 exports.Scrollbar = Scrollbar;
-
 var Content = _styledComponents.default.div(function () {
   return {
     direction: 'ltr' // if you want to show the scroll bar on the left
-
   };
 });
-
 exports.Content = Content;
 var _default = ScrollbarWrapper;
 exports.default = _default;

package/dist/components/SuperFluid/Content/index.js

@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmContent = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _colors = require("../../colors");
-
 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 BmContent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 1.5rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  border-radius: 0.25rem;\n"])), _colors.BmPrimaryWhite, _colors.BmGrey400);
-
 exports.BmContent = BmContent;

package/dist/components/SuperFluid/ContentTitle.js/index.js

@@ -4,29 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BmFooterRight = exports.BmFooterLeft = exports.BmContentTitle = exports.BmContentFooter = void 0;
-
 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 BmContentTitle = _styledComponents.default.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  margin: 0.75rem 0rem;\n"])), _colors.BmPrimaryBlack);
-
 exports.BmContentTitle = BmContentTitle;
-
 var BmContentFooter = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0rem;\n  margin: 1rem 0rem 0rem;\n  width: 100%;\n"])));
-
 exports.BmContentFooter = BmContentFooter;
-
 var BmFooterLeft = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: flex-start;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0rem;\n  margin: 0rem;\n  div {\n    margin: 0rem 0.5rem;\n  }\n"])));
-
 exports.BmFooterLeft = BmFooterLeft;
-
 var BmFooterRight = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: flex-end;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0rem;\n  margin-left: auto;\n  div {\n    margin: 0rem 0.5rem;\n  }\n"])));
-
 exports.BmFooterRight = BmFooterRight;