beem-component 2.1.8 → 2.1.29

package/Dockerfile

@@ -24,7 +24,7 @@ COPY --from=build /app/storybook-static /usr/share/nginx/html
 RUN rm /etc/nginx/conf.d/default.conf
 
 # Replace the default NGINX config with your custom one
-COPY nginx.conf /etc/nginx/conf.d/
+COPY nginx.conf /etc/nginx/conf.d/default.conf
 
 
 EXPOSE 3000

package/Jenkinsfile

@@ -1,43 +1,33 @@
 pipeline{
     agent any
-    parameters {
-        string(name: 'TAG', description: 'Tag Number Ex: v2.0.0')
-    }
     tools {nodejs "nodejs"}
     environment
     {
-	    VERSION = "${params.TAG != "" ? params.TAG : "v2.0.${BUILD_NUMBER}"}"
+        VERSION = "v1.0.${BUILD_NUMBER}"
         PROJECT = "bm-components"
         IMAGE = "$PROJECT:$VERSION"
         ECRURL = "https://347944191864.dkr.ecr.eu-west-1.amazonaws.com"
         ECRCRED = "ecr:eu-west-1:awscred"
-        GIT_CREDS = "master-user-dev"
-        GIT_URL = "git@bitbucket.org:bongolive/${PROJECT}.git"
-
     }
+
     stages{
         stage('Deploy for development') {
             when {
                 branch 'develop'
             }
             steps {
-                git branch: 'develop',credentialsId: "${GIT_CREDS}",url: "${GIT_URL}"
+                git branch: 'develop',credentialsId: 'bitbucket',url: "https://bitbucket.org/bongolive/${PROJECT}.git"
             }
         }
         stage('Deploy for production') {
             when {
                 branch 'master'
             }
-           steps {
-                git branch: 'master',credentialsId: "${GIT_CREDS}",url: "${GIT_URL}"
+            steps {
+                git branch: 'master',credentialsId: 'bitbucket',url: "https://bitbucket.org/bongolive/${PROJECT}.git"
             }
         }
         stage('Image build') {
-            when {
-                expression {
-                    return params.TAG == ''
-                }
-            }
             steps{
                 script
                 {
@@ -46,11 +36,6 @@ pipeline{
             }
         }
         stage('Image push') {
-            when {
-                expression {
-                    return params.TAG == ''
-                }
-            }
             steps {
                 script
                 {

package/dist/components/BmSelector/BmSelector.js

@@ -89,23 +89,10 @@ const BmSelector = _ref8 => {
     themeColor,
     textColor,
     fontWeight,
-    name = 'selection',
-    useFormik = false
+    name = 'selection'
   } = _ref8;
   return /*#__PURE__*/_react.default.createElement(RadioGroupWrapper, null, data.map(item => {
     const isSelected = selectedDataId === item.id;
-    const handleChange = () => {
-      if (useFormik) {
-        onChange({
-          target: {
-            name,
-            value: item.id
-          }
-        });
-      } else {
-        onChange(item.id);
-      }
-    };
     return /*#__PURE__*/_react.default.createElement("label", {
       key: item.id,
       htmlFor: item.id
@@ -114,7 +101,7 @@ const BmSelector = _ref8 => {
       name: name,
       value: item.id,
       checked: isSelected,
-      onChange: handleChange
+      onChange: () => onChange(item.id)
     }), /*#__PURE__*/_react.default.createElement(TimeSlotCard, {
       selected: isSelected,
       themeColor: themeColor

package/dist/components/BmSelector/BmSelector.stories.js

@@ -56,12 +56,6 @@ var _default = exports.default = {
           endDate: '09:30 AM'
         }
       }]
-    },
-    useFormik: {
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: false
     }
   }
 };
@@ -108,7 +102,6 @@ Default.args = {
       endDate: '09:30 AM'
     }
   }],
-  useFormik: false,
   themeColor: '#33B1BA',
   textColor: '#33B1BA',
   fontWeight: '',
@@ -131,21 +124,15 @@ const Example = () => {
       endDate: '11:10 AM'
     }
   }];
-
-  // When you use useFormik as true then you need to pass handleChange func and the name [name="time"].
-  // so that is works accordingly
-
   const [selectedDataId, setSelectedDataId] = (0, _react.useState)(null);
   return /*#__PURE__*/_react.default.createElement(_BmSelector.default, {
-    name: "time",
     data: slots,
     selectedDataId: selectedDataId,
     onChange: setSelectedDataId,
     icon: _AccessTime.default,
     themeColor: "#33B1BA",
     textColor: "#33B1BA",
-    fontWeight: "600",
-    useFormik: "false"
+    fontWeight: "600"
   });
 };
 exports.Example = Example;

package/dist/components/Card_v2/Card.js

@@ -51,7 +51,7 @@ const Description = _styledComponents.default.p.withConfig({
 })(["color:var(--muted-foreground,#666);margin:0;"]);
 const Content = _styledComponents.default.div.withConfig({
   displayName: "Card__Content"
-})(["min-height:180px;padding:0 1.5rem;max-height:calc(100vh - 28.5714rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:", " transparent;&::-webkit-scrollbar-thumb{background:", ";border-radius:0.6429rem;transition:background 0.2s ease;}&::-webkit-scrollbar-thumb:hover{background:", ";}&:last-child{padding-bottom:1.5rem;}@media (max-width:54.8571rem){max-height:calc(100vh - 17.8572rem);}"], () => hexToRgba('#33b1ba', 0.2), () => hexToRgba('#33b1ba', 0.3), () => hexToRgba('#33b1ba', 0.3));
+})(["padding:0 1.5rem;&:last-child{padding-bottom:1.5rem;}"]);
 const Footer = _styledComponents.default.div.withConfig({
   displayName: "Card__Footer"
 })(["display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem 1.5rem 1.5rem;gap:1rem;@media (max-width:42.8571rem){flex-direction:column;align-items:stretch;& > *{width:100%;}}"]);

package/dist/components/InfoPanel/InfoPanel.js

@@ -30,7 +30,7 @@ const SectionSummaryContainer = _styledComponents.default.div.withConfig({
 })(["display:flex;align-items:center;margin-bottom:1rem;@media (min-width:45.7143rem){margin-bottom:1.25rem;}"]);
 const IconBox = _styledComponents.default.div.withConfig({
   displayName: "InfoPanel__IconBox"
-})(["display:flex;align-items:center;justify-content:center;text-align:center;margin-right:0.5rem;padding:0.5rem;border-radius:714.2143rem;background-color:", ";svg{height:1.2rem;width:1.2rem;color:", ";@media (min-width:45.7143rem){height:1.4rem;width:1.4rem;}}"], _ref => {
+})(["display:flex;align-items:center;justify-content:center;text-align:center;margin-right:0.5rem;padding:0.5rem;border-radius:714.2143rem;background-color:", ";svg{height:1.2rem;width:1.2rem;color:", ";@media (min-width:45.7143rem){height:1.5rem;width:1.5rem;}}"], _ref => {
   let {
     iconBackgroundColor,
     iconColor
@@ -63,7 +63,7 @@ const SummarySubtitle = _styledComponents.default.p.withConfig({
 });
 const SectionContainer = _styledComponents.default.div.withConfig({
   displayName: "InfoPanel__SectionContainer"
-})(["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 => {
+})(["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 => {
   let {
     backgroundColor
   } = _ref5;
@@ -80,35 +80,14 @@ const RowContainer = _styledComponents.default.div.withConfig({
 })(["display:flex;justify-content:space-between;font-size:0.875rem;align-items:center;@media (max-width:42.8571rem){font-size:0.8rem;}"]);
 const Label = _styledComponents.default.span.withConfig({
   displayName: "InfoPanel__Label"
-})(["color:", ";@media (max-width:42.8571rem){font-size:0.75rem;}"], _ref6 => {
-  let {
-    labelTextColor
-  } = _ref6;
-  return hexToRgba(labelTextColor || '#000000', 0.6);
-});
+})(["color:rgba(0,0,0,0.6);@media (max-width:42.8571rem){font-size:0.75rem;}"]);
 const Value = _styledComponents.default.span.withConfig({
   displayName: "InfoPanel__Value"
-})(["font-weight:500;color:", ";@media (max-width:42.8571rem){font-size:0.75rem;}"], _ref7 => {
-  let {
-    valueTextColor
-  } = _ref7;
-  return hexToRgba(valueTextColor || '#000000', 1);
-});
+})(["font-weight:500;@media (max-width:42.8571rem){font-size:0.75rem;}"]);
 const Divider = _styledComponents.default.hr.withConfig({
   displayName: "InfoPanel__Divider"
-})(["border:none;border-top:", ";margin:1rem auto;max-width:97%;@media (max-width:42.8571rem){margin:0.75rem auto;max-width:97%;}"], _ref8 => {
-  let {
-    showDivider,
-    dividerColor = '#33b1ba',
-    dividerType = 'dashed',
-    dividerWitdh = '1px',
-    dividerOpacity = '0.2'
-  } = _ref8;
-  if (showDivider) {
-    return "".concat(dividerWitdh, " ").concat(dividerType, " ").concat(hexToRgba(dividerColor, dividerOpacity));
-  }
-});
-const SectionSummary = _ref9 => {
+})(["border:none;border-top:0.0714rem dashed rgba(51,177,186,0.2);margin:1rem auto;max-width:97%;@media (max-width:42.8571rem){margin:0.75rem auto;max-width:97%;}"]);
+const SectionSummary = _ref6 => {
   let {
     icon: Icon,
     title,
@@ -116,7 +95,7 @@ const SectionSummary = _ref9 => {
     textColor,
     subtitle,
     iconBackgroundColor
-  } = _ref9;
+  } = _ref6;
   return /*#__PURE__*/_react.default.createElement(SectionSummaryContainer, null, Icon && /*#__PURE__*/_react.default.createElement(IconBox, {
     iconColor: iconColor,
     iconBackgroundColor: iconBackgroundColor
@@ -126,13 +105,13 @@ const SectionSummary = _ref9 => {
     textColor: textColor
   }, subtitle)));
 };
-const BmInfoPanel = _ref0 => {
+const BmInfoPanel = _ref7 => {
   let {
     children
-  } = _ref0;
+  } = _ref7;
   return /*#__PURE__*/_react.default.createElement(Panel, null, children);
 };
-const Section = _ref1 => {
+const Section = _ref8 => {
   let {
     title,
     icon: Icon,
@@ -140,37 +119,21 @@ const Section = _ref1 => {
     showDivider,
     backgroundColor,
     iconColor,
-    iconBackgroundColor,
-    dividerColor,
-    dividerWitdh,
-    dividerType,
-    dividerOpacity
-  } = _ref1;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showDivider && /*#__PURE__*/_react.default.createElement(Divider, {
-    dividerColor: dividerColor,
-    showDivider: showDivider,
-    dividerWitdh: dividerWitdh,
-    dividerType: dividerType,
-    dividerOpacity: dividerOpacity
-  }), /*#__PURE__*/_react.default.createElement(SectionContainer, {
+    iconBackgroundColor
+  } = _ref8;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showDivider && /*#__PURE__*/_react.default.createElement(Divider, null), /*#__PURE__*/_react.default.createElement(SectionContainer, {
     backgroundColor: backgroundColor
   }, Icon && /*#__PURE__*/_react.default.createElement(IconBox, {
     iconColor: iconColor,
     iconBackgroundColor: iconBackgroundColor
   }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement(SectionTitle, null, title)), /*#__PURE__*/_react.default.createElement(SectionBody, null, children));
 };
-const Row = _ref10 => {
+const Row = _ref9 => {
   let {
     label,
-    value,
-    labelTextColor,
-    valueTextColor
-  } = _ref10;
-  return /*#__PURE__*/_react.default.createElement(RowContainer, null, /*#__PURE__*/_react.default.createElement(Label, {
-    labelTextColor: labelTextColor
-  }, label, ":"), /*#__PURE__*/_react.default.createElement(Value, {
-    valueTextColor: valueTextColor
-  }, value));
+    value
+  } = _ref9;
+  return /*#__PURE__*/_react.default.createElement(RowContainer, null, /*#__PURE__*/_react.default.createElement(Label, null, label, ":"), /*#__PURE__*/_react.default.createElement(Value, null, value));
 };
 BmInfoPanel.Section = Section;
 BmInfoPanel.Row = Row;

package/dist/components/InfoPanel/InfoPanel.stories.js

@@ -48,34 +48,6 @@ var _default = exports.default = {
     },
     iconBackgroundColor: {
       control: 'boolean'
-    },
-    dividerColor: {
-      control: 'color'
-    },
-    dividerWidth: {
-      control: {
-        type: 'text'
-      },
-      defaultValue: '3px'
-    },
-    dividerOpacity: {
-      control: {
-        type: 'text'
-      },
-      defaultValue: '0.2'
-    },
-    dividerType: {
-      control: {
-        type: 'select'
-      },
-      options: ['dashed', 'solid'],
-      defaultValue: 'dashed'
-    },
-    labelTextColor: {
-      control: 'color'
-    },
-    valueTextColor: {
-      control: 'color'
     }
   }
 };
@@ -86,13 +58,7 @@ const Template = _ref => {
     backgroundColor,
     iconColor,
     textColor,
-    iconBackgroundColor,
-    dividerColor,
-    dividerOpacity,
-    dividerType,
-    dividerWidth,
-    labelTextColor,
-    valueTextColor
+    iconBackgroundColor
   } = _ref;
   if (variant === 'summary') {
     return /*#__PURE__*/_react.default.createElement(_InfoPanel.default, {
@@ -134,19 +100,13 @@ const Template = _ref => {
     label: "Date",
     value: "Monday, June 24, 2025"
   }), /*#__PURE__*/_react.default.createElement(_InfoPanel.default.Row, {
-    labelTextColor: labelTextColor,
-    valueTextColor: valueTextColor,
     label: "Time",
     value: "09:00 AM"
   })), /*#__PURE__*/_react.default.createElement(_InfoPanel.default.Section, {
     title: "Personal Information",
     icon: _Person.default,
     showDivider: showDivider,
-    iconColor: iconColor,
-    dividerColor: dividerColor,
-    dividerType: dividerType,
-    dividerOpacity: dividerOpacity,
-    dividerWitdh: dividerWidth
+    iconColor: iconColor
   }, /*#__PURE__*/_react.default.createElement(_InfoPanel.default.Row, {
     label: "Name",
     value: "John Doe"
@@ -165,13 +125,7 @@ Default.args = {
   backgroundColor: '#33B1BA',
   iconColor: '#33B1BA',
   textColor: '#000000',
-  iconBackgroundColor: false,
-  dividerColor: '#33b1ba',
-  dividerType: 'dashed',
-  dividerWidth: '1px',
-  dividerOpacity: '0.2',
-  labelTextColor: '#e46a8e',
-  valueTextColor: '#235e92'
+  iconBackgroundColor: false
 };
 const ExampleSummary = () => {
   return /*#__PURE__*/_react.default.createElement(_InfoPanel.default, null, /*#__PURE__*/_react.default.createElement(_InfoPanel.default.Section, {
@@ -208,8 +162,6 @@ const ExampleDetails = () => {
     label: "Resource",
     value: formData.resourceName
   }), /*#__PURE__*/_react.default.createElement(_InfoPanel.default.Row, {
-    labelTextColor: "#e46a8e",
-    valueTextColor: "#235e92",
     label: "Duration",
     value: appointmentDetails.duration
   }), /*#__PURE__*/_react.default.createElement(_InfoPanel.default.Row, {
@@ -221,11 +173,7 @@ const ExampleDetails = () => {
   })), /*#__PURE__*/_react.default.createElement(_InfoPanel.default.Section, {
     title: "Personal Information",
     icon: _Person.default,
-    showDivider: true,
-    dividerColor: "#33b1ba",
-    dividerType: "dashed",
-    dividerWitdh: "1px",
-    dividerOpacity: "0.2"
+    showDivider: true
   }, /*#__PURE__*/_react.default.createElement(_InfoPanel.default.Row, {
     label: "Name",
     value: formData.name

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{", "}span{", "}"], _text.h1, _text.h2, _text.h3, _text.h4, _text.h5, _text.h6, _text.p, _text.input, _text.a, _text.span);
+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);

package/dist/components/index.js

@@ -9,12 +9,6 @@ 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 () {
@@ -172,12 +166,6 @@ Object.defineProperty(exports, "BmCounter", {
     return _messageCounter.default;
   }
 });
-Object.defineProperty(exports, "BmCustomCardTitle", {
-  enumerable: true,
-  get: function () {
-    return _CustomCardTitle.default;
-  }
-});
 Object.defineProperty(exports, "BmEmojiIcon", {
   enumerable: true,
   get: function () {
@@ -477,7 +465,5 @@ 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"));
 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,28 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.span = exports.p = exports.input = exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.a = void 0;
+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.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 2.286rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+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;");
 
 // 24px
-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;");
+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;");
 
 // 18px
-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;");
+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;");
 
 // 16px
-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;");
+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;");
 
 // 14px
-const h5 = exports.h5 = " font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const h5 = exports.h5 = " font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: 1rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
 
 // 12px
-const h6 = exports.h6 = " font-family: ".concat(_typography.Inter, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: .857rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
+const h6 = exports.h6 = " font-family: ".concat(_typography.OpenSans, ";\nfont-style: normal;\nfont-weight: 500;\nfont-size: .857rem;\nletter-spacing: -0.02rem;\nmargin: 0rem;");
 
 // 14px
-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;");
+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;");

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.Inter = 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.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,5 +17,4 @@ 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 Inter = exports.Inter = 'Inter';
+const OpenSans = exports.OpenSans = 'OpenSans';

package/package.json

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

package/public/index.html

@@ -4,7 +4,6 @@
 <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" />