@alfalab/core-components-modal 6.1.7 → 6.1.9

package/Component.desktop.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1b3490ba.js');
+var tslib_es6 = require('./tslib.es6-9ab4bb88.js');
 var React = require('react');
 var components_closer_Component = require('./components/closer/Component.js');
 var components_content_Component = require('./components/content/Component.js');

package/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1b3490ba.js');
+var tslib_es6 = require('./tslib.es6-9ab4bb88.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -13,13 +13,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"wrapper":"modal__wrapper_1a3i3","component":"modal__component_1a3i3","fullscreen":"modal__fullscreen_1a3i3","s":"modal__s_1a3i3","m":"modal__m_1a3i3","l":"modal__l_1a3i3","xl":"modal__xl_1a3i3"};
+var desktopStyles = {"wrapper":"modal__wrapper_paj31","component":"modal__component_paj31","fullscreen":"modal__fullscreen_paj31","s":"modal__s_paj31","m":"modal__m_paj31","l":"modal__l_paj31","xl":"modal__xl_paj31"};
 require('./desktop.css')
 
-var mobileStyles = {"component":"modal__component_7tcgr"};
+var mobileStyles = {"component":"modal__component_1sz6y"};
 require('./mobile.css')
 
-var transitions = {"appear":"modal__appear_mgl5x","enter":"modal__enter_mgl5x","appearActive":"modal__appearActive_mgl5x","enterActive":"modal__enterActive_mgl5x","exit":"modal__exit_mgl5x","exitActive":"modal__exitActive_mgl5x","exitDone":"modal__exitDone_mgl5x"};
+var transitions = {"appear":"modal__appear_10g9m","enter":"modal__enter_10g9m","appearActive":"modal__appearActive_10g9m","enterActive":"modal__enterActive_10g9m","exit":"modal__exit_10g9m","exitActive":"modal__exitActive_10g9m","exitDone":"modal__exitDone_10g9m"};
 require('./transitions.css')
 
 var Modal = React.forwardRef(function (_a, ref) {

package/Component.mobile.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1b3490ba.js');
+var tslib_es6 = require('./tslib.es6-9ab4bb88.js');
 var React = require('react');
 var components_closer_Component = require('./components/closer/Component.js');
 var components_content_Component = require('./components/content/Component.js');

package/Component.responsive.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1b3490ba.js');
+var tslib_es6 = require('./tslib.es6-9ab4bb88.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var components_closer_Component = require('./components/closer/Component.js');

package/components/closer/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-1b3490ba.js');
+var tslib_es6 = require('../../tslib.es6-9ab4bb88.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"closer":"modal__closer_tzoiy","button":"modal__button_tzoiy","sticky":"modal__sticky_tzoiy"};
+var styles = {"closer":"modal__closer_111nj","button":"modal__button_111nj","sticky":"modal__sticky_111nj"};
 require('./index.css')
 
 /**

package/components/closer/index.css

@@ -1,19 +1,22 @@
-/* hash: 1ybe1 */
+/* hash: 9lgf5 */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-3xl: 40px;
-}
-:root {
+} :root {
+} :root {
+} :root {
     --modal-vertical-padding: var(--gap-3xl);
 
     /* sizes */
@@ -25,11 +28,9 @@
     /* desktop */
 
     /* mobile */
-}
-:root {
+} :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
-}
-.modal__closer_tzoiy {
+} .modal__closer_111nj {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -37,14 +38,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-}
-.modal__button_tzoiy {
+} .modal__button_111nj {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
-}
-.modal__sticky_tzoiy {
+} .modal__sticky_111nj {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

package/components/content/Component.js

@@ -11,13 +11,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"s":"modal__s_1kr1w","m":"modal__m_1kr1w","l":"modal__l_1kr1w","xl":"modal__xl_1kr1w","fullscreen":"modal__fullscreen_1kr1w"};
+var desktopStyles = {"s":"modal__s_1ymbg","m":"modal__m_1ymbg","l":"modal__l_1ymbg","xl":"modal__xl_1ymbg","fullscreen":"modal__fullscreen_1ymbg"};
 require('./desktop.css')
 
-var styles = {"content":"modal__content_gok0e","flex":"modal__flex_gok0e"};
+var styles = {"content":"modal__content_2ovk2","flex":"modal__flex_2ovk2"};
 require('./index.css')
 
-var mobileStyles = {"content":"modal__content_19uka"};
+var mobileStyles = {"content":"modal__content_vcp1c"};
 require('./mobile.css')
 
 var Content = function (_a) {

package/components/content/desktop.css

@@ -1,16 +1,21 @@
-/* hash: s93k9 */
+/* hash: jhs5y */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-6xl: 72px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -23,19 +28,15 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__s_1kr1w,
-.modal__m_1kr1w {
+} .modal__s_1ymbg,
+.modal__m_1ymbg {
     padding: var(--modal-s-content-paddings)
-}
-.modal__s_1kr1w:last-child, .modal__m_1kr1w:last-child {
+} .modal__s_1ymbg:last-child, .modal__m_1ymbg:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
-    }
-.modal__l_1kr1w,
-.modal__xl_1kr1w,
-.modal__fullscreen_1kr1w {
+    } .modal__l_1ymbg,
+.modal__xl_1ymbg,
+.modal__fullscreen_1ymbg {
     padding: 0 var(--gap-6xl)
-}
-.modal__l_1kr1w:last-child, .modal__xl_1kr1w:last-child, .modal__fullscreen_1kr1w:last-child {
+} .modal__l_1ymbg:last-child, .modal__xl_1ymbg:last-child, .modal__fullscreen_1ymbg:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/components/content/index.css

@@ -1,13 +1,20 @@
-/* hash: v1pe5 */
+/* hash: 1e0lo */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -18,11 +25,9 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__content_gok0e {
+} .modal__content_2ovk2 {
     box-sizing: border-box;
     width: 100%;
-}
-.modal__flex_gok0e {
+} .modal__flex_2ovk2 {
     flex: 1;
 }

package/components/content/mobile.css

@@ -1,16 +1,21 @@
-/* hash: svcsl */
+/* hash: 19mqa */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -21,10 +26,8 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__content_19uka {
+} .modal__content_vcp1c {
     padding: 0 var(--gap-m)
-}
-.modal__content_19uka:last-child {
+} .modal__content_vcp1c:last-child {
         padding-bottom: var(--gap-m);
     }

package/components/footer/Component.js

@@ -11,16 +11,16 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"footer":"modal__footer_rzt9i","sticky":"modal__sticky_rzt9i","fullscreen":"modal__fullscreen_rzt9i","s":"modal__s_rzt9i","m":"modal__m_rzt9i","l":"modal__l_rzt9i","xl":"modal__xl_rzt9i"};
+var desktopStyles = {"footer":"modal__footer_1qa3q","sticky":"modal__sticky_1qa3q","fullscreen":"modal__fullscreen_1qa3q","s":"modal__s_1qa3q","m":"modal__m_1qa3q","l":"modal__l_1qa3q","xl":"modal__xl_1qa3q"};
 require('./desktop.css')
 
-var styles = {"footer":"modal__footer_1t7dd","sticky":"modal__sticky_1t7dd","highlighted":"modal__highlighted_1t7dd"};
+var styles = {"footer":"modal__footer_1kbht","sticky":"modal__sticky_1kbht","highlighted":"modal__highlighted_1kbht"};
 require('./index.css')
 
-var layoutStyles = {"column":"modal__column_1o3tk","gap-16":"modal__gap-16_1o3tk","gap-24":"modal__gap-24_1o3tk","gap-32":"modal__gap-32_1o3tk","start":"modal__start_1o3tk","center":"modal__center_1o3tk","space-between":"modal__space-between_1o3tk"};
+var layoutStyles = {"column":"modal__column_nczz1","gap-16":"modal__gap-16_nczz1","gap-24":"modal__gap-24_nczz1","gap-32":"modal__gap-32_nczz1","start":"modal__start_nczz1","center":"modal__center_nczz1","space-between":"modal__space-between_nczz1"};
 require('./layout.css')
 
-var mobileStyles = {"footer":"modal__footer_10g6v","sticky":"modal__sticky_10g6v"};
+var mobileStyles = {"footer":"modal__footer_te7v1","sticky":"modal__sticky_te7v1"};
 require('./mobile.css')
 
 var Footer = function (_a) {

package/components/footer/desktop.css

@@ -1,22 +1,25 @@
-/* hash: omx0r */
+/* hash: o9zy7 */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-l: 12px;
+} :root {
     --gap-xl: 24px;
     --gap-2xl: 32px;
     --gap-3xl: 40px;
     --gap-6xl: 72px;
-}
-:root {
-    --border-radius-l: 12px;
-}
-:root {
+} :root {
+} :root {
+} :root {
     --modal-border-radius: var(--border-radius-l);
     --modal-vertical-padding: var(--gap-3xl);
 
@@ -30,23 +33,18 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__footer_rzt9i {
+} .modal__footer_1qa3q {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-}
-.modal__sticky_rzt9i {
+} .modal__sticky_1qa3q {
     bottom: calc(var(--modal-vertical-padding) * -1)
-}
-.modal__sticky_rzt9i.modal__fullscreen_rzt9i {
+} .modal__sticky_1qa3q.modal__fullscreen_1qa3q {
         bottom: 0;
-    }
-.modal__s_rzt9i,
-.modal__m_rzt9i {
+    } .modal__s_1qa3q,
+.modal__m_1qa3q {
     padding: var(--modal-s-footer-paddings);
-}
-.modal__l_rzt9i,
-.modal__xl_rzt9i,
-.modal__fullscreen_rzt9i {
+} .modal__l_1qa3q,
+.modal__xl_1qa3q,
+.modal__fullscreen_1qa3q {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

package/components/footer/index.css

@@ -1,17 +1,22 @@
-/* hash: nwoh0 */
+/* hash: 1uunr */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --modal-footer-background: var(--color-light-bg-primary);
 
     /* sizes */
@@ -25,17 +30,14 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__footer_1t7dd {
+} .modal__footer_1kbht {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-}
-.modal__sticky_1t7dd {
+} .modal__sticky_1kbht {
     background: var(--modal-footer-background);
     position: sticky;
-}
-.modal__highlighted_1t7dd {
+} .modal__highlighted_1kbht {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/components/footer/layout.css

@@ -1,18 +1,23 @@
-/* hash: taa7x */
+/* hash: 1qolr */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
     --gap-xl: 24px;
     --gap-2xl: 32px;
-}
-:root {
+} :root {
+} :root {
+} :root {
     --modal-footer-default-gap: var(--gap-m);
 
     /* sizes */
@@ -24,61 +29,45 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__column_1o3tk {
+} .modal__column_nczz1 {
     display: flex;
     flex-direction: column
-}
-.modal__column_1o3tk > * {
+} .modal__column_nczz1 > * {
         margin-bottom: var(--modal-footer-default-gap);
-    }
-.modal__column_1o3tk > *:last-child,
-    .modal__column_1o3tk > *:only-child {
+    } .modal__column_nczz1 > *:last-child,
+    .modal__column_nczz1 > *:only-child {
         margin-bottom: 0;
-    }
-.modal__column_1o3tk.modal__gap-16_1o3tk > * {
+    } .modal__column_nczz1.modal__gap-16_nczz1 > * {
         margin-bottom: var(--gap-m);
-    }
-.modal__column_1o3tk.modal__gap-24_1o3tk > * {
+    } .modal__column_nczz1.modal__gap-24_nczz1 > * {
         margin-bottom: var(--gap-xl);
-    }
-.modal__column_1o3tk.modal__gap-32_1o3tk > * {
+    } .modal__column_nczz1.modal__gap-32_nczz1 > * {
         margin-bottom: var(--gap-2xl);
-    }
-.modal__start_1o3tk {
+    } .modal__start_nczz1 {
     justify-content: flex-start;
-}
-.modal__center_1o3tk {
+} .modal__center_nczz1 {
     justify-content: center;
-}
-.modal__space-between_1o3tk {
+} .modal__space-between_nczz1 {
     justify-content: space-between
-}
-.modal__space-between_1o3tk > * {
+} .modal__space-between_nczz1 > * {
         flex: 1;
-    }
-.modal__start_1o3tk,
-.modal__center_1o3tk,
-.modal__space-between_1o3tk {
+    } .modal__start_nczz1,
+.modal__center_nczz1,
+.modal__space-between_nczz1 {
     display: flex
-}
-.modal__start_1o3tk > *, .modal__center_1o3tk > *, .modal__space-between_1o3tk > * {
+} .modal__start_nczz1 > *, .modal__center_nczz1 > *, .modal__space-between_nczz1 > * {
         margin-right: var(--modal-footer-default-gap);
-    }
-.modal__start_1o3tk > *:last-child,
-    .modal__start_1o3tk > *:only-child,
-    .modal__center_1o3tk > *:last-child,
-    .modal__center_1o3tk > *:only-child,
-    .modal__space-between_1o3tk > *:last-child,
-    .modal__space-between_1o3tk > *:only-child {
+    } .modal__start_nczz1 > *:last-child,
+    .modal__start_nczz1 > *:only-child,
+    .modal__center_nczz1 > *:last-child,
+    .modal__center_nczz1 > *:only-child,
+    .modal__space-between_nczz1 > *:last-child,
+    .modal__space-between_nczz1 > *:only-child {
         margin-right: 0;
-    }
-.modal__start_1o3tk.modal__gap-16_1o3tk > *, .modal__center_1o3tk.modal__gap-16_1o3tk > *, .modal__space-between_1o3tk.modal__gap-16_1o3tk > * {
+    } .modal__start_nczz1.modal__gap-16_nczz1 > *, .modal__center_nczz1.modal__gap-16_nczz1 > *, .modal__space-between_nczz1.modal__gap-16_nczz1 > * {
         margin-right: var(--gap-m);
-    }
-.modal__start_1o3tk.modal__gap-24_1o3tk > *, .modal__center_1o3tk.modal__gap-24_1o3tk > *, .modal__space-between_1o3tk.modal__gap-24_1o3tk > * {
+    } .modal__start_nczz1.modal__gap-24_nczz1 > *, .modal__center_nczz1.modal__gap-24_nczz1 > *, .modal__space-between_nczz1.modal__gap-24_nczz1 > * {
         margin-right: var(--gap-xl);
-    }
-.modal__start_1o3tk.modal__gap-32_1o3tk > *, .modal__center_1o3tk.modal__gap-32_1o3tk > *, .modal__space-between_1o3tk.modal__gap-32_1o3tk > * {
+    } .modal__start_nczz1.modal__gap-32_nczz1 > *, .modal__center_nczz1.modal__gap-32_nczz1 > *, .modal__space-between_nczz1.modal__gap-32_nczz1 > * {
         margin-right: var(--gap-2xl);
     }

package/components/footer/mobile.css

@@ -1,16 +1,21 @@
-/* hash: swicy */
+/* hash: l9dbv */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -21,10 +26,8 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__footer_10g6v {
+} .modal__footer_te7v1 {
     padding: var(--gap-m);
-}
-.modal__sticky_10g6v {
+} .modal__sticky_te7v1 {
     bottom: 0;
 }

package/components/header/Component.js

@@ -7,7 +7,7 @@ var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
 var components_closer_Component = require('../closer/Component.js');
 require('@alfalab/core-components-base-modal');
-require('../../tslib.es6-1b3490ba.js');
+require('../../tslib.es6-9ab4bb88.js');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 
@@ -21,13 +21,13 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var desktopStyles = {"header":"modal__header_1lmlt","content":"modal__content_1lmlt","s":"modal__s_1lmlt","m":"modal__m_1lmlt","l":"modal__l_1lmlt","xl":"modal__xl_1lmlt","fullscreen":"modal__fullscreen_1lmlt","hasContent":"modal__hasContent_1lmlt","sticky":"modal__sticky_1lmlt"};
+var desktopStyles = {"header":"modal__header_10rwy","content":"modal__content_10rwy","s":"modal__s_10rwy","m":"modal__m_10rwy","l":"modal__l_10rwy","xl":"modal__xl_10rwy","fullscreen":"modal__fullscreen_10rwy","hasContent":"modal__hasContent_10rwy","sticky":"modal__sticky_10rwy"};
 require('./desktop.css')
 
-var styles = {"header":"modal__header_13b3m","hasContent":"modal__hasContent_13b3m","highlighted":"modal__highlighted_13b3m","sticky":"modal__sticky_13b3m","content":"modal__content_13b3m","title":"modal__title_13b3m","addon":"modal__addon_13b3m","closer":"modal__closer_13b3m","left":"modal__left_13b3m","center":"modal__center_13b3m","right":"modal__right_13b3m","trim":"modal__trim_13b3m"};
+var styles = {"header":"modal__header_1abcs","hasContent":"modal__hasContent_1abcs","highlighted":"modal__highlighted_1abcs","sticky":"modal__sticky_1abcs","content":"modal__content_1abcs","title":"modal__title_1abcs","addon":"modal__addon_1abcs","closer":"modal__closer_1abcs","left":"modal__left_1abcs","center":"modal__center_1abcs","right":"modal__right_1abcs","trim":"modal__trim_1abcs"};
 require('./index.css')
 
-var mobileStyles = {"sticky":"modal__sticky_19rfi","content":"modal__content_19rfi"};
+var mobileStyles = {"sticky":"modal__sticky_a9mmw","content":"modal__content_a9mmw"};
 require('./mobile.css')
 
 var Header = function (_a) {