@stokr/components-library 3.0.54 → 3.0.56

package/dist/components/BackButton/BackButton.js

@@ -25,12 +25,10 @@ BackButton.propTypes = {
   to: PropTypes.string,
   href: PropTypes.string
 };
-var stdin_default = BackButton;
 export {
   BackButton,
   BackButtonIcon,
   StyledBackButton,
   StyledBackButtonExternal,
-  StyledWindowBackButton,
-  stdin_default as default
+  StyledWindowBackButton
 };

package/dist/components/ComponentScroll/ComponentScroll.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
 import PropTypes from "prop-types";
-import { Scrollbars } from "react-custom-scrollbars-2";
+import { Scrollbars } from "react-custom-scrollbars-4";
 import { Container, Outer, Inner, ThumbV, TrackV, ThumbH, TrackH } from "./ComponentScroll.styles.js";
 const ComponentScroll = (props) => {
   const {

package/dist/components/FAQ/FAQ.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { Text } from "../Text/Text.styles.js";
 import { useState } from "react";
-import scrollToElement from "scroll-to-element";
+import { scrollToElement } from "../../utils/scrollUtils.js";
 import { FaqItems, FaqItem, FaqTitle, FaqDropdownIcon, FaqContent, FaqText } from "./FAQ.styles.js";
 function slugFromTitle(title) {
   if (title == null) return "";
@@ -22,10 +22,7 @@ const FAQ = (props) => {
           scrollRef?.current.scrollToBottom();
         }, 0);
       } else {
-        scrollToElement?.(e.target.parentElement, {
-          duration: 300,
-          offset: 20
-        });
+        scrollToElement(e.target.parentElement, { offset: 20 });
       }
     }
   };

package/dist/components/Input/InputPassword.js

@@ -4,12 +4,13 @@ import PropTypes from "prop-types";
 import stdin_default$1 from "../SvgIcons/CapsLockSvg.js";
 import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 import { Wrapper, Label, InputWrap } from "./Input.styles.js";
+import { getPasswordEntropy, ENTROPY_WEAK, ENTROPY_MEDIUM } from "../../utils/password-validation.js";
 import { InfoIconWrapper, ShowPassword, BottomWrap, PasswordStrengthWrap, PasswordStrengthIndicators, PasswordStrengthIndicator, PasswordStrengthText, CapslockIndicator } from "./InputPassword.styles.js";
 const PasswordStrength = {
   NONE: "none",
   WEAK: "Weak",
-  MEDIUM: "Average",
-  STRONG: "Excellent"
+  MEDIUM: "Good",
+  STRONG: "Strong"
 };
 const InputPassword = (props) => {
   const {
@@ -53,15 +54,10 @@ const InputPassword = (props) => {
     onChange?.(e, field);
   };
   const passwordStrengthFunction = () => {
-    if (value.length === 0) {
-      return PasswordStrength.NONE;
-    }
-    if (value.length < 6) {
-      return PasswordStrength.WEAK;
-    }
-    if (value.length < 11) {
-      return PasswordStrength.MEDIUM;
-    }
+    if (!value) return PasswordStrength.NONE;
+    const entropy = getPasswordEntropy(value);
+    if (entropy < ENTROPY_WEAK) return PasswordStrength.WEAK;
+    if (entropy < ENTROPY_MEDIUM) return PasswordStrength.MEDIUM;
     return PasswordStrength.STRONG;
   };
   const passwordStrength = passwordStrengthFunction();

package/dist/components/MultiProgressBar/MultiProgressBar.js

@@ -22,9 +22,7 @@ const MultiProgressBarPropTypes = {
   fill: PropTypes.number.isRequired
 };
 MultiProgressBar.propTypes = MultiProgressBarPropTypes;
-var stdin_default = MultiProgressBar;
 export {
   MultiProgressBar,
-  MultiProgressBarPropTypes,
-  stdin_default as default
+  MultiProgressBarPropTypes
 };

package/dist/components/RegisterModal/RegisterModal.js

@@ -16,6 +16,7 @@ import { Row, Column } from "../Grid/Grid.styles.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import fetchDataPublic from "../../api/fetchDataPublic.js";
 import { emailRegex } from "../../constants/globalVariables.js";
+import { isPasswordValid, PASSWORD_REQUIREMENTS_MESSAGE } from "../../utils/password-validation.js";
 import { ModalInner, ModalLinkWrap, ModalLink } from "../Modal/Modal.styles.js";
 import { FormField, FormError } from "../Form/Form.styles.js";
 const TermsStyled = styled.span`
@@ -78,7 +79,11 @@ const RegisterModal = (props) => {
   }, [props.popupError]);
   const validationSchema = Yup.object().shape({
     email: Yup.string().matches(emailRegex, "Oops, that's not a valid address").required("Oops, this can‘t be blank"),
-    password: Yup.string().required("Oops, this can‘t be blank"),
+    password: Yup.string().test("password-full", function(val) {
+      if (!val) return this.createError({ message: "Oops, this can’t be blank" });
+      if (!isPasswordValid(val)) return this.createError({ message: PASSWORD_REQUIREMENTS_MESSAGE });
+      return true;
+    }),
     terms: Yup.bool().oneOf([true], "Please agree to continue"),
     newsletter: Yup.bool()
     // .oneOf([true], 'Newsletter accept is required'),
@@ -136,13 +141,13 @@ const RegisterModal = (props) => {
               clearPopupError();
             }
             if (withTouch) {
-              setFieldValue(field.name, field.value, false);
-              setFieldTouched(field.name);
+              setFieldValue(field.name, field.value, true);
+              setFieldTouched(field.name, true, false);
             } else {
               handleChange(e);
             }
           };
-          const submitDisabled = !values.email || !!errors.email || !!errors.terms || values.password.length <= 5 || isActionLoading === "signUp" || popupError.popup === "register";
+          const submitDisabled = !values.email || !!errors.email || !!errors.terms || !isPasswordValid(values.password) || isActionLoading === "signUp" || popupError.popup === "register";
           return /* @__PURE__ */ jsxs(stdin_default$1, { children: [
             /* @__PURE__ */ jsx(ComponentWrapper, { noPadding: true, children: /* @__PURE__ */ jsxs(FormField, { children: [
               /* @__PURE__ */ jsx(
@@ -179,11 +184,11 @@ const RegisterModal = (props) => {
                   touched: !!touched.password,
                   info: "For a stronger password, try a mix of lowercase, capitals, numbers and special characters.",
                   autoComplete: "new-password",
-                  "data-cy": "register-modal-password-input"
+                  "data-cy": "register-modal-password-input",
+                  showStrength: true
                 }
               ),
-              /* @__PURE__ */ jsx(FormError, { show: errors.password && touched.password, children: errors.password }),
-              /* @__PURE__ */ jsx(FormError, { show: !errors.password && touched.password && values.password.length <= 5, children: "The password must be at least 6 characters long" })
+              /* @__PURE__ */ jsx(FormError, { show: errors.password && touched.password, children: errors.password })
             ] }) }),
             /* @__PURE__ */ jsx(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true }),
             /* @__PURE__ */ jsxs(ComponentWrapper, { noPaddingBottom: true, noPaddingHorizontal: true, children: [

package/dist/components/ResetPasswordModal/ResetPasswordModal.js

@@ -10,6 +10,7 @@ import stdin_default$2 from "../Input/InputPassword.js";
 import { Button } from "../Button/Button.styles.js";
 import { Row, Column } from "../Grid/Grid.styles.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
+import { isPasswordValid, PASSWORD_REQUIREMENTS_MESSAGE } from "../../utils/password-validation.js";
 import { ModalInner, ModalLinkWrap, ModalLink } from "../Modal/Modal.styles.js";
 import { FormField, FormError } from "../Form/Form.styles.js";
 const ResetPasswordModal = ({
@@ -26,7 +27,11 @@ const ResetPasswordModal = ({
     confirmPassword: ""
   };
   const validationSchema = Yup.object().shape({
-    password: Yup.string().required("Oops, this can‘t be blank"),
+    password: Yup.string().test("password-full", function(val) {
+      if (!val) return this.createError({ message: "Oops, this can’t be blank" });
+      if (!isPasswordValid(val)) return this.createError({ message: PASSWORD_REQUIREMENTS_MESSAGE });
+      return true;
+    }),
     confirmPassword: Yup.string().required("Oops, this can‘t be blank")
   });
   useEffect(() => {
@@ -54,10 +59,10 @@ const ResetPasswordModal = ({
         children: ({ values, errors, touched, handleBlur, setFieldValue, setFieldTouched }) => {
           const onChangeWithTouch = (e) => {
             const field = e.target;
-            setFieldValue(field.name, field.value, false);
-            setFieldTouched(field.name);
+            setFieldValue(field.name, field.value, true);
+            setFieldTouched(field.name, true, false);
           };
-          const submitDisabled = values.password.length <= 5 || values.password !== values.confirmPassword || isActionLoading === "resetPassword";
+          const submitDisabled = !isPasswordValid(values.password) || values.password !== values.confirmPassword || isActionLoading === "resetPassword";
           return /* @__PURE__ */ jsxs(stdin_default$1, { children: [
             /* @__PURE__ */ jsx("br", {}),
             /* @__PURE__ */ jsx("br", {}),
@@ -76,17 +81,11 @@ const ResetPasswordModal = ({
                   touched: !!touched.password,
                   info: "For a stronger password, try a mix of lowercase, capitals, numbers and special characters.",
                   autoComplete: "new-password",
-                  "data-cy": "reset-password-modal-password-input"
+                  "data-cy": "reset-password-modal-password-input",
+                  showStrength: true
                 }
               ),
-              /* @__PURE__ */ jsx(FormError, { show: errors.password && touched.password, children: errors.password }),
-              /* @__PURE__ */ jsx(
-                FormError,
-                {
-                  show: !errors.password && touched.password && values.password.length <= 5,
-                  children: "The password must be at least 6 characters long"
-                }
-              )
+              /* @__PURE__ */ jsx(FormError, { show: errors.password && touched.password, children: errors.password })
             ] }) }),
             /* @__PURE__ */ jsx("br", {}),
             /* @__PURE__ */ jsx(ComponentWrapper, { noPadding: true, children: /* @__PURE__ */ jsxs(FormField, { children: [

package/dist/components/Tabs/Tabs.js

@@ -46,9 +46,7 @@ Tabs.propTypes = {
   children: PropTypes.node.isRequired,
   activeTab: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
-var stdin_default = Tabs;
 export {
   Tab,
-  Tabs,
-  stdin_default as default
+  Tabs
 };

package/dist/components/TabsNav/TabsNav.js

@@ -16,13 +16,11 @@ TabsNav.propTypes = {
   noBorderBottom: PropTypes.bool,
   noWrapperPadding: PropTypes.bool
 };
-var stdin_default = TabsNav;
 export {
   LinkText,
   Scroll,
   StyledTab,
   StyledTabs,
   TabsNav,
-  TabsWrapper,
-  stdin_default as default
+  TabsWrapper
 };

package/dist/index.js

@@ -9,7 +9,6 @@ import { HeroVideoBlock } from "./components/HeroBlock/HeroVideoBlock.js";
 import { BasicTable } from "./components/BasicTable/BasicTable.js";
 import { Button } from "./components/Button/Button.styles.js";
 import { ButtonContainer, ButtonGridContainer } from "./components/ButtonContainer/ButtonContainer.styles.js";
-import { CaptialRaisedSummary } from "./components/CapitalRaisedSummary/CaptialRaisedSummary.js";
 import { ChartLegend } from "./components/ChartLegend/ChartLegend.js";
 import { CheckBoxCaption, Checkbox } from "./components/Checkbox/Checkbox.js";
 import { ComponentScroll } from "./components/ComponentScroll/ComponentScroll.js";
@@ -45,12 +44,6 @@ import { TableFilterDropdown } from "./components/Input/TableFilterDropdown.js";
 import { InvestmentStat } from "./components/InvestmentStat/InvestmentStat.js";
 import { SpanButton } from "./components/SpanButton/SpanButton.styles.js";
 import { LatestUpdate } from "./components/LatestUpdate/LatestUpdate.js";
-import { LearnMoreCarousel } from "./components/LearnMoreCarousel/LearnMoreCarousel.js";
-import { LearnMore } from "./components/LearnMorePage/LearnMore.js";
-import { LearnMoreExampleObject } from "./components/LearnMorePage/LearnMoreExampleObject.js";
-import { LearnMoreItem } from "./components/LearnMorePage/LearnMoreItem.js";
-import { LearnMoreSection } from "./components/LearnMoreSection/LearnMore.js";
-import { LearnMoreItemSection } from "./components/LearnMoreSection/LearnMoreItem.js";
 import { MainMenu } from "./components/MainMenu/MainMenu.js";
 import { MenuNav } from "./components/MenuNav/MenuNav.styles.js";
 import { GlareButton } from "./components/Button/GlareButton.js";
@@ -132,6 +125,7 @@ import { cooldownHOC, useComponentVisible, useContainerSize, useCooldown, useMob
 import { fixDecimals } from "./utils/fix-decimals.js";
 import { CURRENCY_CONFIG, formatCurrencyValue, getCurrencyConfig, getCurrencyIcon, getCurrencySymbol, getLiquidAssetIcon, getProjectCurrencySign } from "./utils/formatCurrencyValue.js";
 import { isUSInvestor, usCountries } from "./utils/isUSInvestor.js";
+import { ENTROPY_MEDIUM, ENTROPY_WEAK, PASSWORD_MIN_LENGTH, PASSWORD_REQUIREMENTS_MESSAGE, getPasswordCriteria, getPasswordEntropy, isPasswordValid } from "./utils/password-validation.js";
 import { km_ify } from "./utils/km_ify.js";
 import { momentUtils } from "./utils/moment.js";
 import { openFile, saveAs } from "./utils/saveAs.js";
@@ -243,7 +237,6 @@ import { Youtube } from "./components/icons/Youtube.js";
 import { format } from "date-fns";
 import { getAnalyticsIngestUrl, getBackofficeAppUrl } from "./utils/app-urls-analytics-backoffice.js";
 import { getConfig, resetRuntimeConfig } from "./runtime-config.js";
-import { learnMoreCategoryPropTypes, learnMorePostPropTypes } from "./components/LearnMorePage/LearnMore.propTypes.js";
 import { useSnackbar } from "./components/Snackbar/useSnackbar.js";
 export {
   AccountBalance,
@@ -279,7 +272,6 @@ export {
   CURRENCY_CONFIG,
   default10 as CameraSvg,
   default11 as CapsLockSvg,
-  CaptialRaisedSummary,
   Card,
   CardHeader,
   CardHeaderRegular,
@@ -331,6 +323,8 @@ export {
   default14 as DocumentSmallSvg,
   default15 as DocumentSvg,
   DoubleButtons,
+  ENTROPY_MEDIUM,
+  ENTROPY_WEAK,
   default16 as Enable2FAFlow,
   default17 as EnterCode,
   ErrorMessage,
@@ -402,12 +396,6 @@ export {
   LatestUpdate,
   LatestUpdateWrapper,
   Layout,
-  LearnMore,
-  LearnMoreCarousel,
-  LearnMoreExampleObject,
-  LearnMoreItem,
-  LearnMoreItemSection,
-  LearnMoreSection,
   LinkIcon,
   LinkText,
   LinkedIn,
@@ -448,6 +436,8 @@ export {
   OptionLabel,
   OtpInput,
   Outer,
+  PASSWORD_MIN_LENGTH,
+  PASSWORD_REQUIREMENTS_MESSAGE,
   PHONE_MEDIA,
   PageTransition,
   PageWrapper,
@@ -620,6 +610,8 @@ export {
   getFooterGroups,
   getLiquidAssetIcon,
   getMedia,
+  getPasswordCriteria,
+  getPasswordEntropy,
   getProjectCurrencySign,
   getTokenBucket,
   getVerifyIdentityChecklist,
@@ -631,10 +623,9 @@ export {
   isAccountLockedError,
   isAlreadyOnOnboardingFlow,
   isExternalUrl,
+  isPasswordValid,
   isUSInvestor,
   km_ify,
-  learnMoreCategoryPropTypes,
-  learnMorePostPropTypes,
   loaderGif,
   momentUtils,
   navigateToHref,

package/dist/utils/password-validation.js

@@ -0,0 +1,49 @@
+const PASSWORD_MIN_LENGTH = 8;
+const PASSWORD_REQUIREMENTS_MESSAGE = "Use at least 8 characters with a mix of letters, numbers, and symbols.";
+const ENTROPY_WEAK = 50;
+const ENTROPY_MEDIUM = 80;
+const getCharsetSize = (password) => {
+  let size = 0;
+  if (/[a-z]/.test(password)) size += 26;
+  if (/[A-Z]/.test(password)) size += 26;
+  if (/[0-9]/.test(password)) size += 10;
+  if (/[^A-Za-z0-9]/.test(password)) size += 32;
+  return size;
+};
+const getPasswordEntropy = (value) => {
+  const password = value || "";
+  if (password.length === 0) return 0;
+  const charsetSize = getCharsetSize(password);
+  const uniqueChars = new Set(password).size;
+  const effectiveLength = (password.length + uniqueChars) / 2;
+  return effectiveLength * Math.log2(charsetSize);
+};
+const getPasswordCriteria = (value) => {
+  const password = value || "";
+  const hasLowercase = /[a-z]/.test(password);
+  const hasUppercase = /[A-Z]/.test(password);
+  const hasNumber = /[0-9]/.test(password);
+  const hasSpecial = /[^A-Za-z0-9]/.test(password);
+  return {
+    length: password.length,
+    hasLength: password.length >= PASSWORD_MIN_LENGTH,
+    hasLowercase,
+    hasUppercase,
+    hasNumber,
+    hasSpecial,
+    classesMet: [hasLowercase, hasUppercase, hasNumber, hasSpecial].filter(Boolean).length
+  };
+};
+const isPasswordValid = (value) => {
+  const password = value || "";
+  return password.length >= PASSWORD_MIN_LENGTH && getPasswordEntropy(password) >= ENTROPY_WEAK;
+};
+export {
+  ENTROPY_MEDIUM,
+  ENTROPY_WEAK,
+  PASSWORD_MIN_LENGTH,
+  PASSWORD_REQUIREMENTS_MESSAGE,
+  getPasswordCriteria,
+  getPasswordEntropy,
+  isPasswordValid
+};

package/dist/utils/scrollUtils.js

@@ -1,22 +1,22 @@
 import { useEffect, useCallback } from "react";
 import { useLocation } from "react-router-dom";
-const scrollToElement = (elementRef, options = {}) => {
-  const { behavior = "smooth", block = "start", delay = 0 } = options;
+const scrollToElement = (elementOrRef, options = {}) => {
+  const { behavior = "smooth", block = "start", delay = 0, offset = 0 } = options;
   const performScroll = () => {
-    if (!elementRef?.current) return;
+    const element = elementOrRef?.current ?? elementOrRef;
+    if (!element) return;
     const isAppleDevice = /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
     requestAnimationFrame(() => {
-      if (isAppleDevice) {
-        const rect = elementRef.current.getBoundingClientRect();
-        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-        const targetY = rect.top + scrollTop;
+      const rect = element.getBoundingClientRect();
+      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+      const targetY = rect.top + scrollTop - offset;
+      if (isAppleDevice || offset !== 0) {
         window.scrollTo({
           top: targetY,
           behavior: behavior === "smooth" ? "auto" : behavior
-          // Use 'auto' for Apple devices
         });
       } else {
-        elementRef.current.scrollIntoView({
+        element.scrollIntoView({
           behavior,
           block
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.54",
+  "version": "3.0.56",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",
@@ -54,32 +54,25 @@
     "serve": "npx http-server ./storybook-static -p 9009"
   },
   "dependencies": {
-    "@lottiefiles/dotlottie-react": "^0.17.13",
-    "ajv": "^8.18.0",
+    "@lottiefiles/dotlottie-react": "^0.19.4",
     "axios": "^1.13.5",
-    "bignumber.js": "^9.1.1",
     "country-flag-icons": "^1.6.17",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "dompurify": "^3.2.4",
     "firebase": "^12.4.0",
     "formik": "^2.2.9",
-    "formik-persist": "^1.1.0",
     "html-react-parser": "^5.0.6",
     "js-cookie": "^3.0.5",
     "mixpanel-browser": "^2.74.0",
-    "mobile-detect": "^1.4.5",
     "moment": "^2.30.1",
     "moment-timezone": "^0.6.0",
     "prop-types": "^15.8.1",
     "qrcode.react": "^4.2.0",
     "react-collapse": "^5.1.1",
     "react-copy-to-clipboard": "^5.1.0",
-    "react-countup": "^6.4.1",
-    "react-custom-scrollbars-2": "^4.5.0",
+    "react-custom-scrollbars-4": "^4.5.1",
     "react-day-picker": "^9.11.1",
-    "react-device-detect": "^2.2.3",
-    "react-ga4": "^2.1.0",
     "react-helmet": "^6.1.0",
     "react-intersection-observer": "^10.0.2",
     "react-otp-input": "^3.1.0",
@@ -89,15 +82,13 @@
     "react-slick": "^0.31.0",
     "react-table": "^7.8.0",
     "react-tippy": "^1.4.0",
-    "scroll-to-element": "^2.0.3",
-    "semantic-ui-react": "^2.1.4",
     "slick-carousel": "^1.8.1",
     "yup": "^1.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "react-router-dom": "^6.0.0",
+    "react-router-dom": "^6.0.0 || ^7.0.0",
     "styled-components": "^6.0.0"
   },
   "devDependencies": {

package/dist/components/CapitalRaisedSummary/CaptialRaisedSummary.js

@@ -1,18 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import "react";
-import CountUp from "react-countup";
-import PropTypes from "prop-types";
-import stdin_default, { MultiProgressBarPropTypes } from "../MultiProgressBar/MultiProgressBar.js";
-import { Wrapper, Title, Amount } from "./CaptialRaisedSummary.styles.js";
-const CaptialRaisedSummary = ({ capital, multiProgressBar }) => /* @__PURE__ */ jsxs(Wrapper, { children: [
-  /* @__PURE__ */ jsx(Title, { children: "CAPITAL RAISED" }),
-  /* @__PURE__ */ jsx(Amount, { children: /* @__PURE__ */ jsx(CountUp, { end: capital, prefix: "€ ", duration: 0.01, separator: "," }) }),
-  /* @__PURE__ */ jsx(stdin_default, { ...multiProgressBar })
-] });
-CaptialRaisedSummary.propTypes = {
-  capital: PropTypes.number.isRequired,
-  multiProgressBar: PropTypes.shape(MultiProgressBarPropTypes).isRequired
-};
-export {
-  CaptialRaisedSummary
-};

package/dist/components/CapitalRaisedSummary/CaptialRaisedSummary.styles.js

@@ -1,41 +0,0 @@
-import styled from "styled-components";
-import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
-import rwd from "../../styles/rwd.js";
-import theme from "../../styles/theme.js";
-const Wrapper = styled(ComponentWrapper)`
-  background: ${() => theme.cPrimary};
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  height: 100%;
-  margin-top: -1px;
-`;
-const Title = styled.div`
-  font-size: 11px;
-  line-height: 20px;
-  letter-spacing: 2px;
-  margin-bottom: 14px;
-  color: ${() => theme.cWhite};
-`;
-const Amount = styled.div`
-  font-size: 34px;
-  line-height: 40px;
-  font-weight: 300;
-  margin-bottom: 20px;
-  letter-spacing: 2px;
-  color: ${() => theme.cWhite};
-  white-space: nowrap;
-
-  ${rwd.Medium`
-    font-size: 28px;
-  `}
-
-  ${rwd.Large`
-    font-size: 34px;
-  `}
-`;
-export {
-  Amount,
-  Title,
-  Wrapper
-};

package/dist/components/LearnMoreCarousel/LearnMoreCarousel.js

@@ -1,32 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import PropTypes from "prop-types";
-import Slick from "react-slick";
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
-import { Container, Offset, Wrapper } from "./LearnMoreCarousel.styles.js";
-const LearnMoreCarousel = ({ children, autoplay = 0, dots = false, arrows = false, isMobile = false }) => {
-  const settings = {
-    dots,
-    arrows,
-    infinite: false,
-    speed: 600,
-    autoplay: !!autoplay,
-    autoplaySpeed: autoplay,
-    slidesToShow: isMobile ? 1 : 2,
-    slidesToScroll: isMobile ? 1 : 1
-  };
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Offset, { children: /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Slick, { ...settings, children }) }) }) });
-};
-LearnMoreCarousel.propTypes = {
-  children: PropTypes.node.isRequired,
-  autoplay: PropTypes.number,
-  dots: PropTypes.bool,
-  arrows: PropTypes.bool,
-  isMobile: PropTypes.bool
-};
-var stdin_default = LearnMoreCarousel;
-export {
-  LearnMoreCarousel,
-  stdin_default as default
-};