beem-component 2.0.27 → 2.1.0

package/dist/components/ProgressRing/progressRing.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -9,25 +8,20 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../colors");
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var small = 1.429;
-var medium = 1.714;
-var large = 2.286;
-var center;
-var radius;
-var circumference;
-var strokeWidth = 5;
-var initialSize;
-var measurement = function measurement(size) {
-  var initialSize = size || large * 14;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/* eslint-disable no-shadow */
+
+const small = 1.429;
+const medium = 1.714;
+const large = 2.286;
+let center;
+let radius;
+let circumference;
+const strokeWidth = 5;
+let initialSize;
+const measurement = size => {
+  let initialSize = size || large * 14;
   if (size === 'small') {
     initialSize = small * 14;
   }
@@ -41,37 +35,43 @@ var measurement = function measurement(size) {
   radius = initialSize / 2 - strokeWidth / 2;
   circumference = 2 * Math.PI * radius;
   return {
-    center: center,
-    radius: radius,
-    circumference: circumference,
-    initialSize: initialSize
+    center,
+    radius,
+    circumference,
+    initialSize
   };
 };
-var ProgressRingWrapper = _styledComponents.default.svg.withConfig({
+const ProgressRingWrapper = _styledComponents.default.svg.withConfig({
   displayName: "progressRing__ProgressRingWrapper"
-})(["display:flex;width:", ";height:", ";"], function (_ref) {
-  var size = _ref.size;
+})(["display:flex;width:", ";height:", ";"], _ref => {
+  let {
+    size
+  } = _ref;
   if (size === 'small') return '1.429rem';
   if (size === 'medium') return '1.714rem';
   if (size === 'large') return '2.286rem';
   if (!size) return '2.286rem';
   return "".concat(size, "px");
-}, function (_ref2) {
-  var size = _ref2.size;
+}, _ref2 => {
+  let {
+    size
+  } = _ref2;
   if (size === 'small') return '1.429rem';
   if (size === 'medium') return '1.714rem';
   if (size === 'large') return '2.286rem';
   if (!size) return '2.286rem';
   return "".concat(size, "px");
 });
-var ProgressRingCircle1 = _styledComponents.default.circle.withConfig({
+const ProgressRingCircle1 = _styledComponents.default.circle.withConfig({
   displayName: "progressRing__ProgressRingCircle1"
 })(["fill:none;"]);
-var ProgressRingCircle2 = _styledComponents.default.circle.withConfig({
+const ProgressRingCircle2 = _styledComponents.default.circle.withConfig({
   displayName: "progressRing__ProgressRingCircle2"
-})(["fill:none;stroke:", ";"], function (_ref3) {
-  var variant = _ref3.variant,
-    progress = _ref3.progress;
+})(["fill:none;stroke:", ";"], _ref3 => {
+  let {
+    variant,
+    progress
+  } = _ref3;
   if (progress) {
     if (variant === 'primary') return "".concat(_colors.BmPrimaryBlue);
     if (variant === 'success') return "".concat(_colors.BmSecondaryDarkGreen);
@@ -81,9 +81,9 @@ var ProgressRingCircle2 = _styledComponents.default.circle.withConfig({
   }
   if (!progress) return "".concat(_colors.BmGrey100);
 });
-var Text = _styledComponents.default.text.withConfig({
+const Text = _styledComponents.default.text.withConfig({
   displayName: "progressRing__Text"
-})(["font-size:", ";text-anchor:middle;fill:black;"], function () {
+})(["font-size:", ";text-anchor:middle;fill:black;"], () => {
   if (initialSize >= 50 && initialSize < 100) {
     return '1rem';
   }
@@ -92,22 +92,21 @@ var Text = _styledComponents.default.text.withConfig({
   }
   return '0.5rem';
 });
-var BmProgressRing = function BmProgressRing(props) {
-  var _useState = (0, _react.useState)(0),
-    _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;
-  var initialMeasure = measurement(size);
+const BmProgressRing = props => {
+  const [offset, setOffset] = (0, _react.useState)(0);
+  const circleRef = (0, _react.useRef)(null);
+  const {
+    size,
+    progress,
+    variant
+  } = props;
+  const initialMeasure = measurement(size);
   circumference = initialMeasure.circumference;
   radius = initialMeasure.radius;
   center = initialMeasure.center;
   initialSize = initialMeasure.initialSize;
-  (0, _react.useEffect)(function () {
-    var progressOffset = (100 - progress) / 100 * circumference;
+  (0, _react.useEffect)(() => {
+    const progressOffset = (100 - progress) / 100 * circumference;
     setOffset(progressOffset);
     circleRef.current.style = 'transition: stroke-dashoffset 850ms ease-in-out';
   }, [setOffset, progress, offset]);
@@ -141,5 +140,4 @@ BmProgressRing.propTypes = {
   progress: _propTypes.default.number.isRequired,
   variant: _propTypes.default.string
 };
-var _default = BmProgressRing;
-exports.default = _default;
+var _default = exports.default = BmProgressRing;

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

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable import/no-anonymous-default-export */
-var _default = {
+var _default = exports.default = {
   component: _progressRing.default,
   title: 'components/ProgressRing',
   argTypes: {
@@ -37,19 +37,14 @@ 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;
+const MainProgressRing = args => /*#__PURE__*/_react.default.createElement(_progressRing.default, args);
+const BasicProgressRing = exports.BasicProgressRing = MainProgressRing.bind({});
 BasicProgressRing.args = {
   progress: 30,
   variant: 'success',
   size: 'xlarge'
 };
-var CustomProgressRing = MainProgressRing.bind({});
-exports.CustomProgressRing = CustomProgressRing;
+const CustomProgressRing = exports.CustomProgressRing = MainProgressRing.bind({});
 CustomProgressRing.args = {
   progress: 50,
   variant: 'primary',

package/dist/components/RouteLink/link.js

@@ -9,13 +9,8 @@ var _reactRouterDom = require("react-router-dom");
 var _polished = require("polished");
 var _colors = require("../colors");
 var _text = require("../text");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // TODO: To be fixed for hover states
-var BmRouteLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
+const BmRouteLink = exports.BmRouteLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
   displayName: "link__BmRouteLink"
-})(["", " color:", " !important;text-decoration:none;&:hover,&:focus,&:active{font-weight:600;&:before{font-weight:normal;}color:", " !important;}"], _text.p, function (props) {
-  return props.color ? props.color : "".concat(_colors.BmPrimaryBlue, " ");
-}, function (props) {
-  return (0, _polished.darken)(0.1, props.color ? props.color : "".concat(_colors.BmPrimaryBlue));
-});
-exports.BmRouteLink = BmRouteLink;
+})(["", " color:", " !important;text-decoration:none;&:hover,&:focus,&:active{font-weight:600;&:before{font-weight:normal;}color:", " !important;}"], _text.p, props => props.color ? props.color : "".concat(_colors.BmPrimaryBlue, " "), props => (0, _polished.darken)(0.1, props.color ? props.color : "".concat(_colors.BmPrimaryBlue)));

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

@@ -7,14 +7,13 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable import/no-anonymous-default-export */
-var _default = {
+var _default = exports.default = {
   component: _link.BmRouteLink,
   title: 'components/RouteLink'
 };
-exports.default = _default;
-var SampleLink = function SampleLink() {
+const 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!"))));

package/dist/components/ScrollBar/scrollBar.js

@@ -5,33 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ScrollbarWrapper = exports.Scrollbar = exports.Content = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ScrollbarWrapper = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ScrollbarWrapper = exports.ScrollbarWrapper = _styledComponents.default.div.withConfig({
   displayName: "scrollBar__ScrollbarWrapper"
-})(function () {
-  return {
-    '::-webkit-scrollbar-thumb': {
-      background: 'blue',
-      maxHeight: '10px',
-      display: 'block',
-      width: '10em',
-      overflow: 'auto',
-      height: '2em'
-    }
-  };
-});
-exports.ScrollbarWrapper = ScrollbarWrapper;
-var Scrollbar = _styledComponents.default.div.withConfig({
+})(() => ({
+  '::-webkit-scrollbar-thumb': {
+    background: 'blue',
+    maxHeight: '10px',
+    display: 'block',
+    width: '10em',
+    overflow: 'auto',
+    height: '2em'
+  }
+}));
+const Scrollbar = exports.Scrollbar = _styledComponents.default.div.withConfig({
   displayName: "scrollBar__Scrollbar"
 })(["::-webkit-scrollbar{width:0.714rem !important;}::-webkit-scrollbar-thumb{background-color:#e2e2e2;}"]);
-exports.Scrollbar = Scrollbar;
-var Content = _styledComponents.default.div.withConfig({
+const Content = exports.Content = _styledComponents.default.div.withConfig({
   displayName: "scrollBar__Content"
-})(function () {
-  return {
-    direction: 'ltr' // if you want to show the scroll bar on the left
-  };
-});
-exports.Content = Content;
-var _default = ScrollbarWrapper;
-exports.default = _default;
+})(() => ({
+  direction: 'ltr' // if you want to show the scroll bar on the left
+}));
+var _default = exports.default = ScrollbarWrapper;

package/dist/components/SelectionNotice/SelectionNotice.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const hexToRgba = function (hex) {
+  let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+  try {
+    const normalizedHex = hex === null || hex === void 0 ? void 0 : hex.replace('#', '');
+    if (!normalizedHex || normalizedHex.length !== 6 || !/^[0-9a-fA-F]{6}$/.test(normalizedHex)) {
+      throw new Error('Invalid hex');
+    }
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
+  } catch (e) {
+    return "rgba(0, 0, 0, ".concat(opacity, ")");
+  }
+};
+const Container = _styledComponents.default.div.withConfig({
+  displayName: "SelectionNotice__Container"
+})(["background-color:", ";border:0.0714rem solid ", ";padding:0.5rem;border-radius:0.5rem;text-align:center;animation:fadeIn 0.3s ease-in;@media (min-width:45.7143rem){padding:0.75rem;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"], _ref => {
+  let {
+    color
+  } = _ref;
+  return hexToRgba(color || '#33B1BA', 0.05);
+}, _ref2 => {
+  let {
+    color
+  } = _ref2;
+  return hexToRgba(color || '#33B1BA', 0.2);
+});
+const Text = _styledComponents.default.p.withConfig({
+  displayName: "SelectionNotice__Text"
+})(["font-size:0.875rem;strong{color:", ";font-weight:600;}"], _ref3 => {
+  let {
+    color
+  } = _ref3;
+  return color || '#33B1BA';
+});
+const BmSelectionNotice = _ref4 => {
+  let {
+    children,
+    color
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement(Container, {
+    color: color
+  }, /*#__PURE__*/_react.default.createElement(Text, {
+    color: color
+  }, children));
+};
+var _default = exports.default = BmSelectionNotice;

package/dist/components/SelectionNotice/SelectionNotice.stories.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = exports.CustomColor = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _SelectionNotice = _interopRequireDefault(require("./SelectionNotice"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Components/BmSelectionNotice',
+  component: _SelectionNotice.default,
+  argTypes: {
+    color: {
+      control: 'color',
+      defaultValue: '#33B1BA'
+    },
+    children: {
+      control: 'text',
+      defaultValue: 'Please select a valid <strong>Business Manager</strong> to continue.'
+    }
+  }
+};
+const Template = args => /*#__PURE__*/_react.default.createElement(_SelectionNotice.default, args);
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  color: '#33B1BA',
+  children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Please select a valid ", /*#__PURE__*/_react.default.createElement("strong", null, "Business Manager"), " to continue.")
+};
+const CustomColor = exports.CustomColor = Template.bind({});
+CustomColor.args = {
+  color: '#D97706',
+  // amber-600 for example
+  children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "You must select a ", /*#__PURE__*/_react.default.createElement("strong", null, "Business Manager"), " before proceeding.")
+};

package/dist/components/Stepper/stepper.js

@@ -6,15 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../colors");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BmStepper = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BmStepper = _styledComponents.default.div.withConfig({
   displayName: "stepper__BmStepper"
-})(["display:flex;justify-content:center;width:3rem;height:3rem;background-color:", ";color:", ";border-radius:50%;text-align:center;border:0.071rem solid ", ";align-items:center;cursor:pointer;"], function (props) {
-  return props.activeStep ? _colors.BmSecondaryGreen15 : _colors.BmGrey100;
-}, function (props) {
-  return props.activeStep ? _colors.BmPrimaryBlue : _colors.BmGrey600;
-}, function (props) {
-  return props.activeStep ? _colors.BmPrimaryBlue : _colors.BmPrimaryWhite;
-});
-var _default = BmStepper;
-exports.default = _default;
+})(["display:flex;justify-content:center;width:3rem;height:3rem;background-color:", ";color:", ";border-radius:50%;text-align:center;border:0.071rem solid ", ";align-items:center;cursor:pointer;"], props => props.activeStep ? _colors.BmSecondaryGreen15 : _colors.BmGrey100, props => props.activeStep ? _colors.BmPrimaryBlue : _colors.BmGrey600, props => props.activeStep ? _colors.BmPrimaryBlue : _colors.BmPrimaryWhite);
+var _default = exports.default = BmStepper;

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

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.BmContent = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../../colors");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BmContent = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BmContent = exports.BmContent = _styledComponents.default.div.withConfig({
   displayName: "Content__BmContent"
-})(["display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:", ";border:0.071rem solid ", ";border-radius:0.25rem;"], _colors.BmPrimaryWhite, _colors.BmGrey400);
-exports.BmContent = BmContent;
+})(["display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:", ";border:0.071rem solid ", ";border-radius:0.25rem;"], _colors.BmPrimaryWhite, _colors.BmGrey400);

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

@@ -6,20 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.BmFooterRight = exports.BmFooterLeft = exports.BmContentTitle = exports.BmContentFooter = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../../colors");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BmContentTitle = _styledComponents.default.h1.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BmContentTitle = exports.BmContentTitle = _styledComponents.default.h1.withConfig({
   displayName: "ContentTitlejs__BmContentTitle"
 })(["color:", ";margin:0.75rem 0rem;"], _colors.BmPrimaryBlack);
-exports.BmContentTitle = BmContentTitle;
-var BmContentFooter = _styledComponents.default.div.withConfig({
+const BmContentFooter = exports.BmContentFooter = _styledComponents.default.div.withConfig({
   displayName: "ContentTitlejs__BmContentFooter"
 })(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0rem;margin:1rem 0rem 0rem;width:100%;"]);
-exports.BmContentFooter = BmContentFooter;
-var BmFooterLeft = _styledComponents.default.div.withConfig({
+const BmFooterLeft = exports.BmFooterLeft = _styledComponents.default.div.withConfig({
   displayName: "ContentTitlejs__BmFooterLeft"
 })(["display:flex;flex-direction:flex-start;justify-content:space-between;align-items:center;padding:0rem;margin:0rem;div{margin:0rem 0.5rem;}"]);
-exports.BmFooterLeft = BmFooterLeft;
-var BmFooterRight = _styledComponents.default.div.withConfig({
+const BmFooterRight = exports.BmFooterRight = _styledComponents.default.div.withConfig({
   displayName: "ContentTitlejs__BmFooterRight"
-})(["display:flex;flex-direction:flex-end;justify-content:space-between;align-items:center;padding:0rem;margin-left:auto;div{margin:0rem 0.5rem;}"]);
-exports.BmFooterRight = BmFooterRight;
+})(["display:flex;flex-direction:flex-end;justify-content:space-between;align-items:center;padding:0rem;margin-left:auto;div{margin:0rem 0.5rem;}"]);

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

@@ -10,36 +10,29 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _checkbox = require("../../checkbox");
 var _colors = require("../../colors");
 var _iconStyles = require("../../iconStyles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable react/destructuring-assignment */
 
-var BmSegmentCard = _styledComponents.default.div.withConfig({
+const BmSegmentCard = exports.BmSegmentCard = _styledComponents.default.div.withConfig({
   displayName: "SegmentCard__BmSegmentCard"
 })(["display:flex;flex-direction:column;justify-content:space-between;padding:0.5rem 0rem;background:", ";border:0.071rem solid ", ";border-radius:0.25rem 0rem 0rem 0.25rem;margin:0rem;width:20%;"], _colors.BmPrimaryWhite, _colors.BmGrey400);
-exports.BmSegmentCard = BmSegmentCard;
-var BmSegmentSelector = _styledComponents.default.div.withConfig({
+const BmSegmentSelector = exports.BmSegmentSelector = _styledComponents.default.div.withConfig({
   displayName: "SegmentCard__BmSegmentSelector"
 })(["display:flex;flex-direction:column;align-items:flex-start;padding:1rem;background:", ";border:0.071rem solid ", ";border-left:none;border-radius:0rem 0.188rem 0.25rem 0rem;margin:0rem;width:80%;"], _colors.BmPrimaryWhite, _colors.BmGrey400);
-exports.BmSegmentSelector = BmSegmentSelector;
-var BmSegment = _styledComponents.default.div.withConfig({
+const BmSegment = exports.BmSegment = _styledComponents.default.div.withConfig({
   displayName: "SegmentCard__BmSegment"
 })(["display:flex;flex-direction:row;justify-content:space-between;background:", ";border-radius:0rem 0.188rem 0.25rem 0rem;margin:0rem;width:100%;h2{margin:1rem 0rem;display:flex;flex-direction:column;}"], _colors.BmPrimaryWhite);
-exports.BmSegment = BmSegment;
-var BmSegmentCheckBoxMargin = _styledComponents.default.div.withConfig({
+const BmSegmentCheckBoxMargin = exports.BmSegmentCheckBoxMargin = _styledComponents.default.div.withConfig({
   displayName: "SegmentCard__BmSegmentCheckBoxMargin"
 })(["margin:0.5rem 0rem;"]);
-exports.BmSegmentCheckBoxMargin = BmSegmentCheckBoxMargin;
-var BmSegmentCheckBox = function BmSegmentCheckBox(props) {
+const BmSegmentCheckBox = props => {
   return /*#__PURE__*/_react.default.createElement(BmSegmentCheckBoxMargin, null, /*#__PURE__*/_react.default.createElement(_checkbox.BmCheckbox, props));
 };
 exports.BmSegmentCheckBox = BmSegmentCheckBox;
-var BmSegmentCompleteContent = _styledComponents.default.div.withConfig({
+const BmSegmentCompleteContent = exports.BmSegmentCompleteContent = _styledComponents.default.div.withConfig({
   displayName: "SegmentCard__BmSegmentCompleteContent"
-})(["display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin:1rem 0rem;padding:0rem;p{margin-top:0.25rem;}h1{margin-top:0.5rem;}h4{margin-top:1.25rem;color:", ";}"], function (props) {
-  return props.color ? props.color : "".concat(_colors.BmPrimaryBlue);
-});
-exports.BmSegmentCompleteContent = BmSegmentCompleteContent;
-var BmSegmentCompleteIcon = function BmSegmentCompleteIcon(props) {
+})(["display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin:1rem 0rem;padding:0rem;p{margin-top:0.25rem;}h1{margin-top:0.5rem;}h4{margin-top:1.25rem;color:", ";}"], props => props.color ? props.color : "".concat(_colors.BmPrimaryBlue));
+const BmSegmentCompleteIcon = props => {
   return /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.CheckCircle, null),
     color: props.color ? props.color : "".concat(_colors.BmPrimaryBlue),
@@ -47,9 +40,6 @@ var BmSegmentCompleteIcon = function BmSegmentCompleteIcon(props) {
   });
 };
 exports.BmSegmentCompleteIcon = BmSegmentCompleteIcon;
-var BmSegmentCreateContent = _styledComponents.default.div.withConfig({
+const BmSegmentCreateContent = exports.BmSegmentCreateContent = _styledComponents.default.div.withConfig({
   displayName: "SegmentCard__BmSegmentCreateContent"
-})(["display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;p{margin-top:0.25rem;}h1{margin-top:0.5rem;}h4{margin-top:1.25rem;color:", ";}"], function (props) {
-  return props.color ? props.color : "".concat(_colors.BmPrimaryBlue);
-});
-exports.BmSegmentCreateContent = BmSegmentCreateContent;
+})(["display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;p{margin-top:0.25rem;}h1{margin-top:0.5rem;}h4{margin-top:1.25rem;color:", ";}"], props => props.color ? props.color : "".concat(_colors.BmPrimaryBlue));

package/dist/components/Tabs/tabs.js

@@ -9,41 +9,49 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _colors = require("../colors");
 var _iconStyles = require("../iconStyles");
-var _excluded = ["leadingIcon", "trailingIcon", "children", "size", "color", "icon", "disabled"];
-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; }
-var BmTabWrapper = _styledComponents.default.div.withConfig({
+const _excluded = ["leadingIcon", "trailingIcon", "children", "size", "color", "icon", "disabled"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const BmTabWrapper = _styledComponents.default.div.withConfig({
   displayName: "tabs__BmTabWrapper"
-})(["display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem;background:", ";box-shadow:", ";> *:not(:last-child){margin-right:0.5rem;}", " &:hover{box-shadow:", ";}"], _colors.BmPrimaryWhite, function (_ref) {
-  var state = _ref.state,
-    disabled = _ref.disabled,
-    stateColor = _ref.stateColor;
+})(["display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem;background:", ";box-shadow:", ";> *:not(:last-child){margin-right:0.5rem;}", " &:hover{box-shadow:", ";}"], _colors.BmPrimaryWhite, _ref => {
+  let {
+    state,
+    disabled,
+    stateColor
+  } = _ref;
   if (state === 'active' && !disabled) {
     return "inset 0px -3px 0px ".concat(stateColor || _colors.BmPrimaryBlue);
   }
   return 'none';
-}, function (_ref2) {
-  var color = _ref2.color,
-    children = _ref2.children,
-    disabled = _ref2.disabled;
+}, _ref2 => {
+  let {
+    color,
+    children,
+    disabled
+  } = _ref2;
   return children && disabled ? "\n    > * {\n     color: ".concat(_colors.BmGrey400, ";\n  }\n  ") : "\n    > * {\n     color: ".concat(color, ";\n  }\n  ");
-}, function (_ref3) {
-  var disabled = _ref3.disabled;
+}, _ref3 => {
+  let {
+    disabled
+  } = _ref3;
   if (!disabled) {
     return "inset 0px -3px 0px ".concat(_colors.BmGrey400);
   }
   return 'none';
 });
-var BmTab = function BmTab(_ref4) {
-  var leadingIcon = _ref4.leadingIcon,
-    trailingIcon = _ref4.trailingIcon,
-    children = _ref4.children,
-    size = _ref4.size,
-    color = _ref4.color,
-    icon = _ref4.icon,
-    disabled = _ref4.disabled,
+const BmTab = _ref4 => {
+  let {
+      leadingIcon,
+      trailingIcon,
+      children,
+      size,
+      color,
+      icon,
+      disabled
+    } = _ref4,
     rest = _objectWithoutProperties(_ref4, _excluded);
   return /*#__PURE__*/_react.default.createElement(BmTabWrapper, _extends({
     leadingIcon: leadingIcon,

package/dist/components/Tabs/tabs.stories.js

@@ -7,9 +7,9 @@ exports.default = exports.DisabledTab = exports.ColoredTab = exports.BasicTab =
 var _icons = require("@material-ui/icons");
 var _react = _interopRequireDefault(require("react"));
 var _tabs = require("./tabs");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable import/no-anonymous-default-export */
-var _default = {
+var _default = exports.default = {
   component: _tabs.BmTab,
   title: 'components/Tabs',
   argTypes: {
@@ -50,12 +50,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var MainTab = function MainTab(args) {
-  return /*#__PURE__*/_react.default.createElement(_tabs.BmTab, args);
-};
-var BasicTab = MainTab.bind({});
-exports.BasicTab = BasicTab;
+const MainTab = args => /*#__PURE__*/_react.default.createElement(_tabs.BmTab, args);
+const BasicTab = exports.BasicTab = MainTab.bind({});
 BasicTab.args = {
   children: /*#__PURE__*/_react.default.createElement("h3", null, "Tabs"),
   leadingIcon: /*#__PURE__*/_react.default.createElement(_icons.Favorite, null),
@@ -63,16 +59,14 @@ BasicTab.args = {
   disabled: false,
   state: 'active'
 };
-var DisabledTab = MainTab.bind({});
-exports.DisabledTab = DisabledTab;
+const DisabledTab = exports.DisabledTab = MainTab.bind({});
 DisabledTab.args = {
   children: /*#__PURE__*/_react.default.createElement("h3", null, "Disabled Tabs"),
   leadingIcon: /*#__PURE__*/_react.default.createElement(_icons.Favorite, null),
   trailingIcon: /*#__PURE__*/_react.default.createElement(_icons.KeyboardArrowDown, null),
   disabled: true
 };
-var ColoredTab = MainTab.bind({});
-exports.ColoredTab = ColoredTab;
+const ColoredTab = exports.ColoredTab = MainTab.bind({});
 ColoredTab.args = {
   children: /*#__PURE__*/_react.default.createElement("h3", null, "Tabs"),
   leadingIcon: /*#__PURE__*/_react.default.createElement(_icons.Favorite, null),