@lidofinance/lido-ui 4.0.0-alpha.2 → 4.0.0-alpha.4

package/dist/cjs/banners/banner/Banner.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const React = require('react');
+const Button = require('../../button/Button.js');
+const index = require('../../icons/index.js');
+const Banner_module = require('./Banner.module.css.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Banner = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    variant = 'primary',
+    className,
+    href,
+    title,
+    text,
+    onClose,
+    onLinkClick,
+    ...rest
+  } = _ref;
+  const handleAnchorClick = e => {
+    onLinkClick && onLinkClick(e);
+  };
+  const handleCloseBanner = e => {
+    onClose && onClose(e);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: cn(className, Banner_module.banner, {
+      [Banner_module.variantPrimary]: variant == 'primary',
+      [Banner_module.variantSecondary]: variant == 'secondary'
+    }),
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button.Button, {
+      ref: ref,
+      textStyle: 'normal',
+      onClick: handleAnchorClick,
+      href: href,
+      className: Banner_module.mainButton,
+      withArrow: true,
+      hideArrowOnMobile: true,
+      color: 'transparent',
+      size: 's',
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: Banner_module.buttonContent,
+        children: [title && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: Banner_module.title,
+          children: title
+        }), text && /*#__PURE__*/jsxRuntime.jsx("div", {
+          children: text
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
+      size: 's',
+      shape: 'circle',
+      icon: /*#__PURE__*/jsxRuntime.jsx(index.ThinClose, {}),
+      color: 'outline',
+      className: Banner_module.closeButton,
+      onClick: handleCloseBanner
+    })]
+  });
+});
+Banner.displayName = 'Banner';
+
+exports.Banner = Banner;
+//# sourceMappingURL=Banner.js.map

package/dist/cjs/banners/banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sources":["../../../../packages/banners/banner/Banner.tsx"],"sourcesContent":["import cn from 'classnames'\n\nimport {\n  ForwardedRef,\n  forwardRef,\n  MouseEvent,\n  MouseEventHandler,\n  RefObject,\n} from 'react'\nimport { Button } from '../../button'\nimport { ThinClose } from '../../icons'\nimport styles from './Banner.module.css'\n\nexport type BannerProps = {\n  variant?: 'primary' | 'secondary'\n  className?: string\n  href: string\n  text: string\n  title?: string\n  onClose?: MouseEventHandler\n  onLinkClick?: MouseEventHandler\n}\n\nexport const Banner = forwardRef(\n  (\n    {\n      variant = 'primary',\n      className,\n      href,\n      title,\n      text,\n      onClose,\n      onLinkClick,\n      ...rest\n    }: BannerProps,\n    ref?: ForwardedRef<HTMLAnchorElement | HTMLButtonElement>,\n  ) => {\n    const handleAnchorClick = (e: MouseEvent) => {\n      onLinkClick && onLinkClick(e)\n    }\n    const handleCloseBanner = (e: MouseEvent) => {\n      onClose && onClose(e)\n    }\n    return (\n      <div\n        className={cn(className, styles.banner, {\n          [styles.variantPrimary]: variant == 'primary',\n          [styles.variantSecondary]: variant == 'secondary',\n        })}\n        {...rest}\n      >\n        <Button\n          ref={ref as RefObject<HTMLAnchorElement>}\n          textStyle={'normal'}\n          onClick={handleAnchorClick}\n          href={href}\n          className={styles.mainButton}\n          withArrow={true}\n          hideArrowOnMobile={true}\n          color={'transparent'}\n          size={'s'}\n        >\n          <div className={styles.buttonContent}>\n            {title && <div className={styles.title}>{title}</div>}\n            {text && <div>{text}</div>}\n          </div>\n        </Button>\n\n        <Button\n          size={'s'}\n          shape={'circle'}\n          icon={<ThinClose />}\n          color={'outline'}\n          className={styles.closeButton}\n          onClick={handleCloseBanner}\n        ></Button>\n      </div>\n    )\n  },\n)\nBanner.displayName = 'Banner'\n"],"names":["Banner","forwardRef","_ref","ref","variant","className","href","title","text","onClose","onLinkClick","rest","handleAnchorClick","e","handleCloseBanner","_jsxs","cn","styles","banner","variantPrimary","variantSecondary","children","_jsx","Button","textStyle","onClick","mainButton","withArrow","hideArrowOnMobile","color","size","buttonContent","shape","icon","ThinClose","closeButton","displayName"],"mappings":";;;;;;;;;;;AAuBO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAWEC,GAAyD,KACtD;EAAA,IAXH;AACEC,IAAAA,OAAO,GAAG,SAAS;IACnBC,SAAS;IACTC,IAAI;IACJC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,WAAW;IACX,GAAGC,IAAAA;AACQ,GAAC,GAAAT,IAAA,CAAA;EAGd,MAAMU,iBAAiB,GAAIC,CAAa,IAAK;AAC3CH,IAAAA,WAAW,IAAIA,WAAW,CAACG,CAAC,CAAC,CAAA;GAC9B,CAAA;EACD,MAAMC,iBAAiB,GAAID,CAAa,IAAK;AAC3CJ,IAAAA,OAAO,IAAIA,OAAO,CAACI,CAAC,CAAC,CAAA;GACtB,CAAA;AACD,EAAA,oBACEE,eAAA,CAAA,KAAA,EAAA;IACEV,SAAS,EAAEW,EAAE,CAACX,SAAS,EAAEY,aAAM,CAACC,MAAM,EAAE;AACtC,MAAA,CAACD,aAAM,CAACE,cAAc,GAAGf,OAAO,IAAI,SAAS;AAC7C,MAAA,CAACa,aAAM,CAACG,gBAAgB,GAAGhB,OAAO,IAAI,WAAA;AACxC,KAAC,CAAE;AAAA,IAAA,GACCO,IAAI;IAAAU,QAAA,EAAA,cAERC,cAAA,CAACC,aAAM,EAAA;AACLpB,MAAAA,GAAG,EAAEA,GAAoC;AACzCqB,MAAAA,SAAS,EAAE,QAAS;AACpBC,MAAAA,OAAO,EAAEb,iBAAkB;AAC3BN,MAAAA,IAAI,EAAEA,IAAK;MACXD,SAAS,EAAEY,aAAM,CAACS,UAAW;AAC7BC,MAAAA,SAAS,EAAE,IAAK;AAChBC,MAAAA,iBAAiB,EAAE,IAAK;AACxBC,MAAAA,KAAK,EAAE,aAAc;AACrBC,MAAAA,IAAI,EAAE,GAAI;AAAAT,MAAAA,QAAA,eAEVN,eAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEY,aAAM,CAACc,aAAc;QAAAV,QAAA,EAAA,CAClCd,KAAK,iBAAIe,cAAA,CAAA,KAAA,EAAA;UAAKjB,SAAS,EAAEY,aAAM,CAACV,KAAM;AAAAc,UAAAA,QAAA,EAAEd,KAAAA;AAAK,SAAM,CAAC,EACpDC,IAAI,iBAAIc,cAAA,CAAA,KAAA,EAAA;AAAAD,UAAAA,QAAA,EAAMb,IAAAA;AAAI,SAAM,CAAC,CAAA;OACvB,CAAA;AAAC,KACA,CAAC,eAETc,cAAA,CAACC,aAAM,EAAA;AACLO,MAAAA,IAAI,EAAE,GAAI;AACVE,MAAAA,KAAK,EAAE,QAAS;AAChBC,MAAAA,IAAI,eAAEX,cAAA,CAACY,eAAS,IAAE,CAAE;AACpBL,MAAAA,KAAK,EAAE,SAAU;MACjBxB,SAAS,EAAEY,aAAM,CAACkB,WAAY;AAC9BV,MAAAA,OAAO,EAAEX,iBAAAA;AAAkB,KACpB,CAAC,CAAA;AAAA,GACP,CAAC,CAAA;AAEV,CACF,EAAC;AACDd,MAAM,CAACoC,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/banners/banner/Banner.module.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"banner":"Banner-module_banner__VmgcM","variantPrimary":"Banner-module_variantPrimary__H2dZe","variantSecondary":"Banner-module_variantSecondary__T0NwM","mainButton":"Banner-module_mainButton__3-Y-5","closeButton":"Banner-module_closeButton__locSQ","title":"Banner-module_title__O2cKZ","content":"Banner-module_content__JvOvM","buttonContent":"Banner-module_buttonContent__r-btC"};
+
+module.exports = styles;
+//# sourceMappingURL=Banner.module.css.js.map

package/dist/cjs/banners/banner/Banner.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/banners/emergency-banner/EmergencyBanner.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Button = require('../../button/Button.js');
+const UrgentIcon = require('./assets/UrgentIcon.js');
+const EmergencyBanner_module = require('./EmergencyBanner.module.css.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const EmergencyBanner = _ref => {
+  let {
+    className,
+    title,
+    description,
+    link,
+    linkText,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: cn(className, EmergencyBanner_module.banner),
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: EmergencyBanner_module.content,
+      children: [/*#__PURE__*/jsxRuntime.jsx(UrgentIcon.UrgentIcon, {
+        className: EmergencyBanner_module.icon,
+        width: 80,
+        height: 80
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: EmergencyBanner_module.title,
+        children: title
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: EmergencyBanner_module.description,
+        children: description
+      }), /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
+        rel: "noreferrer",
+        className: EmergencyBanner_module.button,
+        href: link,
+        size: 's',
+        textStyle: 'semibold',
+        target: "_blank",
+        children: /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: EmergencyBanner_module.buttonContent,
+          children: linkText
+        })
+      })]
+    })
+  });
+};
+
+exports.EmergencyBanner = EmergencyBanner;
+//# sourceMappingURL=EmergencyBanner.js.map

package/dist/cjs/banners/emergency-banner/EmergencyBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmergencyBanner.js","sources":["../../../../packages/banners/emergency-banner/EmergencyBanner.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport { Button } from '../../button'\nimport { UrgentIcon } from './assets/UrgentIcon'\n\nimport styles from './EmergencyBanner.module.css'\n\nexport type EmergencyBannerDataProps = {\n  title?: ReactNode\n  description?: ReactNode\n  link?: string\n  linkText?: string\n}\n\nexport type EmergencyBannerProps = ComponentPropsWithoutRef<'div'> &\n  EmergencyBannerDataProps\n\nexport const EmergencyBanner = ({\n  className,\n  title,\n  description,\n  link,\n  linkText,\n  ...rest\n}: EmergencyBannerProps) => {\n  return (\n    <div className={cn(className, styles.banner)} {...rest}>\n      <div className={styles.content}>\n        <UrgentIcon className={styles.icon} width={80} height={80} />\n        <div className={styles.title}>{title}</div>\n        <div className={styles.description}>{description}</div>\n\n        <Button\n          rel='noreferrer'\n          className={styles.button}\n          href={link}\n          size={'s'}\n          textStyle={'semibold'}\n          target='_blank'\n        >\n          <span className={styles.buttonContent}>{linkText}</span>\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["EmergencyBanner","_ref","className","title","description","link","linkText","rest","_jsx","cn","styles","banner","children","_jsxs","content","UrgentIcon","icon","width","height","Button","rel","button","href","size","textStyle","target","buttonContent"],"mappings":";;;;;;;;;;AAiBaA,MAAAA,eAAe,GAAGC,IAAA,IAOH;EAAA,IAPI;IAC9BC,SAAS;IACTC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,QAAQ;IACR,GAAGC,IAAAA;AACiB,GAAC,GAAAN,IAAA,CAAA;AACrB,EAAA,oBACEO,cAAA,CAAA,KAAA,EAAA;IAAKN,SAAS,EAAEO,EAAE,CAACP,SAAS,EAAEQ,sBAAM,CAACC,MAAM,CAAE;AAAA,IAAA,GAAKJ,IAAI;AAAAK,IAAAA,QAAA,eACpDC,eAAA,CAAA,KAAA,EAAA;MAAKX,SAAS,EAAEQ,sBAAM,CAACI,OAAQ;MAAAF,QAAA,EAAA,cAC7BJ,cAAA,CAACO,qBAAU,EAAA;QAACb,SAAS,EAAEQ,sBAAM,CAACM,IAAK;AAACC,QAAAA,KAAK,EAAE,EAAG;AAACC,QAAAA,MAAM,EAAE,EAAA;OAAK,CAAC,eAC7DV,cAAA,CAAA,KAAA,EAAA;QAAKN,SAAS,EAAEQ,sBAAM,CAACP,KAAM;AAAAS,QAAAA,QAAA,EAAET,KAAAA;OAAW,CAAC,eAC3CK,cAAA,CAAA,KAAA,EAAA;QAAKN,SAAS,EAAEQ,sBAAM,CAACN,WAAY;AAAAQ,QAAAA,QAAA,EAAER,WAAAA;AAAW,OAAM,CAAC,eAEvDI,cAAA,CAACW,aAAM,EAAA;AACLC,QAAAA,GAAG,EAAC,YAAY;QAChBlB,SAAS,EAAEQ,sBAAM,CAACW,MAAO;AACzBC,QAAAA,IAAI,EAAEjB,IAAK;AACXkB,QAAAA,IAAI,EAAE,GAAI;AACVC,QAAAA,SAAS,EAAE,UAAW;AACtBC,QAAAA,MAAM,EAAC,QAAQ;AAAAb,QAAAA,QAAA,eAEfJ,cAAA,CAAA,MAAA,EAAA;UAAMN,SAAS,EAAEQ,sBAAM,CAACgB,aAAc;AAAAd,UAAAA,QAAA,EAAEN,QAAAA;SAAe,CAAA;AAAC,OAClD,CAAC,CAAA;KACN,CAAA;AAAC,GACH,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/banners/emergency-banner/EmergencyBanner.module.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"banner":"EmergencyBanner-module_banner__iGIqX","content":"EmergencyBanner-module_content__vmOri","title":"EmergencyBanner-module_title__0DeuE","description":"EmergencyBanner-module_description__gFKJ2","button":"EmergencyBanner-module_button__qG69j","icon":"EmergencyBanner-module_icon__PKAzb","buttonContent":"EmergencyBanner-module_buttonContent__3sZlZ"};
+
+module.exports = styles;
+//# sourceMappingURL=EmergencyBanner.module.css.js.map

package/dist/cjs/banners/emergency-banner/EmergencyBanner.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmergencyBanner.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/banners/emergency-banner/assets/UrgentIcon.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const jsxRuntime = require('react/jsx-runtime');
+
+const UrgentIcon = /*#__PURE__*/React.forwardRef(function UrgentIcon(props, svgRef) {
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", {
+    width: "80",
+    height: "80",
+    viewBox: "0 0 80 80",
+    fill: "none",
+    ref: svgRef,
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("g", {
+      clipPath: "url(#clip0_3376_2905)",
+      children: [/*#__PURE__*/jsxRuntime.jsx("g", {
+        opacity: "0.5",
+        filter: "url(#filter0_f_3376_2905)",
+        children: /*#__PURE__*/jsxRuntime.jsx("path", {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M43.3953 9.71582C41.8296 7.20248 38.1708 7.20247 36.6051 9.71582L9.96087 52.4868C8.30108 55.1512 10.2169 58.6018 13.356 58.6018H66.6444C69.7835 58.6018 71.6993 55.1512 70.0395 52.4868L43.3953 9.71582ZM37.1207 21.341C37.0971 20.7728 37.5512 20.2993 38.1199 20.2993H41.8804C42.449 20.2993 42.9032 20.7728 42.8795 21.341L41.9886 42.7233C41.9663 43.2589 41.5255 43.6816 40.9894 43.6816H39.0108C38.4747 43.6816 38.034 43.2589 38.0117 42.7233L37.1207 21.341ZM37.0774 48.553C37.0774 46.9388 38.386 45.6302 40.0002 45.6302C41.6144 45.6302 42.923 46.9388 42.923 48.553C42.923 50.1672 41.6144 51.4757 40.0002 51.4757C38.386 51.4757 37.0774 50.1672 37.0774 48.553Z",
+          fill: "url(#paint0_radial_3376_2905)"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M43.3953 14.6729C41.8296 12.1595 38.1708 12.1595 36.6051 14.6728L9.96087 57.4438C8.30108 60.1082 10.2169 63.5588 13.356 63.5588H66.6444C69.7835 63.5588 71.6993 60.1082 70.0395 57.4438L43.3953 14.6729ZM37.1207 26.298C37.0971 25.7299 37.5512 25.2564 38.1199 25.2564H41.8804C42.449 25.2564 42.9032 25.7299 42.8795 26.298L41.9886 47.6803C41.9663 48.2159 41.5255 48.6387 40.9894 48.6387H39.0108C38.4747 48.6387 38.034 48.2159 38.0117 47.6803L37.1207 26.298ZM37.0774 53.51C37.0774 51.8957 38.386 50.5872 40.0002 50.5872C41.6144 50.5872 42.923 51.8957 42.923 53.51C42.923 55.1242 41.6144 56.4327 40.0002 56.4327C38.386 56.4327 37.0774 55.1242 37.0774 53.51Z",
+        fill: "url(#paint1_radial_3376_2905)"
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("defs", {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("filter", {
+        id: "filter0_f_3376_2905",
+        x: "-2.65039",
+        y: "-4.16919",
+        width: "85.3008",
+        height: "74.771",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/jsxRuntime.jsx("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/jsxRuntime.jsx("feBlend", {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }), /*#__PURE__*/jsxRuntime.jsx("feGaussianBlur", {
+          stdDeviation: "6",
+          result: "effect1_foregroundBlur_3376_2905"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("radialGradient", {
+        id: "paint0_radial_3376_2905",
+        cx: "0",
+        cy: "0",
+        r: "1",
+        gradientUnits: "userSpaceOnUse",
+        gradientTransform: "translate(40.0002 33.2163) rotate(86.9482) scale(41.3557 49.9342)",
+        children: [/*#__PURE__*/jsxRuntime.jsx("stop", {
+          stopColor: "white"
+        }), /*#__PURE__*/jsxRuntime.jsx("stop", {
+          offset: "1",
+          stopColor: "white",
+          stopOpacity: "0.5"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("radialGradient", {
+        id: "paint1_radial_3376_2905",
+        cx: "0",
+        cy: "0",
+        r: "1",
+        gradientUnits: "userSpaceOnUse",
+        gradientTransform: "translate(40.0002 38.1733) rotate(86.9482) scale(41.3557 49.9342)",
+        children: [/*#__PURE__*/jsxRuntime.jsx("stop", {
+          stopColor: "white"
+        }), /*#__PURE__*/jsxRuntime.jsx("stop", {
+          offset: "1",
+          stopColor: "white",
+          stopOpacity: "0.5"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("clipPath", {
+        id: "clip0_3376_2905",
+        children: /*#__PURE__*/jsxRuntime.jsx("rect", {
+          width: "80",
+          height: "80",
+          fill: "white"
+        })
+      })]
+    })]
+  });
+});
+
+exports.UrgentIcon = UrgentIcon;
+//# sourceMappingURL=UrgentIcon.js.map

package/dist/cjs/banners/emergency-banner/assets/UrgentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrgentIcon.js","sources":["../../../../../packages/banners/emergency-banner/assets/UrgentIcon.tsx"],"sourcesContent":["import React from 'react'\n\nexport const UrgentIcon = React.forwardRef(function UrgentIcon(\n  props: React.SVGProps<SVGSVGElement>,\n  svgRef?: React.Ref<SVGSVGElement>,\n) {\n  return (\n    <svg\n      width='80'\n      height='80'\n      viewBox='0 0 80 80'\n      fill='none'\n      ref={svgRef}\n      {...props}\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      <g clipPath='url(#clip0_3376_2905)'>\n        <g opacity='0.5' filter='url(#filter0_f_3376_2905)'>\n          <path\n            fillRule='evenodd'\n            clipRule='evenodd'\n            d='M43.3953 9.71582C41.8296 7.20248 38.1708 7.20247 36.6051 9.71582L9.96087 52.4868C8.30108 55.1512 10.2169 58.6018 13.356 58.6018H66.6444C69.7835 58.6018 71.6993 55.1512 70.0395 52.4868L43.3953 9.71582ZM37.1207 21.341C37.0971 20.7728 37.5512 20.2993 38.1199 20.2993H41.8804C42.449 20.2993 42.9032 20.7728 42.8795 21.341L41.9886 42.7233C41.9663 43.2589 41.5255 43.6816 40.9894 43.6816H39.0108C38.4747 43.6816 38.034 43.2589 38.0117 42.7233L37.1207 21.341ZM37.0774 48.553C37.0774 46.9388 38.386 45.6302 40.0002 45.6302C41.6144 45.6302 42.923 46.9388 42.923 48.553C42.923 50.1672 41.6144 51.4757 40.0002 51.4757C38.386 51.4757 37.0774 50.1672 37.0774 48.553Z'\n            fill='url(#paint0_radial_3376_2905)'\n          />\n        </g>\n        <path\n          fillRule='evenodd'\n          clipRule='evenodd'\n          d='M43.3953 14.6729C41.8296 12.1595 38.1708 12.1595 36.6051 14.6728L9.96087 57.4438C8.30108 60.1082 10.2169 63.5588 13.356 63.5588H66.6444C69.7835 63.5588 71.6993 60.1082 70.0395 57.4438L43.3953 14.6729ZM37.1207 26.298C37.0971 25.7299 37.5512 25.2564 38.1199 25.2564H41.8804C42.449 25.2564 42.9032 25.7299 42.8795 26.298L41.9886 47.6803C41.9663 48.2159 41.5255 48.6387 40.9894 48.6387H39.0108C38.4747 48.6387 38.034 48.2159 38.0117 47.6803L37.1207 26.298ZM37.0774 53.51C37.0774 51.8957 38.386 50.5872 40.0002 50.5872C41.6144 50.5872 42.923 51.8957 42.923 53.51C42.923 55.1242 41.6144 56.4327 40.0002 56.4327C38.386 56.4327 37.0774 55.1242 37.0774 53.51Z'\n          fill='url(#paint1_radial_3376_2905)'\n        />\n      </g>\n      <defs>\n        <filter\n          id='filter0_f_3376_2905'\n          x='-2.65039'\n          y='-4.16919'\n          width='85.3008'\n          height='74.771'\n          filterUnits='userSpaceOnUse'\n          colorInterpolationFilters='sRGB'\n        >\n          <feFlood floodOpacity='0' result='BackgroundImageFix' />\n          <feBlend\n            mode='normal'\n            in='SourceGraphic'\n            in2='BackgroundImageFix'\n            result='shape'\n          />\n          <feGaussianBlur\n            stdDeviation='6'\n            result='effect1_foregroundBlur_3376_2905'\n          />\n        </filter>\n        <radialGradient\n          id='paint0_radial_3376_2905'\n          cx='0'\n          cy='0'\n          r='1'\n          gradientUnits='userSpaceOnUse'\n          gradientTransform='translate(40.0002 33.2163) rotate(86.9482) scale(41.3557 49.9342)'\n        >\n          <stop stopColor='white' />\n          <stop offset='1' stopColor='white' stopOpacity='0.5' />\n        </radialGradient>\n        <radialGradient\n          id='paint1_radial_3376_2905'\n          cx='0'\n          cy='0'\n          r='1'\n          gradientUnits='userSpaceOnUse'\n          gradientTransform='translate(40.0002 38.1733) rotate(86.9482) scale(41.3557 49.9342)'\n        >\n          <stop stopColor='white' />\n          <stop offset='1' stopColor='white' stopOpacity='0.5' />\n        </radialGradient>\n        <clipPath id='clip0_3376_2905'>\n          <rect width='80' height='80' fill='white' />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n})\n"],"names":["UrgentIcon","React","forwardRef","props","svgRef","_jsxs","width","height","viewBox","fill","ref","xmlns","children","clipPath","_jsx","opacity","filter","fillRule","clipRule","d","id","x","y","filterUnits","colorInterpolationFilters","floodOpacity","result","mode","in","in2","stdDeviation","cx","cy","r","gradientUnits","gradientTransform","stopColor","offset","stopOpacity"],"mappings":"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"}

package/dist/cjs/button/Button.js

@@ -24,6 +24,7 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     loading,
     textStyle = 'semibold',
     loaderVariant,
+    hideArrowOnMobile,
     ...rest
   } = _ref;
   const isCircle = shape === 'circle';
@@ -51,7 +52,7 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
           className: cn(Button_module.content, Button_module[textStyle]),
           children: [children, withArrow && /*#__PURE__*/jsxRuntime.jsx(index.ArrowRight, {
-            className: Button_module.arrow
+            className: cn(Button_module.arrow, hideArrowOnMobile && Button_module.hideArrowOnMobile)
           })]
         }), /*#__PURE__*/jsxRuntime.jsx("span", {
           className: Button_module.spacer

package/dist/cjs/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  ForwardedRef,\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  RefObject,\n} from 'react'\nimport cn from 'classnames'\nimport styles from './Button.module.css'\nimport { DynamicLink } from '../links'\nimport { ArrowRight } from '../icons'\nimport { WaveLoader, WaveLoaderVariant } from './waveLoader/WaveLoader'\n\nexport type ButtonProps = (\n  | (ComponentPropsWithoutRef<'a'> & {\n      href: string\n    })\n  | (ComponentPropsWithoutRef<'button'> & {\n      href?: never\n    })\n) & {\n  color?: ButtonColor\n  shape?: ButtonShape\n  icon?: ReactElement\n  withArrow?: boolean\n  size?: ButtonSize\n  loading?: boolean\n  textStyle?: ButtonTextStyle\n  loaderVariant?: WaveLoaderVariant\n}\n\nexport type ButtonSize = 's' | 'm' | 'l' | 'xl' | 'xxl' // \"s\" and \"xxl\" sizes are only for Circle shape\nexport type ButtonTextStyle = 'normal' | 'semibold' | 'subhead' | 'description'\nexport type ButtonColor =\n  | 'default'\n  | 'secondary'\n  | 'outline'\n  | 'success'\n  | 'transparent'\nexport type ButtonShape = 'oval' | 'circle'\n\nexport const Button = forwardRef(\n  (\n    {\n      color = 'default',\n      shape = 'oval',\n      icon,\n      href,\n      withArrow,\n      size = 'm',\n      className,\n      children,\n      loading,\n      textStyle = 'semibold',\n      loaderVariant,\n      ...rest\n    }: ButtonProps,\n    ref?: ForwardedRef<HTMLAnchorElement | HTMLButtonElement>,\n  ) => {\n    const isCircle = shape === 'circle'\n\n    const content = (\n      <>\n        <WaveLoader\n          isVisible={loading}\n          variant={loaderVariant}\n          scale={size === 'l' ? 1 : size === 'xl' ? 1.2 : 0.8}\n          data-testid='button__wave'\n        />\n        {icon && (\n          <>\n            {isCircle ? (\n              <>\n                {cloneElement(icon, {\n                  ...icon.props,\n                  className: cn(styles.icon, icon.props.className),\n                })}\n              </>\n            ) : (\n              <span className={styles.iconWrapper}>\n                {cloneElement(icon, {\n                  ...icon.props,\n                  className: cn(styles.icon, icon.props.className),\n                })}\n              </span>\n            )}\n          </>\n        )}\n\n        <>\n          {!isCircle ? (\n            <>\n              <span className={cn(styles.content, styles[textStyle])}>\n                {children}\n                {withArrow && <ArrowRight className={styles.arrow} />}\n              </span>\n              <span className={styles.spacer} />\n            </>\n          ) : (\n            <>{withArrow && <ArrowRight className={styles.arrow} />}</>\n          )}\n        </>\n      </>\n    )\n\n    const props = {\n      className: cn(\n        styles.button,\n        className,\n        styles[`size--${size}`],\n        styles[color],\n        styles[shape],\n        {\n          [styles.withIcon]: Boolean(icon),\n          [styles[`${shape}-${size}`]]: shape === 'circle',\n          [styles[shape]]: shape === 'circle',\n        },\n      ),\n      children: content,\n      ...(rest as object),\n    }\n\n    if (href) {\n      return (\n        <DynamicLink\n          ref={ref as RefObject<HTMLAnchorElement>}\n          href={href}\n          {...props}\n        />\n      )\n    }\n\n    return <button ref={ref as RefObject<HTMLButtonElement>} {...props} />\n  },\n)\n\nButton.displayName = 'Button'\n"],"names":["Button","forwardRef","_ref","ref","color","shape","icon","href","withArrow","size","className","children","loading","textStyle","loaderVariant","rest","isCircle","content","_jsxs","_Fragment","_jsx","WaveLoader","isVisible","variant","scale","cloneElement","props","cn","styles","iconWrapper","ArrowRight","arrow","spacer","button","withIcon","Boolean","DynamicLink","displayName"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  ForwardedRef,\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  RefObject,\n} from 'react'\nimport cn from 'classnames'\nimport styles from './Button.module.css'\nimport { DynamicLink } from '../links'\nimport { ArrowRight } from '../icons'\nimport { WaveLoader, WaveLoaderVariant } from './waveLoader/WaveLoader'\n\nexport type ButtonProps = (\n  | (ComponentPropsWithoutRef<'a'> & {\n      href: string\n    })\n  | (ComponentPropsWithoutRef<'button'> & {\n      href?: never\n    })\n) & {\n  color?: ButtonColor\n  shape?: ButtonShape\n  icon?: ReactElement\n  withArrow?: boolean\n  size?: ButtonSize\n  loading?: boolean\n  textStyle?: ButtonTextStyle\n  loaderVariant?: WaveLoaderVariant\n  hideArrowOnMobile?: boolean\n}\n\nexport type ButtonSize = 's' | 'm' | 'l' | 'xl' | 'xxl' // \"s\" and \"xxl\" sizes are only for Circle shape\nexport type ButtonTextStyle = 'normal' | 'semibold' | 'subhead' | 'description'\nexport type ButtonColor =\n  | 'default'\n  | 'secondary'\n  | 'outline'\n  | 'success'\n  | 'transparent'\nexport type ButtonShape = 'oval' | 'circle'\n\nexport const Button = forwardRef(\n  (\n    {\n      color = 'default',\n      shape = 'oval',\n      icon,\n      href,\n      withArrow,\n      size = 'm',\n      className,\n      children,\n      loading,\n      textStyle = 'semibold',\n      loaderVariant,\n      hideArrowOnMobile,\n      ...rest\n    }: ButtonProps,\n    ref?: ForwardedRef<HTMLAnchorElement | HTMLButtonElement>,\n  ) => {\n    const isCircle = shape === 'circle'\n\n    const content = (\n      <>\n        <WaveLoader\n          isVisible={loading}\n          variant={loaderVariant}\n          scale={size === 'l' ? 1 : size === 'xl' ? 1.2 : 0.8}\n          data-testid='button__wave'\n        />\n        {icon && (\n          <>\n            {isCircle ? (\n              <>\n                {cloneElement(icon, {\n                  ...icon.props,\n                  className: cn(styles.icon, icon.props.className),\n                })}\n              </>\n            ) : (\n              <span className={styles.iconWrapper}>\n                {cloneElement(icon, {\n                  ...icon.props,\n                  className: cn(styles.icon, icon.props.className),\n                })}\n              </span>\n            )}\n          </>\n        )}\n\n        <>\n          {!isCircle ? (\n            <>\n              <span className={cn(styles.content, styles[textStyle])}>\n                {children}\n                {withArrow && (\n                  <ArrowRight\n                    className={cn(\n                      styles.arrow,\n                      hideArrowOnMobile && styles.hideArrowOnMobile,\n                    )}\n                  />\n                )}\n              </span>\n              <span className={styles.spacer} />\n            </>\n          ) : (\n            <>{withArrow && <ArrowRight className={styles.arrow} />}</>\n          )}\n        </>\n      </>\n    )\n\n    const props = {\n      className: cn(\n        styles.button,\n        className,\n        styles[`size--${size}`],\n        styles[color],\n        styles[shape],\n        {\n          [styles.withIcon]: Boolean(icon),\n          [styles[`${shape}-${size}`]]: shape === 'circle',\n          [styles[shape]]: shape === 'circle',\n        },\n      ),\n      children: content,\n      ...(rest as object),\n    }\n\n    if (href) {\n      return (\n        <DynamicLink\n          ref={ref as RefObject<HTMLAnchorElement>}\n          href={href}\n          {...props}\n        />\n      )\n    }\n\n    return <button ref={ref as RefObject<HTMLButtonElement>} {...props} />\n  },\n)\n\nButton.displayName = 'Button'\n"],"names":["Button","forwardRef","_ref","ref","color","shape","icon","href","withArrow","size","className","children","loading","textStyle","loaderVariant","hideArrowOnMobile","rest","isCircle","content","_jsxs","_Fragment","_jsx","WaveLoader","isVisible","variant","scale","cloneElement","props","cn","styles","iconWrapper","ArrowRight","arrow","spacer","button","withIcon","Boolean","DynamicLink","displayName"],"mappings":"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"}

package/dist/cjs/button/Button.module.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const styles = {"button":"Button-module_button__0HFtl","arrow":"Button-module_arrow__d3Bzj","icon":"Button-module_icon__1CQNo","size--l":"Button-module_size--l__Nvoeu","size--xl":"Button-module_size--xl__O3Rcv","circle":"Button-module_circle__fWex4","content":"Button-module_content__RUTEy","spacer":"Button-module_spacer__ojPHa","withIcon":"Button-module_withIcon__smH-y","iconWrapper":"Button-module_iconWrapper__wQYMx","size--s":"Button-module_size--s__ZnSdg","size--m":"Button-module_size--m__3rHqF","size--xxl":"Button-module_size--xxl__7TJ3Q","normal":"Button-module_normal__48FH-","semibold":"Button-module_semibold__h12tM","subhead":"Button-module_subhead__hesHw","description":"Button-module_description__1dbcV","default":"Button-module_default__glQiC","secondary":"Button-module_secondary__pTxz0","outline":"Button-module_outline__Ukk-k","success":"Button-module_success__3A4XP","transparent":"Button-module_transparent__c4nnr","circle-s":"Button-module_circle-s__Lz8vm","circle-m":"Button-module_circle-m__JS9K8","circle-l":"Button-module_circle-l__smFdi","circle-xl":"Button-module_circle-xl__QtZsc","circle-xxl":"Button-module_circle-xxl__6rLNO"};
+const styles = {"button":"Button-module_button__0HFtl","arrow":"Button-module_arrow__d3Bzj","icon":"Button-module_icon__1CQNo","size--l":"Button-module_size--l__Nvoeu","size--xl":"Button-module_size--xl__O3Rcv","circle":"Button-module_circle__fWex4","content":"Button-module_content__RUTEy","spacer":"Button-module_spacer__ojPHa","withIcon":"Button-module_withIcon__smH-y","iconWrapper":"Button-module_iconWrapper__wQYMx","size--s":"Button-module_size--s__ZnSdg","size--m":"Button-module_size--m__3rHqF","size--xxl":"Button-module_size--xxl__7TJ3Q","normal":"Button-module_normal__48FH-","semibold":"Button-module_semibold__h12tM","subhead":"Button-module_subhead__hesHw","description":"Button-module_description__1dbcV","default":"Button-module_default__glQiC","secondary":"Button-module_secondary__pTxz0","outline":"Button-module_outline__Ukk-k","success":"Button-module_success__3A4XP","transparent":"Button-module_transparent__c4nnr","circle-s":"Button-module_circle-s__Lz8vm","circle-m":"Button-module_circle-m__JS9K8","circle-l":"Button-module_circle-l__smFdi","circle-xl":"Button-module_circle-xl__QtZsc","circle-xxl":"Button-module_circle-xxl__6rLNO","hideArrowOnMobile":"Button-module_hideArrowOnMobile__Ss576"};
 
 module.exports = styles;
 //# sourceMappingURL=Button.module.css.js.map

package/dist/cjs/icons/index.js

@@ -732,6 +732,22 @@ const SunFilled = /*#__PURE__*/React.forwardRef(function SunFilled(props, svgRef
     })]
   });
 });
+const ThinClose = /*#__PURE__*/React.forwardRef(function ThinClose(props, svgRef) {
+  return /*#__PURE__*/jsxRuntime.jsx("svg", {
+    width: 40,
+    height: 40,
+    viewBox: "0 0 40 40",
+    fill: "currentColor",
+    ref: svgRef,
+    ...props,
+    children: /*#__PURE__*/jsxRuntime.jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M21.59 20l6.705 6.705-1.59 1.59L20 21.592l-6.705 6.705-1.59-1.591L18.408 20l-6.705-6.704 1.591-1.591L20 18.409l6.704-6.704 1.591 1.59L21.591 20z",
+      fill: "currentColor"
+    })
+  });
+});
 const Time = /*#__PURE__*/React.forwardRef(function Time(props, svgRef) {
   return /*#__PURE__*/jsxRuntime.jsx("svg", {
     width: 25,
@@ -869,6 +885,7 @@ exports.ShevronLeft = ShevronLeft;
 exports.ShevronRight = ShevronRight;
 exports.ShevronTop = ShevronTop;
 exports.SunFilled = SunFilled;
+exports.ThinClose = ThinClose;
 exports.Time = Time;
 exports.VipWalletFilled = VipWalletFilled;
 exports.VipWalletOutline = VipWalletOutline;