@alfalab/core-components 25.8.0 → 26.0.1

package/modal/modern/components/header/Component.d.ts

@@ -31,7 +31,10 @@ type HeaderProps = {
     /**
      * Выравнивание заголовка
      */
-    align?: 'left' | 'right' | 'center';
+    align?: 'left' | 'center';
+    /**
+     * Обрезать ли заголовок
+     */
     trim?: boolean;
     /**
      * Фиксирует шапку

package/modal/modern/components/header/Component.desktop.d.ts

@@ -1,14 +1,11 @@
 import { FC } from 'react';
 import { HeaderProps } from "./Component";
+import { ModalDesktopProps } from "../../Component.desktop";
 type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
     /**
      * Размер
      */
-    size?: 's' | 'm' | 'l';
-    /**
-     * Флаг, что модальное окно открыто на весь экран
-     */
-    fullscreen?: boolean;
+    size?: ModalDesktopProps['size'];
     /**
      * Наличие крестика
      */

package/modal/modern/components/header/Component.desktop.js

@@ -7,12 +7,15 @@ import { Header } from './Component.js';
 import '../../../../icon-button/modern';
 import { Closer } from '../closer/Component.js';
 
-var styles = {"header":"modal__header_62xk2","content":"modal__content_62xk2","s":"modal__s_62xk2","m":"modal__m_62xk2","l":"modal__l_62xk2","fullscreen":"modal__fullscreen_62xk2","sticky":"modal__sticky_62xk2"};
+var styles = {"header":"modal__header_lew6e","content":"modal__content_lew6e","s":"modal__s_lew6e","m":"modal__m_lew6e","l":"modal__l_lew6e","xl":"modal__xl_lew6e","fullscreen":"modal__fullscreen_lew6e","hasContent":"modal__hasContent_lew6e","sticky":"modal__sticky_lew6e"};
 require('./desktop.css');
 
-const HeaderDesktop = ({ size, className, contentClassName, fullscreen, hasCloser, sticky, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, styles.header, size && styles[size], {
-        [styles.fullscreen]: fullscreen,
-        [styles.sticky]: sticky,
-    }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, null) : null, sticky: sticky }, restProps)));
+const HeaderDesktop = ({ size, className, contentClassName, hasCloser = true, sticky, leftAddons = React.createElement("span", null), title, children, ...restProps }) => {
+    const hasContent = title || Boolean(children);
+    return (React.createElement(Header, Object.assign({ className: cn(className, styles.header, size && styles[size], {
+            [styles.sticky]: sticky,
+            [styles.hasContent]: hasContent,
+        }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
+};
 
 export { HeaderDesktop };

package/modal/modern/components/header/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import '../../../../base-modal/modern';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"header":"modal__header_fmddu","highlighted":"modal__highlighted_fmddu","sticky":"modal__sticky_fmddu","hasContent":"modal__hasContent_fmddu","content":"modal__content_fmddu","title":"modal__title_fmddu","addon":"modal__addon_fmddu","left":"modal__left_fmddu","center":"modal__center_fmddu","right":"modal__right_fmddu","trim":"modal__trim_fmddu"};
+var styles = {"header":"modal__header_33dzh","hasContent":"modal__hasContent_33dzh","highlighted":"modal__highlighted_33dzh","sticky":"modal__sticky_33dzh","content":"modal__content_33dzh","title":"modal__title_33dzh","addon":"modal__addon_33dzh","closer":"modal__closer_33dzh","left":"modal__left_33dzh","center":"modal__center_33dzh","right":"modal__right_33dzh","trim":"modal__trim_33dzh"};
 require('./index.css');
 
 const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, closer, sticky, }) => {
@@ -23,7 +23,7 @@ const Header = ({ className, addonClassName, contentClassName, leftAddons, child
             }) },
             children,
             title && React.createElement("div", { className: styles.title }, title))),
-        closer && React.createElement("div", { className: cn(styles.addon, addonClassName) }, closer)));
+        closer && (React.createElement("div", { className: cn(styles.addon, styles.closer, addonClassName) }, closer))));
 };
 
 export { Header };

package/modal/modern/components/header/Component.mobile.js

@@ -8,10 +8,10 @@ import { Header } from './Component.js';
 import '../../../../icon-button/modern';
 import { Closer } from '../closer/Component.js';
 
-var styles = {"sticky":"modal__sticky_3s1qs","content":"modal__content_3s1qs"};
+var styles = {"sticky":"modal__sticky_1qd2v","content":"modal__content_1qd2v"};
 require('./mobile.css');
 
-const HeaderMobile = ({ className, hasCloser, sticky, contentClassName, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, {
+const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, {
         [styles.sticky]: sticky,
     }), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: CrossMIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
 

package/modal/modern/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 14wpr */
+/* hash: nlcub */
 :root {
 
     /* Hard */
@@ -10,64 +10,78 @@
 :root {
     --gap-xs: 8px;
     --gap-m: 16px;
+    --gap-xl: 24px;
     --gap-3xl: 40px;
-    --gap-4xl: 48px;
-    --gap-6xl: 72px;
 }
 :root {
-    --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
-        'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
 }
 :root {
-    --border-radius-m: 8px;
+    --border-radius-l: 12px;
 }
 :root {
-    --modal-border-radius: var(--border-radius-m);
+    --modal-border-radius: var(--border-radius-l);
     --modal-vertical-padding: var(--gap-3xl);
 
     /* sizes */
-    --modal-header-min-height: 48px;
-    --modal-header-l-min-height: 72px;
 
     /* paddings */
-    --modal-s-header-paddings: 0 0 0 var(--gap-4xl);
-    --modal-m-header-paddings: 0 0 0 var(--gap-4xl);
-    --modal-l-header-paddings: 0 0 0 var(--gap-6xl);
-
-    /* sticky */
+    --modal-s-header-paddings: var(--gap-xs) var(--gap-xs) var(--gap-m);
 
     /* scroll */
 
+    /* desktop */
+    --modal-s-header-desktop-content-paddings: var(--gap-3xl) var(--gap-m) 0 0;
+    --modal-s-header-desktop-font-size: 22px;
+    --modal-s-header-desktop-line-height: 26px;
+    --modal-l-header-desktop-content-paddings: var(--gap-3xl) var(--gap-m) 0 0;
+    --modal-l-header-desktop-font-size: 30px;
+    --modal-l-header-desktop-line-height: 36px;
+    --modal-header-desktop-font-weight: bold;
+    --modal-header-desktop-font-family: var(--font-family-system);
+
     /* mobile */
 }
-.modal__header_62xk2 {
-    min-height: var(--modal-header-min-height);
+.modal__header_lew6e {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__content_62xk2 {
-    font-size: 24px;
-    line-height: 32px;
-    font-weight: 500;
-    font-feature-settings: 'ss01';
-    font-family: var(--font-family-styrene);
-
-    margin: var(--gap-xs) var(--gap-m) var(--gap-xs) 0;
+.modal__content_lew6e {
+    font-weight: var(--modal-header-desktop-font-weight);
+    font-family: var(--modal-header-desktop-font-family);
 }
-.modal__s_62xk2 {
-    padding: var(--modal-s-header-paddings);
+.modal__s_lew6e .modal__content_lew6e,
+.modal__m_lew6e .modal__content_lew6e {
+    padding: var(--modal-s-header-desktop-content-paddings);
+    font-size: var(--modal-s-header-desktop-font-size);
+    line-height: var(--modal-s-header-desktop-line-height);
 }
-.modal__m_62xk2 {
-    padding: var(--modal-m-header-paddings);
+.modal__l_lew6e .modal__content_lew6e,
+.modal__xl_lew6e .modal__content_lew6e,
+.modal__fullscreen_lew6e .modal__content_lew6e {
+    padding: var(--modal-l-header-desktop-content-paddings);
+    font-size: var(--modal-l-header-desktop-font-size);
+    line-height: var(--modal-l-header-desktop-line-height);
 }
-.modal__l_62xk2,
-.modal__fullscreen_62xk2 {
-    min-height: var(--modal-header-l-min-height);
-    padding: var(--modal-l-header-paddings);
+.modal__s_lew6e,
+.modal__m_lew6e {
+    padding: var(--modal-s-header-paddings)
 }
-.modal__sticky_62xk2 {
-    top: calc(var(--modal-vertical-padding) * -1);
+.modal__s_lew6e:not(.modal__hasContent_lew6e), .modal__m_lew6e:not(.modal__hasContent_lew6e) {
+        padding-bottom: 0;
+    }
+.modal__l_lew6e,
+.modal__xl_lew6e,
+.modal__fullscreen_lew6e {
+    padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
 }
-.modal__fullscreen_62xk2 {
-    top: 0;
+.modal__l_lew6e:not(.modal__hasContent_lew6e), .modal__xl_lew6e:not(.modal__hasContent_lew6e), .modal__fullscreen_lew6e:not(.modal__hasContent_lew6e) {
+        padding-bottom: var(--gap-m);
+    }
+.modal__sticky_lew6e {
+    top: calc(var(--modal-vertical-padding) * -1)
 }
+.modal__sticky_lew6e.modal__fullscreen_lew6e {
+        top: 0;
+    }

package/modal/modern/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wo8h */
+/* hash: 1fcvj */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -17,61 +17,68 @@
 
     /* paddings */
 
-    /* sticky */
-
     /* scroll */
-    --modal-header-highlight-box-shadow: none;
     --modal-header-highlight-background: var(--color-light-bg-primary);
+    --modal-header-highlight-box-shadow: none;
+
+    /* desktop */
 
     /* mobile */
 }
-.modal__header_fmddu {
+.modal__header_33dzh {
     width: 100%;
     box-sizing: border-box;
     display: flex;
     align-items: stretch;
-    justify-content: flex-end;
-    transition: box-shadow 0.2s ease, background 0.2s ease;
+    justify-content: space-between;
+    transition: box-shadow 0.2s ease, background 0.2s ease
 }
-.modal__highlighted_fmddu {
+.modal__header_33dzh:not(.modal__hasContent_33dzh) {
+        pointer-events: none;
+    }
+.modal__highlighted_33dzh {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
 }
-.modal__sticky_fmddu {
+.modal__sticky_33dzh {
     position: sticky
 }
-.modal__sticky_fmddu.modal__hasContent_fmddu {
+.modal__sticky_33dzh.modal__hasContent_33dzh {
         background: var(--modal-header-background);
     }
-.modal__content_fmddu {
+.modal__content_33dzh {
     flex-grow: 1;
 }
-.modal__title_fmddu {
+.modal__title_33dzh {
     word-break: break-word;
 }
-.modal__addon_fmddu {
+.modal__addon_33dzh {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
+    pointer-events: all;
+}
+.modal__closer_33dzh {
+    margin-left: auto;
 }
-.modal__left_fmddu {
+.modal__left_33dzh {
     justify-content: flex-start;
     text-align: left;
 }
-.modal__center_fmddu {
+.modal__center_33dzh {
     justify-content: center;
     text-align: center;
 }
-.modal__right_fmddu {
+.modal__right_33dzh {
     justify-content: flex-end;
     text-align: right;
 }
-.modal__trim_fmddu {
+.modal__trim_33dzh {
     overflow: hidden
 }
-.modal__trim_fmddu .modal__title_fmddu {
+.modal__trim_33dzh .modal__title_33dzh {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/modal/modern/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: b88v8 */
+/* hash: 25xhd */
 :root {
 
     /* Hard */
@@ -22,26 +22,25 @@
 
     /* paddings */
 
-    /* sticky */
-
     /* scroll */
 
+    /* desktop */
+
     /* mobile */
-    --modal-header-mobile-top-padding: var(--gap-s);
+    --modal-header-mobile-content-paddings: var(--gap-s) var(--gap-xs) var(--gap-s) var(--gap-m);
     --modal-header-mobile-font-size: 18px;
     --modal-header-mobile-line-height: 24px;
     --modal-header-mobile-font-family: var(--font-family-system);
+    --modal-header-mobile-font-weight: bold;
 }
-.modal__sticky_3s1qs {
+.modal__sticky_1qd2v {
     top: 0;
 }
-.modal__content_3s1qs {
-    padding: var(--modal-header-mobile-padding);
+.modal__content_1qd2v {
     font-size: var(--modal-header-mobile-font-size);
     line-height: var(--modal-header-mobile-line-height);
     font-family: var(--modal-header-mobile-font-family);
-    font-weight: bold;
+    font-weight: var(--modal-header-mobile-font-weight);
 
-    margin: 0;
-    padding: var(--modal-header-mobile-top-padding) var(--gap-xs) 10px var(--gap-m);
+    padding: var(--modal-header-mobile-content-paddings);
 }

package/modal/modern/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1i8ps */
+/* hash: 1elf6 */
 :root {
 
     /* Hard */
@@ -11,48 +11,52 @@
     --gap-3xl: 40px;
 }
 :root {
-    --border-radius-m: 8px;
+    --border-radius-l: 12px;
 }
 :root {
-    --modal-border-radius: var(--border-radius-m);
+    --modal-border-radius: var(--border-radius-l);
     --modal-vertical-padding: var(--gap-3xl);
 
     /* sizes */
-    --modal-s-width: 476px;
+    --modal-s-width: 500px;
     --modal-m-width: 600px;
     --modal-l-width: 800px;
+    --modal-xl-width: 1140px;
 
     /* paddings */
 
-    /* sticky */
-
     /* scroll */
 
+    /* desktop */
+
     /* mobile */
 }
-.modal__wrapper_1xs8c {
+.modal__wrapper_4l1kn {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_1xs8c {
+.modal__component_4l1kn {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_1xs8c {
+.modal__fullscreen_4l1kn {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_1xs8c .modal__component_1xs8c {
+.modal__fullscreen_4l1kn .modal__component_4l1kn {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_1xs8c {
+.modal__s_4l1kn {
     width: var(--modal-s-width);
 }
-.modal__m_1xs8c {
+.modal__m_4l1kn {
     width: var(--modal-m-width);
 }
-.modal__l_1xs8c {
+.modal__l_4l1kn {
     width: var(--modal-l-width);
 }
+.modal__xl_4l1kn {
+    width: var(--modal-xl-width);
+}

package/modal/modern/desktop.js

@@ -12,5 +12,5 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-a20188ae.js';
+import './transitions.module-386b448e.js';
 export { ModalDesktop } from './Component.desktop.js';

package/modal/modern/index.js

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/hooks';
 import '../../base-modal/modern';
 export { ModalContext } from './Context.js';
 import './components/header/Component.js';
@@ -14,7 +14,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-a20188ae.js';
+import './transitions.module-386b448e.js';
 import './Component.desktop.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';

package/modal/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 175h3 */
+/* hash: hgg1x */
 :root {
 
     /* Hard */
@@ -13,13 +13,13 @@
 
     /* paddings */
 
-    /* sticky */
-
     /* scroll */
 
+    /* desktop */
+
     /* mobile */
 }
-.modal__component_lxs7u {
+.modal__component_1wxv9 {
     flex: 1;
     width: 100%;
 }

package/modal/modern/mobile.js

@@ -1,7 +1,6 @@
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../../base-modal/modern';
 import './Context.js';
@@ -10,7 +9,7 @@ import '../../icon-button/modern';
 import './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import './transitions.module-a20188ae.js';
+import './transitions.module-386b448e.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';

package/modal/modern/responsive.js

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/hooks';
 import '../../base-modal/modern';
 import './Context.js';
 import './components/header/Component.js';
@@ -14,7 +14,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-a20188ae.js';
+import './transitions.module-386b448e.js';
 import './Component.desktop.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';

package/modal/modern/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 18pdm */
-.modal__appear_1sfyx,
-.modal__enter_1sfyx {
+/* hash: j0cli */
+.modal__appear_cjzwd,
+.modal__enter_cjzwd {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1sfyx,
-.modal__enterActive_1sfyx {
+.modal__appearActive_cjzwd,
+.modal__enterActive_cjzwd {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1sfyx {
+.modal__exit_cjzwd {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1sfyx,
-.modal__exitDone_1sfyx {
+.modal__exitActive_cjzwd,
+.modal__exitDone_cjzwd {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/modal/modern/transitions.module-386b448e.js

@@ -0,0 +1,4 @@
+var transitions = {"appear":"modal__appear_cjzwd","enter":"modal__enter_cjzwd","appearActive":"modal__appearActive_cjzwd","enterActive":"modal__enterActive_cjzwd","exit":"modal__exit_cjzwd","exitActive":"modal__exitActive_cjzwd","exitDone":"modal__exitDone_cjzwd"};
+require('./transitions.css');
+
+export { transitions as t };

package/modal/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-48e01103.js');
+require('./tslib.es6-4834d51a.js');
 require('react');
 require('classnames');
 require('../base-modal');
@@ -16,13 +16,13 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 require('./Component.desktop.js');
-require('./transitions.module-cf052435.js');
-require('@alfalab/hooks');
+require('./transitions.module-27d19713.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');
 require('./Component.mobile.js');
+require('@alfalab/hooks');
 var Component_responsive = require('./Component.responsive.js');
 
 

package/modal/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 18pdm */
-.modal__appear_1sfyx,
-.modal__enter_1sfyx {
+/* hash: j0cli */
+.modal__appear_cjzwd,
+.modal__enter_cjzwd {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1sfyx,
-.modal__enterActive_1sfyx {
+.modal__appearActive_cjzwd,
+.modal__enterActive_cjzwd {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1sfyx {
+.modal__exit_cjzwd {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1sfyx,
-.modal__exitDone_1sfyx {
+.modal__exitActive_cjzwd,
+.modal__exitDone_cjzwd {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/modal/transitions.module-27d19713.js

@@ -0,0 +1,4 @@
+var transitions = {"appear":"modal__appear_cjzwd","enter":"modal__enter_cjzwd","appearActive":"modal__appearActive_cjzwd","enterActive":"modal__enterActive_cjzwd","exit":"modal__exit_cjzwd","exitActive":"modal__exitActive_cjzwd","exitDone":"modal__exitDone_cjzwd"};
+require('./transitions.css');
+
+exports.transitions = transitions;

package/notification/Component.js

@@ -56,7 +56,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"notificationComponent":"notification__notificationComponent_16cjy","isVisible":"notification__isVisible_16cjy","isClosing":"notification__isClosing_16cjy","toastContent":"notification__toastContent_16cjy"};
+var styles = {"notificationComponent":"notification__notificationComponent_l2ygb","isVisible":"notification__isVisible_l2ygb","isClosing":"notification__isClosing_l2ygb","toastContent":"notification__toastContent_l2ygb"};
 require('./index.css');
 
 var notificationClassNameSelector = "." + styles.notificationComponent;

package/notification/esm/Component.js

@@ -47,7 +47,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"notificationComponent":"notification__notificationComponent_16cjy","isVisible":"notification__isVisible_16cjy","isClosing":"notification__isClosing_16cjy","toastContent":"notification__toastContent_16cjy"};
+var styles = {"notificationComponent":"notification__notificationComponent_l2ygb","isVisible":"notification__isVisible_l2ygb","isClosing":"notification__isClosing_l2ygb","toastContent":"notification__toastContent_l2ygb"};
 require('./index.css');
 
 var notificationClassNameSelector = "." + styles.notificationComponent;