beem-component 2.1.28 → 2.1.30

package/dist/components/Modals/modal.js

@@ -10,7 +10,7 @@ var _icons = require("@material-ui/icons");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = require("../colors");
 var _iconStyles = require("../iconStyles");
-const _excluded = ["children", "show", "size", "onHide", "centered"],
+const _excluded = ["children", "show", "size", "zIndex", "onHide", "centered"],
   _excluded2 = ["children", "size", "onHide", "subHeading", "closeButton", "show", "icon", "trailingIcon"];
 /* eslint-disable no-undef */
 /* eslint-disable react/display-name */
@@ -25,22 +25,36 @@ const {
 } = /*#__PURE__*/_react.default.createContext();
 const Overlay = exports.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);
+})(["position:fixed;top:0;left:0;z-index:", ";width:100vw;height:100vh;background-color:", ";"], _ref => {
+  let {
+    zIndex
+  } = _ref;
+  return zIndex || 20;
+}, _colors.BmBgGrey45);
 const ModalContent = exports.ModalContent = _styledComponents.default.div.withConfig({
   displayName: "modal__ModalContent"
-})(["display:flex;flex-direction:column;border-radius:0.8571rem;padding:1rem;margin:2rem auto;background:", ";width:auto;max-width:100%;> *:not(:last-child){margin-bottom:0.5rem;}@media (min-width:576px){width:500px;}"], _colors.BmPrimaryWhite);
+})(["display:flex;flex-direction:column;border-radius:0.8571rem;padding:1rem;margin:2rem auto;background:", ";width:auto;max-width:100%;> *:not(:last-child){margin-bottom:0.5rem;}@media (min-width:576px){width:", ";}"], _colors.BmPrimaryWhite, _ref2 => {
+  let {
+    size
+  } = _ref2;
+  if (size) {
+    return size;
+  }
+  return '500px';
+});
 const ModalWrapper = exports.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;"]);
-const BmModal = _ref => {
+const BmModal = _ref3 => {
   let {
       children,
       show,
       size,
+      zIndex,
       onHide,
       centered
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    } = _ref3,
+    rest = _objectWithoutProperties(_ref3, _excluded);
   const [toggle, setToggle] = (0, _react.useState)(show);
   (0, _react.useEffect)(() => {
     setToggle(show);
@@ -54,7 +68,9 @@ const BmModal = _ref => {
     document.addEventListener('keydown', keyPress);
     return () => document.removeEventListener('keydown', keyPress);
   }, [keyPress]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toggle && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Overlay, null), /*#__PURE__*/_react.default.createElement(ModalWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, toggle && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Overlay, {
+    zIndex: zIndex
+  }), /*#__PURE__*/_react.default.createElement(ModalWrapper, {
     showModal: show,
     centered: centered,
     onHide: onHide
@@ -79,7 +95,7 @@ const ModalHeaderContent = _styledComponents.default.div.withConfig({
 const IconContainer = _styledComponents.default.div.withConfig({
   displayName: "modal__IconContainer"
 })(["display:flex;padding:0.5714rem;justify-content:center;align-items:center;border-radius:0.7143rem;border:0.0714rem solid var(--Gray-200,#eaecf0);background:var(--Base-White,#fff);box-shadow:0rem 0.0714rem 0.1429rem 0rem rgba(16,24,40,0.05);"]);
-BmModal.Header = _ref2 => {
+BmModal.Header = _ref4 => {
   let {
       children,
       size,
@@ -89,8 +105,8 @@ BmModal.Header = _ref2 => {
       show,
       icon,
       trailingIcon
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
+    } = _ref4,
+    rest = _objectWithoutProperties(_ref4, _excluded2);
   return /*#__PURE__*/_react.default.createElement(Consumer, null, value => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ModalHeader, rest, trailingIcon && /*#__PURE__*/_react.default.createElement(IconContainer, null, trailingIcon), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: '100%'

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

@@ -15,12 +15,13 @@ var _default = exports.default = {
   component: _modal.default,
   title: 'components/Modals',
   argTypes: {
-    // size: {
-    //   options: ["small", "default", "large", "xlarge"],
-    //   control: { type: "select" },
-    //   description: "Size of the Modal (Optional)",
-    //   defaultValue: { summary: "default" },
-    // },
+    size: {
+      control: {
+        type: 'text'
+      },
+      description: 'Controls the width of the modal in Pixels',
+      defaultValue: '500px'
+    },
     closeButton: {
       description: 'Placed on BmModal.Header component. Displays the close button (X)'
     },
@@ -35,6 +36,12 @@ var _default = exports.default = {
     },
     onHide: {
       description: 'Handling the closing of the modal'
+    },
+    zIndex: {
+      description: 'Controls the stacking order of the modal in an event you have multiple modals',
+      control: {
+        type: 'number'
+      }
     }
   }
 };

package/dist/components/ProfileIcon/ProfileIcon.js

@@ -11,6 +11,7 @@ var _wa = _interopRequireDefault(require("../../assets/wa.png"));
 var _fb = _interopRequireDefault(require("../../assets/fb.png"));
 var _insta = _interopRequireDefault(require("../../assets/insta.png"));
 var _Google_Messages_logo = _interopRequireDefault(require("../../assets/Google_Messages_logo.png"));
+var _voiceCallIcon = _interopRequireDefault(require("../../assets/voiceCallIcon.svg"));
 const _excluded = ["img", "content", "channel", "size"];
 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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -84,6 +85,10 @@ const BmProfileIcon = _ref2 => {
     size: size,
     src: _Google_Messages_logo.default,
     alt: "icon"
+  }), channel && channel === 'voice_call' && /*#__PURE__*/_react.default.createElement(Dot, {
+    size: size,
+    src: _voiceCallIcon.default,
+    alt: "icon"
   })));
 };
 exports.BmProfileIcon = BmProfileIcon;

package/dist/components/ProgressIndicator/ProgressIndicator.js

@@ -6,8 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _convertToRGBA = _interopRequireDefault(require("../../../util/convertToRGBA"));
 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: "ProgressIndicator__Container"
 })(["margin-bottom:1rem;--primary-color:", ";--primary-light:", ";--primary-lighter:", ";--muted-color:", ";--muted-foreground-color:", ";@media (min-width:45.7143rem){margin-bottom:1.5rem;}"], _ref => {
@@ -19,12 +33,12 @@ const Container = _styledComponents.default.div.withConfig({
   let {
     primaryColor
   } = _ref2;
-  return (0, _convertToRGBA.default)(primaryColor, 0.2);
+  return hexToRgba(primaryColor, 0.2);
 }, _ref3 => {
   let {
     primaryColor
   } = _ref3;
-  return (0, _convertToRGBA.default)(primaryColor, 0.4);
+  return hexToRgba(primaryColor, 0.4);
 }, _ref4 => {
   let {
     mutedColor

package/dist/components/ResourceCard/ResourceCard.js

@@ -0,0 +1,132 @@
+"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 }; }
+/* eslint-disable react/no-array-index-key */
+
+const CardWrapper = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__CardWrapper"
+})(["overflow:hidden;border:1px solid #e5e7eb;border-radius:0.5rem;border-top:4px solid ", ";background-color:#ffffff;opacity:", ";transition:opacity 0.3s;"], _ref => {
+  let {
+    borderTopColor
+  } = _ref;
+  return borderTopColor || '#cccccc';
+}, _ref2 => {
+  let {
+    isActive
+  } = _ref2;
+  return isActive ? 1 : 0.5;
+});
+const Header = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__Header"
+})(["padding:1rem 1rem 0.5rem 1rem;"]);
+const TitleRow = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__TitleRow"
+})(["display:flex;justify-content:space-between;align-items:flex-start;"]);
+const TitleContainer = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__TitleContainer"
+})(["display:flex;flex-direction:column;"]);
+const CardTitle = _styledComponents.default.h3.withConfig({
+  displayName: "ResourceCard__CardTitle"
+})(["font-size:1.125rem;margin:0;"]);
+const BadgeRow = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__BadgeRow"
+})(["display:flex;gap:0.5rem;margin-top:0.25rem;flex-wrap:wrap;"]);
+const Badge = _styledComponents.default.span.withConfig({
+  displayName: "ResourceCard__Badge"
+})(["display:inline-flex;align-items:center;border:1px solid #e5e7eb;border-radius:0.375rem;padding:0.125rem 0.5rem;font-size:0.75rem;background-color:#f9fafb;color:", ";"], _ref3 => {
+  let {
+    color
+  } = _ref3;
+  return color || 'inherit';
+});
+const IconsContainer = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__IconsContainer"
+})(["display:flex;gap:0.25rem;"]);
+const IconButton = _styledComponents.default.button.withConfig({
+  displayName: "ResourceCard__IconButton"
+})(["background:none;border:none;padding:0;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:", ";&:hover{color:", ";}"], _ref4 => {
+  let {
+    destructive
+  } = _ref4;
+  return destructive ? '#ef4444' : 'inherit';
+}, _ref5 => {
+  let {
+    destructive
+  } = _ref5;
+  return destructive ? '#ef4444' : '#374151';
+});
+const Content = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__Content"
+})(["margin-top:1rem;padding:0 1rem 0.5rem 1rem;display:flex;flex-direction:column;gap:0.5rem;font-size:0.875rem;"]);
+const InfoRow = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__InfoRow"
+})(["display:flex;flex-wrap:wrap;gap:0.25rem;"]);
+const Label = _styledComponents.default.span.withConfig({
+  displayName: "ResourceCard__Label"
+})(["color:#6b7280;font-size:0.875rem;"]);
+const Value = _styledComponents.default.span.withConfig({
+  displayName: "ResourceCard__Value"
+})(["color:#374151;font-size:0.875rem;"]);
+const Footer = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__Footer"
+})(["display:flex;justify-content:flex-end;align-items:center;margin-top:1rem;padding:0 1rem 0.75rem 1rem;"]);
+const StatusDot = _styledComponents.default.span.withConfig({
+  displayName: "ResourceCard__StatusDot"
+})(["flex-shrink:0;width:0.5rem;height:0.5rem;margin-right:0.5rem;border-radius:9999px;background-color:", ";"], _ref6 => {
+  let {
+    isActive
+  } = _ref6;
+  return isActive ? '#22c55e' : '#9ca3af';
+});
+const StatusText = _styledComponents.default.span.withConfig({
+  displayName: "ResourceCard__StatusText"
+})(["font-size:0.75rem;color:#6b7280;"]);
+const BmResourceCard = _ref7 => {
+  let {
+    borderTopColor = '#cccccc',
+    isActive = true,
+    name,
+    type,
+    resourceBadges = [],
+    departmentName,
+    email,
+    phone,
+    capacity,
+    features,
+    availability,
+    onEdit,
+    onDelete,
+    EditIcon,
+    DeleteIcon
+  } = _ref7;
+  return /*#__PURE__*/_react.default.createElement(CardWrapper, {
+    borderTopColor: borderTopColor,
+    isActive: isActive
+  }, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(TitleRow, null, /*#__PURE__*/_react.default.createElement(TitleContainer, null, /*#__PURE__*/_react.default.createElement(CardTitle, null, name), /*#__PURE__*/_react.default.createElement(BadgeRow, null, /*#__PURE__*/_react.default.createElement(Badge, null, type), resourceBadges.map((badge, index) => /*#__PURE__*/_react.default.createElement(Badge, {
+    key: index,
+    color: badge.color
+  }, badge.icon && /*#__PURE__*/_react.default.createElement(badge.icon, {
+    style: {
+      fontSize: 14,
+      marginRight: 4
+    }
+  }), badge.label)))), /*#__PURE__*/_react.default.createElement(IconsContainer, null, /*#__PURE__*/_react.default.createElement(IconButton, {
+    onClick: onEdit
+  }, EditIcon && /*#__PURE__*/_react.default.createElement(EditIcon, {
+    fontSize: "small"
+  })), /*#__PURE__*/_react.default.createElement(IconButton, {
+    destructive: true,
+    onClick: onDelete
+  }, DeleteIcon && /*#__PURE__*/_react.default.createElement(DeleteIcon, {
+    fontSize: "small"
+  }))))), /*#__PURE__*/_react.default.createElement(Content, null, departmentName && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Department:"), /*#__PURE__*/_react.default.createElement(Value, null, departmentName)), email && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Email:"), /*#__PURE__*/_react.default.createElement(Value, null, email)), phone && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Phone:"), /*#__PURE__*/_react.default.createElement(Value, null, phone)), type === 'room' && capacity && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Capacity:"), /*#__PURE__*/_react.default.createElement(Value, null, capacity)), type === 'room' && features && features.length > 0 && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Features:"), /*#__PURE__*/_react.default.createElement(Value, null, features.join(', '))), availability && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Availability:"), /*#__PURE__*/_react.default.createElement(Value, null, availability))), /*#__PURE__*/_react.default.createElement(Footer, null, /*#__PURE__*/_react.default.createElement(StatusDot, {
+    isActive: isActive
+  }), /*#__PURE__*/_react.default.createElement(StatusText, null, isActive ? 'Active' : 'Inactive')));
+};
+var _default = exports.default = BmResourceCard;

package/dist/components/ResourceCard/ResourceCard.stories.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StaffExample = exports.RoomExample = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _CalendarToday = _interopRequireDefault(require("@mui/icons-material/CalendarToday"));
+var _ResourceCard = _interopRequireDefault(require("./ResourceCard"));
+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); }
+var _default = exports.default = {
+  title: 'Components/BmResourceCard',
+  component: _ResourceCard.default,
+  argTypes: {
+    borderTopColor: {
+      control: 'color'
+    },
+    isActive: {
+      control: 'boolean'
+    },
+    name: {
+      control: 'text'
+    },
+    type: {
+      control: 'text'
+    },
+    departmentName: {
+      control: 'text'
+    },
+    email: {
+      control: 'text'
+    },
+    phone: {
+      control: 'text'
+    },
+    capacity: {
+      control: 'number'
+    },
+    availability: {
+      control: 'text'
+    }
+  }
+};
+const Template = args => /*#__PURE__*/_react.default.createElement(_ResourceCard.default, _extends({}, args, {
+  EditIcon: _Edit.default,
+  DeleteIcon: _Delete.default
+}));
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  borderTopColor: '#3b82f6',
+  isActive: true,
+  name: 'Room 101',
+  type: 'room',
+  resourceBadges: [{
+    label: 'Synced',
+    icon: _CalendarToday.default,
+    color: '#10b981'
+  }],
+  departmentName: 'Radiology',
+  capacity: 12,
+  features: ['Projector', 'Whiteboard'],
+  availability: 'Weekdays 9am - 5pm'
+};
+const StaffExample = exports.StaffExample = Template.bind({});
+StaffExample.args = {
+  borderTopColor: '#10b981',
+  isActive: true,
+  name: 'Dr. Sarah Johnson',
+  type: 'staff',
+  resourceBadges: [{
+    label: 'Google Synced',
+    icon: _CalendarToday.default,
+    color: '#3b82f6'
+  }],
+  departmentName: 'Cardiology',
+  email: 'sarah.johnson@hospital.com',
+  phone: '+1 555 123 4567',
+  availability: 'Mon - Fri, 9am - 3pm'
+};
+const RoomExample = exports.RoomExample = Template.bind({});
+RoomExample.args = {
+  borderTopColor: '#f59e0b',
+  isActive: false,
+  name: 'Conference Room B',
+  type: 'room',
+  resourceBadges: [],
+  departmentName: 'Oncology',
+  capacity: 20,
+  features: ['Video Conferencing', 'AC', 'Whiteboard'],
+  availability: 'Available on demand'
+};

package/dist/components/SelectionNotice/SelectionNotice.js

@@ -6,20 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _convertToRGBA = _interopRequireDefault(require("../../../util/convertToRGBA"));
 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 (0, _convertToRGBA.default)(color || '#33B1BA', 0.05);
+  return hexToRgba(color || '#33B1BA', 0.05);
 }, _ref2 => {
   let {
     color
   } = _ref2;
-  return (0, _convertToRGBA.default)(color || '#33B1BA', 0.2);
+  return hexToRgba(color || '#33B1BA', 0.2);
 });
 const Text = _styledComponents.default.p.withConfig({
   displayName: "SelectionNotice__Text"

package/dist/components/globalStyles.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.GlobalStyle = void 0;
 var _styledComponents = require("styled-components");
 var _text = require("./text");
-const GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)(["*{font-size:14px;cursor:pointer}h1{", "}h2{", "}h3{", "}h4{", "}h5{", "}h6{", "}p{", "}input{", "}a{", "}"], _text.h1, _text.h2, _text.h3, _text.h4, _text.h5, _text.h6, _text.p, _text.input, _text.a);
+const GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)(["*{font-size:14px;cursor:pointer}h1{", "}h2{", "}h3{", "}h4{", "}h5{", "}h6{", "}p{", "}input{", "}a{", "}span{", "}"], _text.h1, _text.h2, _text.h3, _text.h4, _text.h5, _text.h6, _text.p, _text.input, _text.a, _text.span);

package/dist/components/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "BmAccordion", {
     return _Accordion.default;
   }
 });
+Object.defineProperty(exports, "BmAlertBox", {
+  enumerable: true,
+  get: function () {
+    return _Alert.default;
+  }
+});
 Object.defineProperty(exports, "BmAlertIcon", {
   enumerable: true,
   get: function () {
@@ -166,6 +172,24 @@ Object.defineProperty(exports, "BmCounter", {
     return _messageCounter.default;
   }
 });
+Object.defineProperty(exports, "BmCustomCardTitle", {
+  enumerable: true,
+  get: function () {
+    return _CustomCardTitle.default;
+  }
+});
+Object.defineProperty(exports, "BmCustomTab", {
+  enumerable: true,
+  get: function () {
+    return _BmTabv.default;
+  }
+});
+Object.defineProperty(exports, "BmDepartmentCard", {
+  enumerable: true,
+  get: function () {
+    return _DepartmentCard.default;
+  }
+});
 Object.defineProperty(exports, "BmEmojiIcon", {
   enumerable: true,
   get: function () {
@@ -184,6 +208,12 @@ Object.defineProperty(exports, "BmFooterRight", {
     return _ContentTitle.BmFooterRight;
   }
 });
+Object.defineProperty(exports, "BmHorizontalCard", {
+  enumerable: true,
+  get: function () {
+    return _HorizontalCard.default;
+  }
+});
 Object.defineProperty(exports, "BmIcons", {
   enumerable: true,
   get: function () {
@@ -298,6 +328,12 @@ Object.defineProperty(exports, "BmQuickReplyIcon", {
     return _iconStyles.BmQuickReplyIcon;
   }
 });
+Object.defineProperty(exports, "BmResourceCard", {
+  enumerable: true,
+  get: function () {
+    return _ResourceCard.default;
+  }
+});
 Object.defineProperty(exports, "BmRouteLink", {
   enumerable: true,
   get: function () {
@@ -465,5 +501,11 @@ var _LabelWithIcon = _interopRequireDefault(require("./LabelWithIcon/LabelWithIc
 var _Card = require("./Card_v2/Card");
 var _InfoPanel = _interopRequireDefault(require("./InfoPanel/InfoPanel"));
 var _BmSelector = _interopRequireDefault(require("./BmSelector/BmSelector"));
+var _CustomCardTitle = _interopRequireDefault(require("./BmCustomCardTitle/CustomCardTitle"));
+var _Alert = _interopRequireDefault(require("./Alert/Alert"));
+var _DepartmentCard = _interopRequireDefault(require("./DepartmentCard/DepartmentCard"));
+var _ResourceCard = _interopRequireDefault(require("./ResourceCard/ResourceCard"));
+var _BmTabv = _interopRequireDefault(require("./BmTabv2/BmTabv2"));
+var _HorizontalCard = _interopRequireDefault(require("./HorizontalCard/HorizontalCard"));
 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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/text.js

@@ -3,27 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.p = exports.input = exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.a = void 0;
+exports.span = exports.p = exports.input = exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.a = void 0;
 var _typography = require("./typography");
 // 32px
-const h1 = exports.h1 = "font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 2.286rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const h1 = exports.h1 = "font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 2.286rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
 
 // 24px
-const h2 = exports.h2 = "font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1.714rem;\nletter-spacing: -0.02em;\nmargin: 0rem;");
+const h2 = exports.h2 = "font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1.714rem;\nletter-spacing: -0.02em;\nmargin: 0rem;");
 
 // 18px
-const h3 = exports.h3 = "font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1.286rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const h3 = exports.h3 = "font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1.286rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
 
 // 16px
-const h4 = exports.h4 = " font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1.143rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const h4 = exports.h4 = " font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1.143rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
 
 // 14px
-const h5 = exports.h5 = " font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const h5 = exports.h5 = " font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
 
 // 12px
-const h6 = exports.h6 = " font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: .857rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const h6 = exports.h6 = " font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: .857rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
 
 // 14px
-const p = exports.p = "font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: normal;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
-const input = exports.input = " font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: normal;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
-const a = exports.a = "font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: normal;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const p = exports.p = "font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: normal;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const input = exports.input = " font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: normal;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const a = exports.a = "font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: normal;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const span = exports.span = "font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: normal;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");

package/dist/components/typography.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.QuoteMark = exports.PullQuote = exports.PoppinsMedium = exports.Poppins = exports.P = exports.OpenSans = exports.Hero = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Captions = void 0;
+exports.QuoteMark = exports.PullQuote = exports.PoppinsMedium = exports.Poppins = exports.P = exports.OpenSans = exports.Inter = exports.Hero = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Captions = void 0;
 const H1 = exports.H1 = '2.286rem';
 const H2 = exports.H2 = '1.714rem';
 const H3 = exports.H3 = '1.286rem';
@@ -17,4 +17,5 @@ const Captions = exports.Captions = '0.714rem';
 const Hero = exports.Hero = '1rem';
 const PoppinsMedium = exports.PoppinsMedium = 'PoppinsMedium';
 const Poppins = exports.Poppins = 'Poppins';
-const OpenSans = exports.OpenSans = 'OpenSans';
+const OpenSans = exports.OpenSans = 'OpenSans';
+const Inter = exports.Inter = 'Inter';

package/nginx.conf

@@ -1,17 +1,31 @@
-server {
-    listen 8085;
-    root   /usr/share/nginx/html;
+# server {
+#     listen 8085;
+#     root   /usr/share/nginx/html;
 
-    index  index.html index.htm;
+#     index  index.html index.htm;
     
-    include /etc/nginx/mime.types;
+#     include /etc/nginx/mime.types;
     
-    gzip on;
-    gzip_min_length 1000;
-    gzip_proxied expired no-cache no-store private auth;
-    gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript; 
+#     gzip on;
+#     gzip_min_length 1000;
+#     gzip_proxied expired no-cache no-store private auth;
+#     gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript; 
     
-    location / {
-        try_files $uri $uri/ /index.html;
-    }
+#     location / {
+#         try_files $uri $uri/ /index.html;
+#     }
+# }
+
+
+# nginx.conf
+server {
+  listen 3000;
+  server_name localhost;
+
+  root /usr/share/nginx/html;
+  index index.html;
+
+  location / {
+    try_files $uri $uri/ /index.html;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beem-component",
-  "version": "2.1.28",
+  "version": "2.1.30",
   "private": false,
   "main": "dist/components/index.js",
   "scripts": {
@@ -51,6 +51,7 @@
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",
     "bootstrap": "^5.3.3",
+    "date-fns": "^4.1.0",
     "js-file-download": "^0.4.12",
     "lodash": "^4.17.21",
     "node-sass": "^6.0.1",

package/public/index.html

@@ -4,6 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="description" content="Web site created using create-react-app" />