beem-component 2.1.29 → 2.1.31

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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beem-component",
-  "version": "2.1.29",
+  "version": "2.1.31",
   "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" />