beem-component 2.1.7 → 2.1.9

package/dist/components/BmCustomCardTitle/CustomCardTitle.js

@@ -55,16 +55,16 @@ const CardContainer = _styledComponents.default.div.withConfig({
 })(["background-color:", ";padding:1rem;border-radius:0.75rem;@media (min-width:640px){padding:1.5rem;}"], hexToRgba('#ffffff', 0.7));
 const IconWrapper = _styledComponents.default.div.withConfig({
   displayName: "CustomCardTitle__IconWrapper"
-})(["background-color:", ";border:2px solid ", ";height:", ";width:", ";border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto ", ";@media (min-width:640px){height:", ";width:", ";margin-bottom:", ";}svg{height:", ";width:", ";color:", ";@media (min-width:640px){height:", ";width:", ";}}"], _ref6 => {
+})(["background-color:", ";height:", ";width:", ";border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto ", ";@media (min-width:640px){height:", ";width:", ";margin-bottom:", ";}svg{height:", ";width:", ";color:", ";@media (min-width:640px){height:", ";width:", ";}}"], _ref6 => {
   let {
     themeColor
   } = _ref6;
   return hexToRgba(themeColor, 0.1);
 }, _ref7 => {
   let {
-    themeColor
+    variant
   } = _ref7;
-  return themeColor;
+  return variant === 'confirmation' ? '3.5rem' : '4rem';
 }, _ref8 => {
   let {
     variant
@@ -74,12 +74,12 @@ const IconWrapper = _styledComponents.default.div.withConfig({
   let {
     variant
   } = _ref9;
-  return variant === 'confirmation' ? '3.5rem' : '4rem';
+  return variant === 'confirmation' ? '0.75rem' : '1rem';
 }, _ref0 => {
   let {
     variant
   } = _ref0;
-  return variant === 'confirmation' ? '0.75rem' : '1rem';
+  return variant === 'confirmation' ? '4rem' : '5rem';
 }, _ref1 => {
   let {
     variant
@@ -89,12 +89,12 @@ const IconWrapper = _styledComponents.default.div.withConfig({
   let {
     variant
   } = _ref10;
-  return variant === 'confirmation' ? '4rem' : '5rem';
+  return variant === 'confirmation' ? '1rem' : '1.25rem';
 }, _ref11 => {
   let {
     variant
   } = _ref11;
-  return variant === 'confirmation' ? '1rem' : '1.25rem';
+  return variant === 'confirmation' ? '1.75rem' : '2rem';
 }, _ref12 => {
   let {
     variant
@@ -102,28 +102,28 @@ const IconWrapper = _styledComponents.default.div.withConfig({
   return variant === 'confirmation' ? '1.75rem' : '2rem';
 }, _ref13 => {
   let {
-    variant
+    themeColor
   } = _ref13;
-  return variant === 'confirmation' ? '1.75rem' : '2rem';
+  return themeColor;
 }, _ref14 => {
   let {
-    themeColor
+    variant
   } = _ref14;
-  return themeColor;
+  return variant === 'confirmation' ? '2rem' : '2.5rem';
 }, _ref15 => {
   let {
     variant
   } = _ref15;
   return variant === 'confirmation' ? '2rem' : '2.5rem';
-}, _ref16 => {
-  let {
-    variant
-  } = _ref16;
-  return variant === 'confirmation' ? '2rem' : '2.5rem';
 });
 const Title = _styledComponents.default.h2.withConfig({
   displayName: "CustomCardTitle__Title"
-})(["text-align:center;font-size:1.125rem;margin-bottom:", ";@media (min-width:640px){font-size:1.25rem;margin-bottom:", ";}"], _ref17 => {
+})(["text-align:center;font-size:1.125rem;color:", ";margin-bottom:", ";@media (min-width:640px){font-size:1.25rem;margin-bottom:", ";}"], _ref16 => {
+  let {
+    themeColor
+  } = _ref16;
+  return themeColor;
+}, _ref17 => {
   let {
     variant
   } = _ref17;

package/dist/components/DepartmentCard/DepartmentCard.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CardWrapper = _styledComponents.default.div.withConfig({
+  displayName: "DepartmentCard__CardWrapper"
+})(["overflow:hidden;border-radius:0.5rem;border:1px solid #e5e7eb;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: "DepartmentCard__Header"
+})(["padding:1rem 1rem 0.5rem 1rem;"]);
+const TitleRow = _styledComponents.default.div.withConfig({
+  displayName: "DepartmentCard__TitleRow"
+})(["display:flex;justify-content:space-between;align-items:flex-start;"]);
+const CardTitle = _styledComponents.default.h3.withConfig({
+  displayName: "DepartmentCard__CardTitle"
+})(["font-size:1.125rem;margin:0;"]);
+const CardDescription = _styledComponents.default.p.withConfig({
+  displayName: "DepartmentCard__CardDescription"
+})(["font-size:0.875rem;color:#6b7280;margin-top:0.25rem;"]);
+const Content = _styledComponents.default.div.withConfig({
+  displayName: "DepartmentCard__Content"
+})(["margin-top:1rem;padding:0 1rem 0.5rem 1rem;display:flex;justify-content:space-between;align-items:center;"]);
+const ResourceText = _styledComponents.default.span.withConfig({
+  displayName: "DepartmentCard__ResourceText"
+})(["font-size:0.875rem;color:#6b7280;"]);
+const StatusRow = _styledComponents.default.div.withConfig({
+  displayName: "DepartmentCard__StatusRow"
+})(["display:flex;align-items:center;"]);
+const StatusDot = _styledComponents.default.span.withConfig({
+  displayName: "DepartmentCard__StatusDot"
+})(["flex-shrink:0;width:0.5rem;height:0.5rem;margin-right:0.5rem;border-radius:9999px;background-color:", ";"], _ref3 => {
+  let {
+    isActive
+  } = _ref3;
+  return isActive ? '#22c55e' : '#9ca3af';
+});
+const StatusText = _styledComponents.default.span.withConfig({
+  displayName: "DepartmentCard__StatusText"
+})(["font-size:0.75rem;color:#6b7280;"]);
+const IconButtonsContainer = _styledComponents.default.div.withConfig({
+  displayName: "DepartmentCard__IconButtonsContainer"
+})(["display:flex;gap:0.25rem;"]);
+const IconButton = _styledComponents.default.button.withConfig({
+  displayName: "DepartmentCard__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 BmDepartmentCard = _ref6 => {
+  let {
+    borderTopColor = '#cccccc',
+    isActive = true,
+    name,
+    description,
+    resourcesCount,
+    onEdit,
+    onDelete,
+    EditIcon,
+    DeleteIcon
+  } = _ref6;
+  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(CardTitle, null, name), /*#__PURE__*/_react.default.createElement(IconButtonsContainer, 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(CardDescription, null, description)), /*#__PURE__*/_react.default.createElement(Content, null, resourcesCount && /*#__PURE__*/_react.default.createElement(ResourceText, null, resourcesCount, " Resources"), /*#__PURE__*/_react.default.createElement(StatusRow, null, /*#__PURE__*/_react.default.createElement(StatusDot, {
+    isActive: isActive
+  }), /*#__PURE__*/_react.default.createElement(StatusText, null, isActive ? 'Active' : 'Inactive'))));
+};
+var _default = exports.default = BmDepartmentCard;

package/dist/components/DepartmentCard/DepartmentCard.stories.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Inactive = exports.Active = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _DepartmentCard = _interopRequireDefault(require("./DepartmentCard"));
+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/BmDepartmentCard',
+  component: _DepartmentCard.default,
+  argTypes: {
+    borderTopColor: {
+      control: 'color'
+    },
+    isActive: {
+      control: 'boolean'
+    },
+    name: {
+      control: 'text'
+    },
+    description: {
+      control: 'text'
+    },
+    resourcesCount: {
+      control: 'number'
+    }
+  }
+};
+const Template = args => /*#__PURE__*/_react.default.createElement(_DepartmentCard.default, _extends({}, args, {
+  EditIcon: _Edit.default,
+  DeleteIcon: _Delete.default
+}));
+const Active = exports.Active = Template.bind({});
+Active.args = {
+  borderTopColor: '#3b82f6',
+  isActive: true,
+  name: 'Radiology',
+  description: 'Handles imaging and scans for diagnosis',
+  resourcesCount: 5
+};
+const Inactive = exports.Inactive = Template.bind({});
+Inactive.args = {
+  borderTopColor: '#ef4444',
+  isActive: false,
+  name: 'Cardiology',
+  description: 'Provides heart-related care and surgeries',
+  resourcesCount: 3
+};

package/dist/components/InfoPanel/InfoPanel.js

@@ -63,7 +63,7 @@ const SummarySubtitle = _styledComponents.default.p.withConfig({
 });
 const SectionContainer = _styledComponents.default.div.withConfig({
   displayName: "InfoPanel__SectionContainer"
-})(["padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;", " @media (max-width:42.8571rem){padding:0.5rem 0.75rem;gap:0.25rem;}"], _ref5 => {
+})(["padding:0.6rem 1rem;display:flex;align-items:center;gap:0.5rem;", " @media (max-width:42.8571rem){padding:0.5rem 0.75rem;gap:0.25rem;}"], _ref5 => {
   let {
     backgroundColor
   } = _ref5;

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"
+})(["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;"]);
+const Value = _styledComponents.default.span.withConfig({
+  displayName: "ResourceCard__Value"
+})(["color:#374151;"]);
+const Footer = _styledComponents.default.div.withConfig({
+  displayName: "ResourceCard__Footer"
+})(["display:flex;justify-content:flex-end;align-items:center;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)), type === 'staff' && email && /*#__PURE__*/_react.default.createElement(InfoRow, null, /*#__PURE__*/_react.default.createElement(Label, null, "Email:"), /*#__PURE__*/_react.default.createElement(Value, null, email)), type === 'staff' && 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/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

@@ -178,6 +178,12 @@ Object.defineProperty(exports, "BmCustomCardTitle", {
     return _CustomCardTitle.default;
   }
 });
+Object.defineProperty(exports, "BmDepartmentCard", {
+  enumerable: true,
+  get: function () {
+    return _DepartmentCard.default;
+  }
+});
 Object.defineProperty(exports, "BmEmojiIcon", {
   enumerable: true,
   get: function () {
@@ -310,6 +316,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 () {
@@ -479,5 +491,7 @@ 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"));
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beem-component",
-  "version": "2.1.7",
+  "version": "2.1.9",
   "private": false,
   "main": "dist/components/index.js",
   "scripts": {

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" />