beem-component 2.1.7 → 2.1.28

package/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16 AS build
+FROM node:lts as build
 
 WORKDIR /app
 
@@ -23,10 +23,8 @@ 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/
 
-
 EXPOSE 3000
 
 CMD ["nginx", "-g", "daemon off;"]

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

@@ -6,22 +6,8 @@ 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 CustomRadio = _styledComponents.default.span.withConfig({
   displayName: "BmSelector__CustomRadio"
 })(["display:inline-block;width:0.2143rem;height:0.2143rem;border-radius:714.2143rem;transition:all 0.1s ease-in-out;flex-shrink:0;", " @media (max-width:42.8571rem){width:0.0714rem;height:0.0714rem;}"], _ref => {
@@ -47,7 +33,7 @@ const TimeSlotCard = _styledComponents.default.div.withConfig({
     selected,
     themeColor
   } = _ref3;
-  return selected ? hexToRgba(themeColor, 0.08) : 'transparent';
+  return selected ? (0, _convertToRGBA.default)(themeColor, 0.08) : 'transparent';
 }, _ref4 => {
   let {
     themeColor
@@ -89,23 +75,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 +87,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

@@ -6,34 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.BmCardv2 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _convertToRGBA = _interopRequireDefault(require("../../../util/convertToRGBA"));
 const _excluded = ["className", "children", "borderColor", "borderWidth"];
 /* eslint-disable func-style */
 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-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 StyledCard = _styledComponents.default.div.withConfig({
   displayName: "Card__StyledCard"
 })(["background-color:var(--card,#fff);color:var(--card-foreground,#000);display:flex;flex-direction:column;gap:1.5rem;border-radius:0.75rem;border-style:solid;border-color:", ";border-width:", ";width:100%;"], _ref => {
   let {
     borderColor
   } = _ref;
-  return hexToRgba(borderColor || '#ccc', 0.1);
+  return (0, _convertToRGBA.default)(borderColor || '#ccc', 0.1);
 }, _ref2 => {
   let {
     borderWidth
@@ -51,7 +37,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

@@ -6,22 +6,8 @@ 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 Panel = _styledComponents.default.div.withConfig({
   displayName: "InfoPanel__Panel"
 })(["border:0.0714rem solid rgba(51,177,186,0.1);border-radius:0.5rem;overflow:hidden;"]);
@@ -30,12 +16,12 @@ 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
   } = _ref;
-  return iconBackgroundColor && hexToRgba(iconColor, 0.1);
+  return iconBackgroundColor && (0, _convertToRGBA.default)(iconColor, 0.1);
 }, _ref2 => {
   let {
     iconColor
@@ -59,7 +45,7 @@ const SummarySubtitle = _styledComponents.default.p.withConfig({
   let {
     textColor
   } = _ref4;
-  return hexToRgba(textColor || '#000000', 0.6);
+  return (0, _convertToRGBA.default)(textColor || '#000000', 0.6);
 });
 const SectionContainer = _styledComponents.default.div.withConfig({
   displayName: "InfoPanel__SectionContainer"
@@ -67,7 +53,7 @@ const SectionContainer = _styledComponents.default.div.withConfig({
   let {
     backgroundColor
   } = _ref5;
-  return backgroundColor && "\n    background-color: ".concat(hexToRgba(backgroundColor, 0.05), ";\n  ");
+  return backgroundColor && "\n    background-color: ".concat((0, _convertToRGBA.default)(backgroundColor, 0.05), ";\n  ");
 });
 const SectionTitle = _styledComponents.default.h3.withConfig({
   displayName: "InfoPanel__SectionTitle"
@@ -80,35 +66,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 +81,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 +91,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 +105,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/ProgressIndicator/ProgressIndicator.js

@@ -6,22 +6,8 @@ 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 => {
@@ -33,12 +19,12 @@ const Container = _styledComponents.default.div.withConfig({
   let {
     primaryColor
   } = _ref2;
-  return hexToRgba(primaryColor, 0.2);
+  return (0, _convertToRGBA.default)(primaryColor, 0.2);
 }, _ref3 => {
   let {
     primaryColor
   } = _ref3;
-  return hexToRgba(primaryColor, 0.4);
+  return (0, _convertToRGBA.default)(primaryColor, 0.4);
 }, _ref4 => {
   let {
     mutedColor

package/dist/components/SelectionNotice/SelectionNotice.js

@@ -6,34 +6,20 @@ 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 hexToRgba(color || '#33B1BA', 0.05);
+  return (0, _convertToRGBA.default)(color || '#33B1BA', 0.05);
 }, _ref2 => {
   let {
     color
   } = _ref2;
-  return hexToRgba(color || '#33B1BA', 0.2);
+  return (0, _convertToRGBA.default)(color || '#33B1BA', 0.2);
 });
 const Text = _styledComponents.default.p.withConfig({
   displayName: "SelectionNotice__Text"

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/nginx.conf

@@ -1,31 +1,17 @@
-# 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;
-#     }
-# }
-
-
-# nginx.conf
-server {
-  listen 3000;
-  server_name localhost;
-
-  root /usr/share/nginx/html;
-  index index.html;
-
-  location / {
-    try_files $uri $uri/ /index.html;
-  }
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
 }