beem-component 1.0.0 → 1.0.4

package/dist/components/NoteBar.js/noteBar.stories.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NoteBar = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _noteBar = require("./noteBar");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable import/no-anonymous-default-export */
+var _default = {
+  component: _noteBar.BmNoteBar,
+  title: "components/NoteBar",
+  argTypes: {
+    size: {
+      options: ["small", "medium", "large"],
+      control: {
+        type: "select"
+      },
+      description: "Size of the icons",
+      defaultValue: {
+        summary: "large"
+      }
+    },
+    children: {
+      description: "Note Description ",
+      defaultValue: {
+        summary: undefined
+      }
+    },
+    type: {
+      options: ["info", "warning", "error"],
+      control: {
+        type: "select"
+      },
+      description: "Type of note",
+      defaultValue: {
+        summary: undefined
+      }
+    },
+    color: {
+      description: "Color of the icon ",
+      defaultValue: {
+        summary: undefined
+      }
+    }
+  }
+};
+exports.default = _default;
+
+var MainNoteBar = function MainNoteBar(args) {
+  return /*#__PURE__*/_react.default.createElement(_noteBar.BmNoteBar, args);
+};
+
+var NoteBar = MainNoteBar.bind({});
+exports.NoteBar = NoteBar;
+NoteBar.args = {
+  type: "warning",
+  size: "large",
+  children: /*#__PURE__*/_react.default.createElement("p", null, "NoteBar"),
+  color: undefined
+};

package/dist/components/PerformanceIndicator/performaceIndicator.stories.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PerformanceIndicator = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _performanceIndicator = require("./performanceIndicator");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable import/no-anonymous-default-export */
+var _default = {
+  component: _performanceIndicator.BmPerformanceIndicator,
+  title: "components/PerformanceIndicator",
+  argTypes: {
+    size: {
+      options: ["small", "medium", "large", "xlarge"],
+      control: {
+        type: "select"
+      },
+      description: "Size of the Indicator (Can also be predefined e.g. 10px)",
+      defaultValue: {
+        summary: "xlarge"
+      }
+    },
+    type: {
+      options: ["upwards", "downwards"],
+      control: {
+        type: "select"
+      },
+      description: "Type of Indicator",
+      defaultValue: {
+        summary: undefined
+      }
+    },
+    children: {
+      description: "Performance Indicator Value (h2)",
+      defaultValue: {
+        summary: undefined
+      }
+    },
+    color: {
+      description: "Color of Performance Indicator",
+      defaultValue: {
+        summary: undefined
+      }
+    }
+  }
+};
+exports.default = _default;
+
+var MainPI = function MainPI(args) {
+  return /*#__PURE__*/_react.default.createElement(_performanceIndicator.BmPerformanceIndicator, args);
+};
+
+var PerformanceIndicator = MainPI.bind({});
+exports.PerformanceIndicator = PerformanceIndicator;
+PerformanceIndicator.args = {
+  type: "upwards",
+  size: "xlarge",
+  children: "100%",
+  color: undefined
+};

package/dist/components/PerformanceIndicator/performanceIndicator.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BmPerformanceIndicator = exports.BmPIWrapper = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _colors = require("../colors");
+
+var _iconStyles = require("../iconStyles");
+
+var _ArrowCircleUp = _interopRequireDefault(require("@mui/icons-material/ArrowCircleUp"));
+
+var _ArrowCircleDown = _interopRequireDefault(require("@mui/icons-material/ArrowCircleDown"));
+
+var _excluded = ["type", "children", "size", "color"];
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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 color = _ref.color;
+  if (color) return color;
+  return "".concat(_colors.BmGrey400);
+});
+
+exports.BmPIWrapper = BmPIWrapper;
+
+var BmPerformanceIndicator = function BmPerformanceIndicator(_ref2) {
+  var type = _ref2.type,
+      children = _ref2.children,
+      size = _ref2.size,
+      color = _ref2.color,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  return /*#__PURE__*/React.createElement(BmPIWrapper, _extends({
+    color: color
+  }, rest), type === "upwards" && /*#__PURE__*/React.createElement(_iconStyles.BmIcons, {
+    icon: /*#__PURE__*/React.createElement(_ArrowCircleUp.default, null),
+    size: size || "xlarge",
+    color: color || "".concat(_colors.BmGrey400)
+  }), type === "downwards" && /*#__PURE__*/React.createElement(_iconStyles.BmIcons, {
+    icon: /*#__PURE__*/React.createElement(_ArrowCircleDown.default, null),
+    size: size || "xlarge",
+    color: color || "".concat(_colors.BmGrey400)
+  }), /*#__PURE__*/React.createElement("h2", null, children));
+};
+
+exports.BmPerformanceIndicator = BmPerformanceIndicator;
+BmPerformanceIndicator.propTypes = {
+  children: _propTypes.default.string,
+  color: _propTypes.default.string,
+  size: _propTypes.default.string,
+  type: _propTypes.default.string
+};

package/dist/components/Pills/pills.js

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

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CustomPill = exports.BasicPill = void 0;
+
+var _icons = require("@material-ui/icons");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _colors = require("../colors");
+
+var _pills = require("./pills");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable import/no-anonymous-default-export */
+var _default = {
+  component: _pills.BmPill,
+  title: "components/Pills",
+  argTypes: {
+    icon: {
+      description: "Material-UI icon(optional)",
+      defaultValue: {
+        summary: undefined
+      }
+    },
+    avatarIcon: {
+      description: "Material-UI icon(optional)",
+      defaultValue: {
+        summary: undefined
+      }
+    },
+    size: {
+      options: ["xsmall", "small", "medium", "large", "xlarge"],
+      control: {
+        type: "select"
+      },
+      description: "Size of the Icon (Can also be predefined e.g. 10px)",
+      defaultValue: {
+        summary: "xsmall"
+      }
+    },
+    avatarSize: {
+      options: ["xsmall", "small", "medium", "large", "xlarge"],
+      control: {
+        type: "select"
+      },
+      description: "Size of the AvatarIcon (Can also be predefined e.g. 10px)",
+      defaultValue: {
+        summary: "xsmall"
+      }
+    },
+    label: {
+      description: "Pill label in uppercase",
+      defaultValue: {
+        summary: "undefined"
+      }
+    },
+    color: {
+      description: "Color of Pill ",
+      defaultValue: {
+        summary: "black"
+      }
+    },
+    onDelete: {
+      description: "Handles Deleting Pill",
+      defaultValue: {
+        summary: undefined
+      }
+    },
+    deleteIcon: {
+      description: "Material-UI icon (Used only when OnDelete is present)",
+      defaultValue: {
+        summary: undefined
+      }
+    }
+  }
+};
+exports.default = _default;
+
+var MainPill = function MainPill(args) {
+  return /*#__PURE__*/_react.default.createElement(_pills.BmPill, args);
+};
+
+var BasicPill = MainPill.bind({});
+exports.BasicPill = BasicPill;
+BasicPill.args = {
+  icon: /*#__PURE__*/_react.default.createElement(_icons.Favorite, null),
+  label: "label",
+  color: undefined,
+  onDelete: undefined,
+  deleteIcon: undefined,
+  avatarIcon: undefined,
+  avatarSize: undefined,
+  size: undefined
+};
+var CustomPill = MainPill.bind({});
+exports.CustomPill = CustomPill;
+CustomPill.args = {
+  icon: undefined,
+  label: "label",
+  color: undefined,
+  onDelete: true,
+  deleteIcon: /*#__PURE__*/_react.default.createElement(_icons.Delete, null),
+  avatarIcon: /*#__PURE__*/_react.default.createElement(_icons.Person, null),
+  avatarSize: undefined,
+  size: undefined
+};

package/dist/components/{progressbar.js → ProgressBar/progressbar.js}

@@ -9,7 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _colors = require("./colors");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _colors = require("../colors");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
@@ -38,4 +40,8 @@ var BmProgressBar = function BmProgressBar(props) {
   }));
 };
 
-exports.BmProgressBar = BmProgressBar;
+exports.BmProgressBar = BmProgressBar;
+BmProgressBar.propTypes = {
+  value: _propTypes.default.string.isRequired,
+  color: _propTypes.default.string
+};

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProgressBar = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _progressbar = require("./progressbar");
+
+var _icons = require("@material-ui/icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable import/no-anonymous-default-export */
+var _default = {
+  component: _progressbar.BmProgressBar,
+  title: "components/ProgressBar",
+  argTypes: {
+    value: {
+      control: {
+        type: "text"
+      },
+      description: "Progress value"
+    },
+    color: {
+      control: {
+        type: "text"
+      },
+      description: "Color of the progress bar"
+    }
+  }
+};
+exports.default = _default;
+
+var MainProgressBar = function MainProgressBar(args) {
+  return /*#__PURE__*/_react.default.createElement(_progressbar.BmProgressBar, args);
+};
+
+var ProgressBar = MainProgressBar.bind({});
+exports.ProgressBar = ProgressBar;
+ProgressBar.args = {
+  value: "50"
+};

package/dist/components/{Link.js → RouteLink/link.js}

@@ -9,9 +9,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactRouterDom = require("react-router-dom");
 
-var _colors = require("../components/colors");
+var _colors = require("../colors");
 
-var _text = require("../components/text");
+var _text = require("../text");
 
 var _templateObject;
 
@@ -19,5 +19,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var BmRouteLink = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    color: ", " !important;\n    font-weight: bold;\n    &:before {\n      font-weight: normal;\n    }\n  }\n"])), _text.p, _colors.BmPrimaryBlack, _colors.BmPrimaryBlack);
+var BmRouteLink = (0, _styledComponents.default)(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    color: ", ";\n    font-weight: 600;\n    &:before {\n      font-weight: normal;\n    }\n  }\n"])), _text.p, _colors.BmPrimaryBlue, _colors.BmPrimaryBlack);
 exports.BmRouteLink = BmRouteLink;

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BmFooterRight = exports.BmFooterLeft = exports.BmContentFooter = exports.BmContentTitle = void 0;
+exports.BmFooterRight = exports.BmFooterLeft = exports.BmContentTitle = exports.BmContentFooter = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BmSegmentCreateContent = exports.BmSegmentCompleteIcon = exports.BmSegmentCompleteContent = exports.BmSegmentCheckBox = exports.BmSegmentCheckBoxMargin = exports.BmSegment = exports.BmSegmentSelector = exports.BmSegmentCard = void 0;
+exports.BmSegmentSelector = exports.BmSegmentCreateContent = exports.BmSegmentCompleteIcon = exports.BmSegmentCompleteContent = exports.BmSegmentCheckBoxMargin = exports.BmSegmentCheckBox = exports.BmSegmentCard = exports.BmSegment = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/components/Tabs/tabs.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BmTab = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _colors = require("../colors");
+
+var _iconStyles = require("../iconStyles");
+
+var _excluded = ["leadingIcon", "trailingIcon", "children", "size", "color", "icon", "disabled"];
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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 BmTabWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 0.714rem 1.714rem;\n  background: ", ";\n  box-shadow: ", ";\n  > *:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n  ", "\n"])), _colors.BmPrimaryWhite, function (_ref) {
+  var state = _ref.state;
+
+  if (state === "active") {
+    return "inset 0px -3px 0px ".concat(_colors.BmPrimaryBlue);
+  }
+
+  if (state === "inactive") {
+    return "inset 0px -3px 0px ".concat(_colors.BmGrey400);
+  }
+
+  return "none";
+}, function (_ref2) {
+  var color = _ref2.color,
+      children = _ref2.children,
+      disabled = _ref2.disabled;
+  return children && disabled ? "\n    > * {\n     color: ".concat(_colors.BmGrey400, ";\n  }\n  ") : "\n    > * {\n     color: ".concat(color, ";\n  }\n  ");
+});
+
+var BmTab = function BmTab(_ref3) {
+  var leadingIcon = _ref3.leadingIcon,
+      trailingIcon = _ref3.trailingIcon,
+      children = _ref3.children,
+      size = _ref3.size,
+      color = _ref3.color,
+      icon = _ref3.icon,
+      disabled = _ref3.disabled,
+      rest = _objectWithoutProperties(_ref3, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(BmTabWrapper, _extends({
+    leadingIcon: leadingIcon,
+    trailingIcon: trailingIcon,
+    color: color,
+    disabled: disabled
+  }, rest), leadingIcon && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+    icon: leadingIcon,
+    size: size || 'large',
+    color: disabled ? "".concat(_colors.BmGrey400) : color
+  }), children, trailingIcon && /*#__PURE__*/_react.default.createElement(_iconStyles.BmIcons, {
+    icon: trailingIcon,
+    size: size || 'large',
+    color: disabled ? "".concat(_colors.BmGrey400) : color
+  }));
+};
+
+exports.BmTab = BmTab;
+BmTab.propTypes = {
+  children: _propTypes.default.object,
+  trailingIcon: _propTypes.default.node,
+  leadingIcon: _propTypes.default.node,
+  state: _propTypes.default.string,
+  color: _propTypes.default.string,
+  size: _propTypes.default.string
+};