@bigbinary/neeto-molecules 1.1.16 → 1.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -9,10 +9,10 @@
     "prepare": "husky install",
     "sync_with_wheel": "./.scripts/sync_with_wheel.sh",
     "test": "TZ=UTC jest --runInBand",
-    "bundle": "bash ./.scripts/bundle.sh",
+    "bundle": "NODE_ENV=production rollup -c rollup.config.js && yarn build:jsdoc",
     "build": "NODE_ENV=production build-storybook",
     "serve": "node .storybook/db",
-    "watch": "babel src/components --out-dir dist --copy-files --watch",
+    "watch": "rollup -c rollup.config.js --watch",
     "storybook": "(trap 'kill 0' SIGINT; node .storybook/db & NODE_ENV=development start-storybook -p 6006)",
     "build:jsdoc": "node ./.scripts/jsdoc-builder.mjs"
   },
@@ -33,8 +33,7 @@
   },
   "exports": {
     "./*": {
-      "import": "./dist/*/index.js",
-      "require": "./dist/*.cjs.js",
+      "import": "./dist/*.js",
       "types": "./types/*.d.ts"
     }
   },
@@ -52,11 +51,9 @@
     "qrcode.react": "^3.1.0",
     "react-dropzone": "^11.2.4",
     "react-transition-group": "^4.4.5",
-    "react-window": "^1.8.9",
-    "zustand": "^4.1.2"
+    "react-window": "^1.8.9"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.0",
     "@babel/core": "^7.19.1",
     "@babel/eslint-parser": "7.17.0",
     "@babel/plugin-transform-runtime": "^7.19.1",
@@ -82,6 +79,11 @@
     "@fullcalendar/timegrid": "^6.1.8",
     "@hello-pangea/dnd": "^16.3.0",
     "@honeybadger-io/react": "2.0.1",
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
     "@storybook/addon-actions": "^6.5.16",
     "@storybook/addon-essentials": "6.5.16",
     "@storybook/addon-postcss": "^2.0.0",
@@ -89,6 +91,7 @@
     "@storybook/manager-webpack5": "6.5.16",
     "@storybook/preset-scss": "1.0.3",
     "@storybook/react": "6.5.16",
+    "@svgr/rollup": "^6.2.1",
     "@svgr/webpack": "^6.5.1",
     "@tailwindcss/line-clamp": "^0.4.4",
     "@testing-library/jest-dom": "5.16.2",
@@ -101,16 +104,14 @@
     "babel-jest": "27.0.6",
     "babel-loader": "^8.2.5",
     "babel-plugin-dynamic-import-node": "^2.3.3",
-    "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-js-logger": "1.0.17",
     "babel-plugin-macros": "3.1.0",
-    "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "babel-preset-react": "6.24.1",
     "babel-preset-typescript": "^7.0.0-alpha.19",
+    "classnames": "^2.3.2",
     "css-loader": "4.3.0",
-    "cssnano": "^6.0.1",
     "dayjs": "1.11.1",
     "eslint": "8.14.0",
     "eslint-config-prettier": "8.5.0",
@@ -148,11 +149,17 @@
     "react-router-dom": "^5.3.3",
     "react-syntax-highlighter": "^15.5.0",
     "react-toastify": "^9.0.8",
+    "rollup": "^2.76.0",
+    "rollup-plugin-analyzer": "^4.0.0",
+    "rollup-plugin-cleaner": "^1.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-styles": "^4.0.0",
     "sass": "^1.58.1",
     "sass-loader": "10.0.2",
     "storybook-dark-mode": "^2.1.1",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat",
-    "yup": "^0.32.11"
+    "yup": "^0.32.11",
+    "zustand": "^4.1.2"
   },
   "peerDependencies": {
     "@bigbinary/neeto-commons-frontend": "latest",
@@ -171,6 +178,7 @@
     "@honeybadger-io/react": "2.0.1",
     "antd": "5.9.2",
     "axios": "^0.27.2",
+    "classnames": "^2.3.2",
     "dayjs": "1.11.1",
     "formik": "2.4.5",
     "i18next": "^22.5.1",
@@ -186,6 +194,7 @@
     "react-toastify": "^9.0.8",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat",
     "webpack": "^5.75.0",
-    "yup": "^0.32.11"
+    "yup": "^0.32.11",
+    "zustand": "^4.1.2"
   }
 }

package/dist/AutoSaveInput/autosaveinput.scss

@@ -1,15 +0,0 @@
-.neeto-molecules-autosave-input {
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  input[type="number"] {
-    -moz-appearance: textfield;
-  }
-
-  .neeto-ui-input__suffix {
-    margin-right: 0 !important;
-  }
-}

package/dist/AutoSaveInput/constants.js

@@ -1,13 +0,0 @@
-import { t } from "i18next";
-export var TOOLTIP_PROPS = {
-  save: {
-    content: t("neetoMolecules.common.actions.save"),
-    position: "top",
-    delay: 300
-  },
-  cancel: {
-    content: t("neetoMolecules.common.actions.cancel"),
-    position: "top",
-    delay: 300
-  }
-};

package/dist/AutoSaveInput/index.js

@@ -1,124 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["nullable", "value", "isSaving", "className", "handleSubmit", "handleCancel"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect, useState, useRef } from "react";
-import classnames from "classnames";
-import { isNotEmpty, noop } from "@bigbinary/neeto-commons-frontend/pure";
-import { useHotKeys, useStateWithDependency } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Check, Close } from "@bigbinary/neeto-icons";
-import { Button, Input } from "@bigbinary/neetoui";
-import { isNotNil } from "ramda";
-import "./autosaveinput.scss";
-import { TOOLTIP_PROPS } from "./constants";
-import { mergeRefs } from "./utils";
-var AutoSaveInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$nullable = props.nullable,
-    nullable = _props$nullable === void 0 ? false : _props$nullable,
-    _props$value = props.value,
-    value = _props$value === void 0 ? "" : _props$value,
-    isSaving = props.isSaving,
-    _props$className = props.className,
-    className = _props$className === void 0 ? "" : _props$className,
-    _props$handleSubmit = props.handleSubmit,
-    handleSubmit = _props$handleSubmit === void 0 ? noop : _props$handleSubmit,
-    _props$handleCancel = props.handleCancel,
-    handleCancel = _props$handleCancel === void 0 ? noop : _props$handleCancel,
-    otherProps = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSubmitting = _useState2[0],
-    setIsSubmitting = _useState2[1];
-  var _useStateWithDependen = useStateWithDependency(value !== null && value !== void 0 ? value : ""),
-    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
-    inputValue = _useStateWithDependen2[0],
-    setInputValue = _useStateWithDependen2[1];
-  var inputRef = useRef(null);
-  var trimmedValue = inputValue && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim());
-  var isValidValue = nullable || isNotEmpty(trimmedValue) && isNotNil(trimmedValue);
-  var handleFocusOut = function handleFocusOut() {
-    if (!isValidValue || isSubmitting) return;
-    inputValue !== value ? onSubmit() : handleCancel(inputValue);
-  };
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setIsSubmitting(true);
-            _context.next = 3;
-            return handleSubmit(inputValue);
-          case 3:
-            setIsSubmitting(false);
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onSubmit() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var closeRef = useHotKeys("escape", function (event) {
-    event.stopPropagation();
-    handleCancel(inputValue);
-  }, {
-    mode: "scoped"
-  });
-  var submitRef = useHotKeys(["command+return", "return"], function () {
-    return onSubmit();
-  }, {
-    mode: "scoped",
-    enabled: isValidValue
-  });
-  useEffect(function () {
-    return inputRef.current && inputRef.current.focus();
-  }, [isSubmitting]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames("flex flex-grow", _defineProperty({}, className, className))
-  }, /*#__PURE__*/React.createElement(Input, _extends({
-    className: "neeto-molecules-autosave-input",
-    "data-testid": "neeto-molecules-autosave-input",
-    disabled: isSubmitting,
-    ref: mergeRefs(inputRef, closeRef, submitRef),
-    value: inputValue,
-    onChange: function onChange(e) {
-      return setInputValue(e.target.value);
-    },
-    onBlur: function onBlur(event) {
-      var _otherProps$onBlur;
-      otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onBlur = otherProps.onBlur) === null || _otherProps$onBlur === void 0 ? void 0 : _otherProps$onBlur.call(otherProps, event);
-      handleFocusOut();
-    }
-  }, otherProps, {
-    suffix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-      "data-testid": "neeto-molecules-autosave-input-save",
-      disabled: !isValidValue || isSubmitting || isSaving,
-      icon: Check,
-      loading: isSubmitting || isSaving,
-      size: "small",
-      style: "text",
-      tabIndex: -1,
-      tooltipProps: TOOLTIP_PROPS["save"],
-      onClick: onSubmit
-    }), /*#__PURE__*/React.createElement(Button, {
-      disabled: isSubmitting || isSaving,
-      icon: Close,
-      ref: ref,
-      "data-testid": "neeto-molecules-autosave-input-cancel",
-      size: "small",
-      style: "text",
-      tabIndex: -1,
-      tooltipProps: TOOLTIP_PROPS["cancel"],
-      onClick: function onClick() {
-        return handleCancel(inputValue);
-      }
-    }))
-  })));
-});
-AutoSaveInput.displayName = "AutoSaveInput";
-export default AutoSaveInput;

package/dist/AutoSaveInput/utils.js

@@ -1,10 +0,0 @@
-export var mergeRefs = function mergeRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return function (node) {
-    return refs.forEach(function (ref) {
-      return typeof ref === "function" ? ref(node) : ref.current = node;
-    });
-  };
-};

package/dist/Breadcrumbs/breadcrumbs.scss

@@ -1,33 +0,0 @@
-.neeto-molecules-breadcrumbs-wrap {
-  display: flex;
-
-  .neeto-molecules-breadcrumb {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    line-height: 1;
-
-    a {
-      transition: all ease-in-out 300ms;
-      text-decoration: none;
-      &:focus-visible {
-        outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
-        border-radius: var(--neeto-ui-rounded-sm);
-      }
-    }
-  }
-
-  .neeto-molecules-breadcrumb-link {
-    color: rgb(var(--neeto-ui-gray-500));
-    padding: 8px 5px;
-    &:hover {
-      color: rgb(var(--neeto-ui-gray-800));
-    }
-  }
-
-  .neeto-molecules-breadcrumb-separator {
-    margin: 0 4px;
-    color: rgb(var(--neeto-ui-gray-500));
-  }
-}

package/dist/Breadcrumbs/index.js

@@ -1,31 +0,0 @@
-import React from "react";
-import { Typography } from "@bigbinary/neetoui";
-import { Link } from "react-router-dom";
-import "./breadcrumbs.scss";
-var Breadcrumbs = function Breadcrumbs(_ref) {
-  var breadcrumbs = _ref.breadcrumbs;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-breadcrumbs-wrap"
-  }, breadcrumbs.map(function (_ref2, index) {
-    var text = _ref2.text,
-      _ref2$link = _ref2.link,
-      link = _ref2$link === void 0 ? "#" : _ref2$link;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "neeto-molecules-breadcrumb",
-      "data-cy": "header-breadcrumb",
-      key: index
-    }, /*#__PURE__*/React.createElement(Link, {
-      to: link
-    }, /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link",
-      component: "span",
-      "data-cy": text,
-      "data-test-id": text,
-      style: "body2",
-      weight: "normal"
-    }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React.createElement("span", {
-      className: "neeto-molecules-breadcrumb-separator neeto-ui-text-black"
-    }, "/"));
-  }));
-};
-export default Breadcrumbs;

package/dist/BrowserSupport/Callout.js

@@ -1,15 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import React from "react";
-var Callout = function Callout(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "neeto-molecules-browser-support-callout",
-    "data-testid": "browser-support-callout"
-  }, props), /*#__PURE__*/React.createElement("p", {
-    className: "neeto-molecules-browser-support-callout__message"
-  }, children));
-};
-export default Callout;

package/dist/BrowserSupport/ContactUs.js

@@ -1,21 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import { Trans } from "react-i18next";
-var ContactUs = function ContactUs(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.contactUs.main",
-    components: {
-      button: /*#__PURE__*/React.createElement("button", {
-        className: classnames("neeto-molecules-browser-support__link-button", className),
-        onClick: function onClick() {
-          var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
-          (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
-          (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
-        }
-      })
-    }
-  });
-};
-export default ContactUs;

package/dist/BrowserSupport/DownloadLink.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { Trans } from "react-i18next";
-var DownloadLink = function DownloadLink(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    link = _ref.link;
-  return /*#__PURE__*/React.createElement(Trans, {
-    components: {
-      button: /*#__PURE__*/React.createElement("a", {
-        className: className,
-        href: link
-      })
-    },
-    i18nKey: "neetoMolecules.browserSupport.downloadLink.main"
-  });
-};
-export default DownloadLink;

package/dist/BrowserSupport/PartialSupportedBrowserVersion.js

@@ -1,17 +0,0 @@
-import React from "react";
-import Callout from "./Callout";
-import UnsupportedVersionMessage from "./UnsupportedVersionMessage";
-export var PartialSupportedBrowserVersion = function PartialSupportedBrowserVersion(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion,
-    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
-    downloadPageLink = _ref.downloadPageLink,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, null, /*#__PURE__*/React.createElement(UnsupportedVersionMessage, {
-    browserName: browserName,
-    browserVersion: browserVersion,
-    downloadPageLink: downloadPageLink,
-    requiredMinBrowserVersion: requiredMinBrowserVersion
-  })), children);
-};
-export default PartialSupportedBrowserVersion;

package/dist/BrowserSupport/UnknownBrowser.js

@@ -1,13 +0,0 @@
-import React from "react";
-import Callout from "./Callout";
-import UnsupportedBrowserMessage from "./UnsupportedBrowserMessage";
-var UnknownBrowser = function UnknownBrowser(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Callout, null, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage, {
-    browserName: browserName,
-    browserVersion: browserVersion
-  })), children);
-};
-export default UnknownBrowser;

package/dist/BrowserSupport/UnsupportedBrowser.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { Trans } from "react-i18next";
-import UnsupportedBrowserMessage from "./UnsupportedBrowserMessage";
-var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-browser-support-page",
-    "data-testid": "browser-support-page"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-browser-support-page__content"
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: "neeto-molecules-browser-support-page__header"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.title"
-  })), /*#__PURE__*/React.createElement("p", {
-    className: "neeto-molecules-browser-support-page__desc"
-  }, /*#__PURE__*/React.createElement(UnsupportedBrowserMessage, {
-    browserName: browserName,
-    browserVersion: browserVersion,
-    className: "neeto-ui-text-body1"
-  }))));
-};
-export default /*#__PURE__*/React.memo(UnsupportedBrowser);

package/dist/BrowserSupport/UnsupportedBrowserMessage.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { Trans } from "react-i18next";
-import ContactUs from "./ContactUs";
-var UnsupportedBrowserMessage = function UnsupportedBrowserMessage(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React.createElement(Trans, {
-    components: {
-      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
-        className: className
-      })
-    },
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowser.description",
-    values: {
-      browserName: browserName,
-      browserVersion: browserVersion
-    }
-  });
-};
-export default /*#__PURE__*/React.memo(UnsupportedBrowserMessage);

package/dist/BrowserSupport/UnsupportedBrowserVersion.js

@@ -1,27 +0,0 @@
-import React from "react";
-import { Trans } from "react-i18next";
-import UnsupportedVersionMessage from "./UnsupportedVersionMessage";
-var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion,
-    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
-    downloadPageLink = _ref.downloadPageLink;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-browser-support-page",
-    "data-testid": "browser-support-page"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-browser-support-page__content"
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: "neeto-molecules-browser-support-page__header"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.title"
-  })), /*#__PURE__*/React.createElement("p", {
-    className: "neeto-molecules-browser-support-page__desc"
-  }, /*#__PURE__*/React.createElement(UnsupportedVersionMessage, {
-    browserName: browserName,
-    browserVersion: browserVersion,
-    downloadPageLink: downloadPageLink,
-    requiredMinBrowserVersion: requiredMinBrowserVersion
-  }))));
-};
-export default /*#__PURE__*/React.memo(UnsupportedBrowserVersion);

package/dist/BrowserSupport/UnsupportedVersionMessage.js

@@ -1,30 +0,0 @@
-import React from "react";
-import { Trans } from "react-i18next";
-import ContactUs from "./ContactUs";
-import DownloadLink from "./DownloadLink";
-var UnsupportedVersionMessage = function UnsupportedVersionMessage(_ref) {
-  var browserName = _ref.browserName,
-    browserVersion = _ref.browserVersion,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    downloadPageLink = _ref.downloadPageLink,
-    requiredMinBrowserVersion = _ref.requiredMinBrowserVersion;
-  return /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.browserSupport.unsupportedBrowserVersion.description",
-    components: {
-      downloadLink: /*#__PURE__*/React.createElement(DownloadLink, {
-        className: className,
-        link: downloadPageLink
-      }),
-      contactUs: /*#__PURE__*/React.createElement(ContactUs, {
-        className: className
-      })
-    },
-    values: {
-      browserName: browserName,
-      browserVersion: browserVersion,
-      requiredMinBrowserVersion: requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit
-    }
-  });
-};
-export default /*#__PURE__*/React.memo(UnsupportedVersionMessage);

package/dist/BrowserSupport/browsersupport.scss

@@ -1,71 +0,0 @@
-:root {
-  --neeto-molecules-browser-support-callout-bg: rgb(254, 236, 240);
-  --neeto-molecules-browser-support-border-color: rgb(215, 55, 63);
-  --neeto-molecules-browser-support-text-color: #121212;
-  --neeto-molecules-browser-support-link-color: #2d36d4;
-}
-
-.neeto-molecules-browser-support-callout {
-  display: flex;
-  justify-content: center;
-  padding: 5px;
-  border: 1px solid var(--neeto-molecules-browser-support-border-color);
-  background-color: var(--neeto-molecules-browser-support-callout-bg);
-}
-
-.neeto-molecules-browser-support-callout__message {
-  font-size: 14px;
-  color: var(--neeto-molecules-browser-support-text-color);
-}
-
-.neeto-molecules-browser-support-page {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  overflow-y: auto;
-  align-items: center;
-  justify-content: center;
-  background-color: #fff;
-}
-
-.neeto-molecules-browser-support-page__content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 720px;
-  max-width: 100%;
-  padding-left: 15px;
-  padding-right: 15px;
-}
-
-.neeto-molecules-browser-support-page__header {
-  font-size: 24px;
-  margin: 0 0 0.5rem 0;
-  color: var(--neeto-molecules-browser-support-text-color);
-}
-
-.neeto-molecules-browser-support-page__desc {
-  font-size: 1rem;
-  margin: 0 0 1rem 0;
-  line-height: 1.5;
-  color: var(--neeto-molecules-browser-support-text-color);
-}
-
-.neeto-molecules-browser-support-callout__message,
-.neeto-molecules-browser-support-page__desc {
-  text-align: center;
-  a {
-    color: var(--neeto-molecules-browser-support-link-color);
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
-
-.neeto-molecules-browser-support__link-button {
-  color: var(--neeto-molecules-browser-support-link-color);
-  &:hover {
-    text-decoration: underline;
-  }
-}