beem-component 1.8.2 → 1.8.3

package/dist/components/Chats/chatwrapper.js

@@ -6,25 +6,35 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageOut = exports.MessageIn = exports.MainWrapper = exports.Main = exports.BmChatMenu = exports.BmChat = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../colors");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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) } })); }
 // Main wrapper
-var Main = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-item: center;\n  ", "\n  max-height: calc(100vh - 12.857rem);\n  height: calc(100vh - 12.857rem);\n  max-width: 100%;\n  width: 100%;\n"])), '' /* justify-content: space-between; */);
+var Main = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__Main"
+})(["display:flex;flex-direction:row;align-item:center;", " max-height:calc(100vh - 12.857rem);height:calc(100vh - 12.857rem);max-width:100%;width:100%;"], '' /* justify-content: space-between; */);
 
 // Main Chat Wrapper
 exports.Main = Main;
-var BmChat = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  ", "\n  border-top: 0.0625rem solid ", ";\n  border-bottom: 0.0625rem solid ", ";\n  max-width: 70%;\n  width: 70%;\n  max-height: 100%;\n  height: 100%;\n"])), _colors.BmBgGreyBlue, '' /* flex-grow: 1; */, _colors.BmGrey400, _colors.BmGrey400);
+var BmChat = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__BmChat"
+})(["background:", ";display:flex;flex-direction:column;", " border-top:0.0625rem solid ", ";border-bottom:0.0625rem solid ", ";max-width:70%;width:70%;max-height:100%;height:100%;"], _colors.BmBgGreyBlue, '' /* flex-grow: 1; */, _colors.BmGrey400, _colors.BmGrey400);
 exports.BmChat = BmChat;
-var BmChatMenu = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 1.5rem !important;\n  flex-grow: 1;\n  height: 100%;\n  max-height: 100%;\n  overflow: auto;\n  flex-direction: column-reverse;\n  ", "\n"])), '' /* border: 0.714rem solid yellow; */);
+var BmChatMenu = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__BmChatMenu"
+})(["display:flex;padding:1.5rem !important;flex-grow:1;height:100%;max-height:100%;overflow:auto;flex-direction:column-reverse;", ""], '' /* border: 0.714rem solid yellow; */);
 
 // Incoming message
 exports.BmChatMenu = BmChatMenu;
-var MessageIn = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  padding: 0.5rem 0rem !important;\n"])));
+var MessageIn = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__MessageIn"
+})(["display:flex;align-items:flex-start;flex-direction:column;padding:0.5rem 0rem !important;"]);
 
 // Outgoing message
 exports.MessageIn = MessageIn;
-var MessageOut = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  padding: 0.5rem 0rem !important;\n"])));
+var MessageOut = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__MessageOut"
+})(["display:flex;align-items:flex-end;flex-direction:column;padding:0.5rem 0rem !important;"]);
 exports.MessageOut = MessageOut;
-var MainWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 2.1875rem;\n  background-color: ", ";\n"])), _colors.BmBgGreyBlue);
+var MainWrapper = _styledComponents.default.div.withConfig({
+  displayName: "chatwrapper__MainWrapper"
+})(["padding:2.1875rem;background-color:", ";"], _colors.BmBgGreyBlue);
 exports.MainWrapper = MainWrapper;

package/dist/components/Checkbox/checkboxToggler.js

@@ -8,15 +8,21 @@ var _react = _interopRequireDefault(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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var CheckBoxWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  > *:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n"])));
-var CheckBoxLabel = _styledComponents.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  position: relative;\n  width: 3rem;\n  height: 1.25rem;\n  border-radius: 1.25rem;\n  background: ", ";\n  cursor: pointer;\n  &::after {\n    content: '';\n    display: block;\n    border-radius: 100%;\n    width: 1.75rem;\n    height: 1.75rem;\n    background: ", ";\n    transition: 0.2s;\n  }\n"])), function (props) {
+var CheckBoxWrapper = _styledComponents.default.div.withConfig({
+  displayName: "checkboxToggler__CheckBoxWrapper"
+})(["position:relative;align-items:center;display:flex;flex-direction:row;> *:not(:last-child){margin-right:0.5rem;}"]);
+var CheckBoxLabel = _styledComponents.default.label.withConfig({
+  displayName: "checkboxToggler__CheckBoxLabel"
+})(["align-items:center;display:flex;position:relative;width:3rem;height:1.25rem;border-radius:1.25rem;background:", ";cursor:pointer;&::after{content:'';display:block;border-radius:100%;width:1.75rem;height:1.75rem;background:", ";transition:0.2s;}"], function (props) {
   return props.disabled ? _colors.BmGrey400 : _colors.BmBgGrey38;
 }, _colors.BmGrey200);
-var Label = _styledComponents.default.label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  position: relative;\n"])));
-var CheckBox = _styledComponents.default.input(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  opacity: 0;\n  z-index: 1;\n    ", "\n  }\n"])), function (_ref) {
+var Label = _styledComponents.default.label.withConfig({
+  displayName: "checkboxToggler__Label"
+})(["align-items:center;display:flex;position:relative;"]);
+var CheckBox = _styledComponents.default.input.withConfig({
+  displayName: "checkboxToggler__CheckBox"
+})(["opacity:0;z-index:1;", "}"], function (_ref) {
   var checked = _ref.checked,
     disabled = _ref.disabled;
   return !disabled && checked !== undefined && checked === true && "\n      &:checked + ".concat(CheckBoxLabel, " {\n        background: ").concat(_colors.BmSecondaryDarkGreen, ";\n        &::after {\n          content: '';\n          display: block;\n          width: 1.75rem;\n          height: 1.75rem;\n          margin-left: 1.25rem;\n          transition: 0.2s;\n        }  ");

package/dist/components/Checkbox/checkboxToggler.stories.js

@@ -12,8 +12,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 _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 _default = {
   component: _checkboxToggler.BmCheckboxToggle,

package/dist/components/InputDatePicker.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ScheduleDateInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var InputDatePicker = function InputDatePicker(_ref) {
+  var value = _ref.value,
+    placeholder = _ref.placeholder,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
+    type: "text",
+    className: "form-control",
+    placeholder: placeholder,
+    value: value,
+    onFocus: onClick
+  }), /*#__PURE__*/_react.default.createElement("i", {
+    className: "icon-schedule-date form-control-icon"
+  }));
+};
+InputDatePicker.propTypes = {
+  value: _propTypes.default.string,
+  placeholder: _propTypes.default.string,
+  onClick: _propTypes.default.func.isRequired
+};
+InputDatePicker.defaultProps = {
+  value: undefined,
+  placeholder: undefined
+};
+var ScheduleDateInput = function ScheduleDateInput(_ref2) {
+  var onClick = _ref2.onClick,
+    value = _ref2.value,
+    placeholder = _ref2.placeholder;
+  return /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    "aria-label": "button",
+    className: "btn btn-warning my-1 mr-2",
+    onClick: onClick
+  }, value || placeholder, " ", /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-calendar-alt"
+  }));
+};
+exports.ScheduleDateInput = ScheduleDateInput;
+ScheduleDateInput.propTypes = {
+  value: _propTypes.default.string.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  placeholder: _propTypes.default.string.isRequired
+};
+var _default = InputDatePicker;
+exports.default = _default;

package/dist/components/Jumbotron/Jumbotron.js

@@ -6,16 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../colors");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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 Title = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  padding: 1rem 0.5rem;\n  background: ", ";\n"])), function (props) {
+/* eslint-disable import/prefer-default-export */
+/* eslint-disable react/jsx-props-no-spreading */
+
+var Title = _styledComponents.default.div.withConfig({
+  displayName: "Jumbotron__Title"
+})(["display:flex;justify-content:space-between;padding:1rem 0.5rem;background:", ";"], function (props) {
   return props.bgColor ? props.bgColor : _colors.BmPrimaryBlue;
 });
-var Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 0.5rem;\n  > * {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    overflow-wrap: break-word !important;\n    word-wrap: break-word !important;\n    flex-grow: grow;\n    > *:not(:last-child) {\n      margin-bottom: 0.5rem;\n    }\n  }\n  @media all and (max-width: 960px) {\n    flex-direction: column;\n  }\n"])));
-var BmJumbotron = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  border: 0.071rem solid ", ";\n  border-radius: 0.25rem;\n"])), _colors.BmGrey200);
-var text = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
-var image = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 20%;\n  @media all and (max-width: 960px) {\n    width: 100%;\n  }\n"])));
+var Body = _styledComponents.default.div.withConfig({
+  displayName: "Jumbotron__Body"
+})(["display:flex;padding:0.5rem;> *{display:flex;flex-direction:column;flex-wrap:wrap;overflow-wrap:break-word !important;word-wrap:break-word !important;flex-grow:grow;> *:not(:last-child){margin-bottom:0.5rem;}}@media all and (max-width:960px){flex-direction:column;}"]);
+var BmJumbotron = _styledComponents.default.div.withConfig({
+  displayName: "Jumbotron__BmJumbotron"
+})(["display:flex;flex-direction:column;border:0.071rem solid ", ";border-radius:0.25rem;"], _colors.BmGrey200);
+var text = _styledComponents.default.div.withConfig({
+  displayName: "Jumbotron__text"
+})(["width:100%;"]);
+var image = _styledComponents.default.div.withConfig({
+  displayName: "Jumbotron__image"
+})(["width:20%;@media all and (max-width:960px){width:100%;}"]);
 BmJumbotron.Title = Title;
 BmJumbotron.Body = Body;
 BmJumbotron.Body.Text = text;

package/dist/components/Lists/listBox.js

@@ -10,14 +10,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _colors = require("../colors");
 var _excluded = ["children", "showList", "setShowList"];
-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 _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 show = function show(isOpen) {
   if (isOpen !== undefined) {
     if (isOpen === true) {
@@ -29,7 +27,9 @@ var show = function show(isOpen) {
   }
   return 'flex';
 };
-var BmListBoxWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n  flex-direction: column;\n  padding: 0.25rem 0rem;\n  background: ", ";\n  border: 0.071rem solid ", ";\n  box-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);\n  border-radius: 0.25rem;\n  z-index: 10000;\n  cursor: pointer;\n"])), function (props) {
+var BmListBoxWrapper = _styledComponents.default.div.withConfig({
+  displayName: "listBox__BmListBoxWrapper"
+})(["", ";flex-direction:column;padding:0.25rem 0rem;background:", ";border:0.071rem solid ", ";box-shadow:0rem 0.25rem 0.25rem rgba(0,0,0,0.25);border-radius:0.25rem;z-index:10000;cursor:pointer;"], function (props) {
   return show(props.isOpen);
 }, _colors.BmPrimaryWhite, _colors.BmGrey400);
 var BmListBox = function BmListBox(_ref) {

package/dist/components/Lists/listBox.stories.js

@@ -15,8 +15,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 _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 _default = {
   component: _listBox.BmListBox,

package/dist/components/Lists/listheader.js

@@ -10,13 +10,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _colors = require("../colors");
 var _iconStyles = require("../iconStyles");
 var _excluded = ["children", "trailingIcon", "size", "color"];
-var _templateObject;
 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 Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0rem 1rem 1rem 1rem;\n  border-bottom: 0.125rem solid\n    ", ";\n"])), function (_ref) {
+var Container = _styledComponents.default.div.withConfig({
+  displayName: "listheader__Container"
+})(["display:flex;flex-direction:row;justify-content:space-between;padding:0rem 1rem 1rem 1rem;border-bottom:0.125rem solid ", ";"], function (_ref) {
   var color = _ref.color;
   return color || "".concat(_colors.BmPrimaryBlue);
 });

package/dist/components/Lists/rowLabels.js

@@ -10,19 +10,25 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _colors = require("../colors");
 var _iconStyles = require("../iconStyles");
 var _excluded = ["children", "trailingIcon", "leadingIcon", "label", "color", "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 Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0.5rem 1rem;\n  justify-content: space-between;\n  background: ", ";\n  margin: 0rem;\n  &:hover {\n    background: ", ";\n  }\n"])), _colors.BmPrimaryWhite, _colors.BmGrey100);
+var Container = _styledComponents.default.div.withConfig({
+  displayName: "rowLabels__Container"
+})(["display:flex;flex-direction:row;align-items:center;padding:0.5rem 1rem;justify-content:space-between;background:", ";margin:0rem;&:hover{background:", ";}"], _colors.BmPrimaryWhite, _colors.BmGrey100);
 exports.Container = Container;
-var LeftContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: flex-start;\n  align-items: center;\n  > * {\n    margin-right: 0.5rem;\n  }\n"])));
+var LeftContainer = _styledComponents.default.div.withConfig({
+  displayName: "rowLabels__LeftContainer"
+})(["display:flex;flex-direction:flex-start;align-items:center;> *{margin-right:0.5rem;}"]);
 exports.LeftContainer = LeftContainer;
-var RightContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: auto;\n  display: flex;\n  flex-direction: flex-end;\n  align-items: center;\n"])));
+var RightContainer = _styledComponents.default.div.withConfig({
+  displayName: "rowLabels__RightContainer"
+})(["margin-left:auto;display:flex;flex-direction:flex-end;align-items:center;"]);
 exports.RightContainer = RightContainer;
-var Label = _styledComponents.default.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  ", "\n"])), _colors.BmPrimaryBlack, function (_ref) {
+var Label = _styledComponents.default.p.withConfig({
+  displayName: "rowLabels__Label"
+})(["color:", ";", ""], _colors.BmPrimaryBlack, function (_ref) {
   var trailingIcon = _ref.trailingIcon;
   return trailingIcon && "\n    margin-right: 0.5rem;\n  ";
 });

package/dist/components/Lists/rowLabels.stories.js

@@ -9,9 +9,12 @@ var _icons = require("@material-ui/icons");
 var _rowLabels = require("./rowLabels");
 require("../../../main.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _default = {
   component: _rowLabels.BmRowLabel,
   title: 'components/Lists/RowLabels',

package/dist/components/Loader/loader.js

@@ -10,10 +10,8 @@ var _CircularProgress = _interopRequireDefault(require("@material-ui/core/Circul
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("@material-ui/core/styles");
 var _colors = require("../colors");
-var _templateObject;
 var _excluded = ["size"];
 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) } })); }
 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; }
@@ -43,7 +41,9 @@ var BmLoader = (0, _styles.withStyles)(style)(function (_ref2) {
   }, rest));
 });
 exports.BmLoader = BmLoader;
-var Loader = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var Loader = _styledComponents.default.div.withConfig({
+  displayName: "loader__Loader"
+})(["display:flex;align-items:center;justify-content:center;"]);
 exports.Loader = Loader;
 BmLoader.propTypes = {
   size: _propTypes.default.string,

package/dist/components/MainWrapper/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.MainWrapper = 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 MainWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 2.1875rem;\n  background-color: ", ";\n"])), _colors.BmBgGreyBlue);
+var MainWrapper = _styledComponents.default.div.withConfig({
+  displayName: "MainWrapper"
+})(["padding:2.1875rem;background-color:", ";"], _colors.BmBgGreyBlue);
 exports.MainWrapper = MainWrapper;

package/dist/components/MessageCounter/messageCounter.js

@@ -8,10 +8,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 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) } })); }
-var BmCounter = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: ", ";\n  width: ", ";\n  height: ", ";\n  ", "\n  border-radius: 50%;\n  text-align: center;\n  background: ", ";\n"])), _colors.BmPrimaryWhite, function (_ref) {
+var BmCounter = _styledComponents.default.div.withConfig({
+  displayName: "messageCounter__BmCounter"
+})(["display:flex;align-items:center;justify-content:center;text-align:center;color:", ";width:", ";height:", ";", " border-radius:50%;text-align:center;background:", ";"], _colors.BmPrimaryWhite, function (_ref) {
   var size = _ref.size;
   if (size === 'small') return '1.429rem';
   if (size === 'medium') return '1.714rem';

package/dist/components/Modals/modal.js

@@ -13,7 +13,6 @@ var _colors = require("../colors");
 var _iconStyles = require("../iconStyles");
 var _excluded = ["children", "show", "size", "onHide", "centered"],
   _excluded2 = ["children", "size", "onHide", "closeButton", "show"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 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; }
@@ -21,20 +20,25 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 _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; }
 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 _React$createContext = /*#__PURE__*/_react.default.createContext(),
   Provider = _React$createContext.Provider,
   Consumer = _React$createContext.Consumer;
-var Overlay = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n \tposition: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n  width: 100vw;\n  height: 100vh;\n  background-color: ", ";\n}\n"])), _colors.BmBgGrey45);
+var Overlay = _styledComponents.default.div.withConfig({
+  displayName: "modal__Overlay"
+})(["position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:", ";}"], _colors.BmBgGrey45);
 exports.Overlay = Overlay;
-var ModalContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.25rem;\n  padding: 1rem;\n  margin: 2rem auto;\n  background: ", ";\n  width: auto;\n  max-width: 100%;\n\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  @media (min-width: 576px) {\n    max-width: 500px;\n    width: 500px;\n  }\n"])), _colors.BmPrimaryWhite);
+var ModalContent = _styledComponents.default.div.withConfig({
+  displayName: "modal__ModalContent"
+})(["display:flex;flex-direction:column;border-radius:0.25rem;padding:1rem;margin:2rem auto;background:", ";width:auto;max-width:100%;> *:not(:last-child){margin-bottom:0.5rem;}@media (min-width:576px){max-width:500px;width:500px;}"], _colors.BmPrimaryWhite);
 exports.ModalContent = ModalContent;
-var ModalWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  outline: 0;\n  margin: auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n"])));
+var ModalWrapper = _styledComponents.default.div.withConfig({
+  displayName: "modal__ModalWrapper"
+})(["position:fixed;top:0;left:0;z-index:9999;display:block;width:100%;height:100%;overflow:hidden;outline:0;margin:auto;overflow-x:hidden;overflow-y:auto;"]);
 exports.ModalWrapper = ModalWrapper;
 var BmModal = function BmModal(_ref) {
   var children = _ref.children,
@@ -77,7 +81,9 @@ var BmModal = function BmModal(_ref) {
     size: size
   }, rest), children)))));
 };
-var ModalHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n"])));
+var ModalHeader = _styledComponents.default.div.withConfig({
+  displayName: "modal__ModalHeader"
+})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;"]);
 BmModal.Header = function (_ref2) {
   var children = _ref2.children,
     size = _ref2.size,
@@ -95,20 +101,26 @@ BmModal.Header = function (_ref2) {
     }, rest)) : /*#__PURE__*/_react.default.createElement("p", null, "\xA0")));
   });
 };
-BmModal.SubHeader = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])));
-BmModal.Body = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > *:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  ", "\n"])), '' /* max-height: ${({ size }) => {
-                                                                                                                                                                                                                                                                            if (size) {
-                                                                                                                                                                                                                                                                            if (size === "small") return "21.429rem";
-                                                                                                                                                                                                                                                                            if (size === "default") return "35.714rem";
-                                                                                                                                                                                                                                                                            if (size === "large") return "57.143rem";
-                                                                                                                                                                                                                                                                            if (size === "xlarge") return "81.429rem";
-                                                                                                                                                                                                                                                                            return size;
-                                                                                                                                                                                                                                                                            }
-                                                                                                                                                                                                                                                                            return "35.714rem";
-                                                                                                                                                                                                                                                                            }};
-                                                                                                                                                                                                                                                                            overflow: auto; */);
+BmModal.SubHeader = _styledComponents.default.div.withConfig({
+  displayName: "modal__SubHeader"
+})(["display:flex;flex-direction:row;justify-content:center;align-items:center;"]);
+BmModal.Body = _styledComponents.default.div.withConfig({
+  displayName: "modal__Body"
+})(["display:flex;flex-direction:column;justify-content:space-between;> *:not(:last-child){margin-bottom:0.5rem;}", ""], '' /* max-height: ${({ size }) => {
+                                                                                                                            if (size) {
+                                                                                                                            if (size === "small") return "21.429rem";
+                                                                                                                            if (size === "default") return "35.714rem";
+                                                                                                                            if (size === "large") return "57.143rem";
+                                                                                                                            if (size === "xlarge") return "81.429rem";
+                                                                                                                            return size;
+                                                                                                                            }
+                                                                                                                            return "35.714rem";
+                                                                                                                            }};
+                                                                                                                            overflow: auto; */);
 
-BmModal.Footer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"])));
+BmModal.Footer = _styledComponents.default.div.withConfig({
+  displayName: "modal__Footer"
+})(["display:flex;justify-content:space-between;"]);
 BmModal.propTypes = {
   size: _propTypes.default.string,
   centered: _propTypes.default.bool,

package/dist/components/Modals/modals.stories.js

@@ -14,8 +14,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 _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 _default = {
   component: _modal.default,

package/dist/components/NoteBar/noteBar.js

@@ -12,7 +12,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../colors");
 var _iconStyles = require("../iconStyles");
 var _excluded = ["type", "children", "color", "size", "closeButton"];
-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; }
@@ -20,13 +19,14 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 _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; }
 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 NoteBarWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: row;\n  align-items: center;\n  padding: 0.5rem 1rem;\n  border: 0.071rem solid ", ";\n  border-radius: 0.25rem;\n  > *:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n"])), function (_ref) {
+var NoteBarWrapper = _styledComponents.default.div.withConfig({
+  displayName: "noteBar__NoteBarWrapper"
+})(["display:", ";flex-direction:row;align-items:center;padding:0.5rem 1rem;border:0.071rem solid ", ";border-radius:0.25rem;> *:not(:last-child){margin-right:0.5rem;}"], function (_ref) {
   var closeButton = _ref.closeButton,
     isOpen = _ref.isOpen;
   if (!closeButton) {

package/dist/components/PaymentBox/paymentBox.js

@@ -9,23 +9,29 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _colors = require("../colors");
 var _excluded = ["children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 BmPaymentBoxWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 240px;\n  min-height: 280px;\n  border: 0.071rem solid ", ";\n  border-radius: 0.5rem;\n  > * {\n    margin-bottom: 1rem;\n  }\n  &:hover {\n    box-shadow: 0 0 60px rgba(0, 0, 0, 0.08);\n  }\n"])), _colors.BmGrey200);
+var BmPaymentBoxWrapper = _styledComponents.default.div.withConfig({
+  displayName: "paymentBox__BmPaymentBoxWrapper"
+})(["display:inline-flex;flex-direction:column;min-width:240px;min-height:280px;border:0.071rem solid ", ";border-radius:0.5rem;> *{margin-bottom:1rem;}&:hover{box-shadow:0 0 60px rgba(0,0,0,0.08);}"], _colors.BmGrey200);
 var BmPaymentBox = function BmPaymentBox(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(BmPaymentBoxWrapper, rest, children);
 };
-BmPaymentBox.Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 0.5rem 0rem;\n  border-radius: 0.5rem 0.5rem 0rem 0rem;\n  background: ", "} \n"])), function (_ref2) {
+BmPaymentBox.Header = _styledComponents.default.div.withConfig({
+  displayName: "paymentBox__Header"
+})(["display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0.5rem 0rem;border-radius:0.5rem 0.5rem 0rem 0rem;background:", "}"], function (_ref2) {
   var headerColor = _ref2.headerColor;
   return headerColor || _colors.BmPrimaryBlue;
 });
-BmPaymentBox.Body = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n"])));
-BmPaymentBox.Footer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  margin-top: auto;\n"])));
+BmPaymentBox.Body = _styledComponents.default.div.withConfig({
+  displayName: "paymentBox__Body"
+})(["display:flex;flex-direction:column;flex:1;"]);
+BmPaymentBox.Footer = _styledComponents.default.div.withConfig({
+  displayName: "paymentBox__Footer"
+})(["display:flex;flex-direction:row;justify-content:center;margin-top:auto;"]);
 BmPaymentBox.propTypes = {
   children: _propTypes.default.node.isRequired
 };

package/dist/components/PerformanceIndicator/performanceIndicator.js

@@ -12,13 +12,13 @@ var _ArrowCircleDown = _interopRequireDefault(require("@mui/icons-material/Arrow
 var _colors = require("../colors");
 var _iconStyles = require("../iconStyles");
 var _excluded = ["type", "children", "size", "color"];
-var _templateObject;
 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 BmPIWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  > *:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n  h2 {\n    color: ", ";\n  }\n"])), function (_ref) {
+var BmPIWrapper = _styledComponents.default.div.withConfig({
+  displayName: "performanceIndicator__BmPIWrapper"
+})(["display:flex;flex-direction:row;align-items:center;> *:not(:last-child){margin-right:0.5rem;}h2{color:", ";}"], function (_ref) {
   var color = _ref.color;
   if (color) return color;
   return "".concat(_colors.BmGrey400);