@alfalab/core-components-modal 8.0.7 → 8.0.8

package/Component.js

@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"wrapper":"modal__wrapper_xpc1o","component":"modal__component_xpc1o","fullscreen":"modal__fullscreen_xpc1o","s":"modal__s_xpc1o","m":"modal__m_xpc1o","l":"modal__l_xpc1o","xl":"modal__xl_xpc1o"};
+var desktopStyles = {"wrapper":"modal__wrapper_1ko8i","component":"modal__component_1ko8i","fullscreen":"modal__fullscreen_1ko8i","s":"modal__s_1ko8i","m":"modal__m_1ko8i","l":"modal__l_1ko8i","xl":"modal__xl_1ko8i"};
 require('./desktop.css')
 
-var mobileStyles = {"component":"modal__component_v6cg6"};
+var mobileStyles = {"component":"modal__component_1uflh"};
 require('./mobile.css')
 
-var transitions = {"appear":"modal__appear_7zc9y","enter":"modal__enter_7zc9y","appearActive":"modal__appearActive_7zc9y","enterActive":"modal__enterActive_7zc9y","exit":"modal__exit_7zc9y","exitActive":"modal__exitActive_7zc9y","exitDone":"modal__exitDone_7zc9y"};
+var transitions = {"appear":"modal__appear_1eyra","enter":"modal__enter_1eyra","appearActive":"modal__appearActive_1eyra","enterActive":"modal__enterActive_1eyra","exit":"modal__exit_1eyra","exitActive":"modal__exitActive_1eyra","exitDone":"modal__exitDone_1eyra"};
 require('./transitions.css')
 
 var Modal = React.forwardRef(function (_a, ref) {
@@ -53,6 +53,7 @@ var Modal = React.forwardRef(function (_a, ref) {
             transitionProps: tslib.__assign(tslib.__assign({ classNames: transitions }, transitionProps), { onEntered: handleEntered }),
         }
         : {
+            wrapperClassName: wrapperClassName,
             ref: ref,
             transitionProps: tslib.__assign({ classNames: transitions }, transitionProps),
             className: cn__default.default(className, mobileStyles.component),

package/components/content/Component.js

@@ -13,13 +13,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_1m9qv","m":"modal__m_1m9qv","l":"modal__l_1m9qv","xl":"modal__xl_1m9qv","fullscreen":"modal__fullscreen_1m9qv"};
+var desktopStyles = {"s":"modal__s_1dag6","m":"modal__m_1dag6","l":"modal__l_1dag6","xl":"modal__xl_1dag6","fullscreen":"modal__fullscreen_1dag6"};
 require('./desktop.css')
 
-var styles = {"content":"modal__content_1xtr1","withHeader":"modal__withHeader_1xtr1","flex":"modal__flex_1xtr1"};
+var styles = {"content":"modal__content_1q3c8","withHeader":"modal__withHeader_1q3c8","flex":"modal__flex_1q3c8"};
 require('./index.css')
 
-var mobileStyles = {"content":"modal__content_jks7g"};
+var mobileStyles = {"content":"modal__content_14lgy"};
 require('./mobile.css')
 
 var Content = function (_a) {

package/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: xk40u */
+/* hash: 1l9pr */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,12 +30,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__s_1m9qv,
-.modal__m_1m9qv,
-.modal__l_1m9qv,
-.modal__xl_1m9qv,
-.modal__fullscreen_1m9qv {
+} .modal__s_1dag6,
+.modal__m_1dag6,
+.modal__l_1dag6,
+.modal__xl_1dag6,
+.modal__fullscreen_1dag6 {
     padding: var(--modal-s-content-paddings)
-} .modal__s_1m9qv:last-child, .modal__m_1m9qv:last-child, .modal__l_1m9qv:last-child, .modal__xl_1m9qv:last-child, .modal__fullscreen_1m9qv:last-child {
+} .modal__s_1dag6:last-child, .modal__m_1dag6:last-child, .modal__l_1dag6:last-child, .modal__xl_1dag6:last-child, .modal__fullscreen_1dag6:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }

package/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: wm5c5 */
+/* hash: 1kbr3 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_1xtr1 {
+} .modal__content_1q3c8 {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .modal__content_1xtr1.modal__withHeader_1xtr1 {
+} .modal__content_1q3c8.modal__withHeader_1q3c8 {
         padding-top: 0;
-    } .modal__flex_1xtr1 {
+    } .modal__flex_1q3c8 {
     flex: 1;
 }

package/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: yzdvi */
+/* hash: b3cjr */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_jks7g {
+} .modal__content_14lgy {
     padding: var(--gap-m) var(--gap-m) 0
-} .modal__content_jks7g:last-child {
+} .modal__content_14lgy:last-child {
         padding-bottom: var(--gap-m);
     }

package/components/footer/Component.js

@@ -13,16 +13,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_pn484","sticky":"modal__sticky_pn484","fullscreen":"modal__fullscreen_pn484","s":"modal__s_pn484","m":"modal__m_pn484","l":"modal__l_pn484","xl":"modal__xl_pn484"};
+var desktopStyles = {"footer":"modal__footer_17ap8","sticky":"modal__sticky_17ap8","fullscreen":"modal__fullscreen_17ap8","s":"modal__s_17ap8","m":"modal__m_17ap8","l":"modal__l_17ap8","xl":"modal__xl_17ap8"};
 require('./desktop.css')
 
-var styles = {"footer":"modal__footer_b86ap","sticky":"modal__sticky_b86ap","highlighted":"modal__highlighted_b86ap"};
+var styles = {"footer":"modal__footer_75yn4","sticky":"modal__sticky_75yn4","highlighted":"modal__highlighted_75yn4"};
 require('./index.css')
 
-var layoutStyles = {"column":"modal__column_1euzx","gap-16":"modal__gap-16_1euzx","gap-24":"modal__gap-24_1euzx","gap-32":"modal__gap-32_1euzx","column-mobile":"modal__column-mobile_1euzx","start":"modal__start_1euzx","center":"modal__center_1euzx","space-between":"modal__space-between_1euzx"};
+var layoutStyles = {"column":"modal__column_e0jny","gap-16":"modal__gap-16_e0jny","gap-24":"modal__gap-24_e0jny","gap-32":"modal__gap-32_e0jny","column-mobile":"modal__column-mobile_e0jny","start":"modal__start_e0jny","center":"modal__center_e0jny","space-between":"modal__space-between_e0jny"};
 require('./layout.css')
 
-var mobileStyles = {"footer":"modal__footer_p7elx","sticky":"modal__sticky_p7elx"};
+var mobileStyles = {"footer":"modal__footer_1onrc","sticky":"modal__sticky_1onrc"};
 require('./mobile.css')
 
 var Footer = function (_a) {

package/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1c39o */
+/* hash: ul5cv */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,17 +33,17 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_pn484 {
+} .modal__footer_17ap8 {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-} .modal__sticky_pn484 {
+} .modal__sticky_17ap8 {
     bottom: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_pn484.modal__fullscreen_pn484 {
+} .modal__sticky_17ap8.modal__fullscreen_17ap8 {
         bottom: 0;
-    } .modal__s_pn484,
-.modal__m_pn484,
-.modal__l_pn484,
-.modal__xl_pn484,
-.modal__fullscreen_pn484 {
+    } .modal__s_17ap8,
+.modal__m_17ap8,
+.modal__l_17ap8,
+.modal__xl_17ap8,
+.modal__fullscreen_17ap8 {
     padding: var(--modal-s-footer-paddings);
 }

package/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1f3ln */
+/* hash: xlhbo */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -32,14 +32,14 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_b86ap {
+} .modal__footer_75yn4 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .modal__sticky_b86ap {
+} .modal__sticky_75yn4 {
     background: var(--modal-footer-background);
     position: sticky;
-} .modal__highlighted_b86ap {
+} .modal__highlighted_75yn4 {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/components/footer/layout.css

@@ -1,4 +1,4 @@
-/* hash: 1o4bl */
+/* hash: 16m79 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,53 +31,53 @@
     /* mobile */
 
     /* paddings */
-} .modal__column_1euzx {
+} .modal__column_e0jny {
     display: flex;
     flex-direction: column
-} .modal__column_1euzx > * {
+} .modal__column_e0jny > * {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column_1euzx > *:last-child,
-    .modal__column_1euzx > *:only-child {
+    } .modal__column_e0jny > *:last-child,
+    .modal__column_e0jny > *:only-child {
         margin-bottom: 0;
-    } .modal__column_1euzx.modal__gap-16_1euzx > * {
+    } .modal__column_e0jny.modal__gap-16_e0jny > * {
         margin-bottom: var(--gap-m);
-    } .modal__column_1euzx.modal__gap-24_1euzx > * {
+    } .modal__column_e0jny.modal__gap-24_e0jny > * {
         margin-bottom: var(--gap-xl);
-    } .modal__column_1euzx.modal__gap-32_1euzx > * {
+    } .modal__column_e0jny.modal__gap-32_e0jny > * {
         margin-bottom: var(--gap-2xl);
-    } .modal__column-mobile_1euzx {
+    } .modal__column-mobile_e0jny {
     flex-direction: column-reverse
-} .modal__column-mobile_1euzx > * {
+} .modal__column-mobile_e0jny > * {
         margin-bottom: 0;
-    } .modal__column-mobile_1euzx > *:last-child {
+    } .modal__column-mobile_e0jny > *:last-child {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column-mobile_1euzx > *:only-child {
+    } .modal__column-mobile_e0jny > *:only-child {
         margin-bottom: 0;
-    } .modal__start_1euzx {
+    } .modal__start_e0jny {
     justify-content: flex-start;
-} .modal__center_1euzx {
+} .modal__center_e0jny {
     justify-content: center;
-} .modal__space-between_1euzx {
+} .modal__space-between_e0jny {
     justify-content: space-between
-} .modal__space-between_1euzx > * {
+} .modal__space-between_e0jny > * {
         flex: 1;
-    } .modal__start_1euzx,
-.modal__center_1euzx,
-.modal__space-between_1euzx {
+    } .modal__start_e0jny,
+.modal__center_e0jny,
+.modal__space-between_e0jny {
     display: flex
-} .modal__start_1euzx > *, .modal__center_1euzx > *, .modal__space-between_1euzx > * {
+} .modal__start_e0jny > *, .modal__center_e0jny > *, .modal__space-between_e0jny > * {
         margin-right: var(--modal-footer-default-gap);
-    } .modal__start_1euzx > *:last-child,
-    .modal__start_1euzx > *:only-child,
-    .modal__center_1euzx > *:last-child,
-    .modal__center_1euzx > *:only-child,
-    .modal__space-between_1euzx > *:last-child,
-    .modal__space-between_1euzx > *:only-child {
+    } .modal__start_e0jny > *:last-child,
+    .modal__start_e0jny > *:only-child,
+    .modal__center_e0jny > *:last-child,
+    .modal__center_e0jny > *:only-child,
+    .modal__space-between_e0jny > *:last-child,
+    .modal__space-between_e0jny > *:only-child {
         margin-right: 0;
-    } .modal__start_1euzx.modal__gap-16_1euzx > *, .modal__center_1euzx.modal__gap-16_1euzx > *, .modal__space-between_1euzx.modal__gap-16_1euzx > * {
+    } .modal__start_e0jny.modal__gap-16_e0jny > *, .modal__center_e0jny.modal__gap-16_e0jny > *, .modal__space-between_e0jny.modal__gap-16_e0jny > * {
         margin-right: var(--gap-m);
-    } .modal__start_1euzx.modal__gap-24_1euzx > *, .modal__center_1euzx.modal__gap-24_1euzx > *, .modal__space-between_1euzx.modal__gap-24_1euzx > * {
+    } .modal__start_e0jny.modal__gap-24_e0jny > *, .modal__center_e0jny.modal__gap-24_e0jny > *, .modal__space-between_e0jny.modal__gap-24_e0jny > * {
         margin-right: var(--gap-xl);
-    } .modal__start_1euzx.modal__gap-32_1euzx > *, .modal__center_1euzx.modal__gap-32_1euzx > *, .modal__space-between_1euzx.modal__gap-32_1euzx > * {
+    } .modal__start_e0jny.modal__gap-32_e0jny > *, .modal__center_e0jny.modal__gap-32_e0jny > *, .modal__space-between_e0jny.modal__gap-32_e0jny > * {
         margin-right: var(--gap-2xl);
     }

package/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 115ey */
+/* hash: qabfp */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_p7elx {
+} .modal__footer_1onrc {
     padding: var(--gap-m);
-} .modal__sticky_p7elx {
+} .modal__sticky_1onrc {
     bottom: 0;
 }

package/components/header/Component.js

@@ -15,13 +15,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"header":"modal__header_1m3mo","content":"modal__content_1m3mo","s":"modal__s_1m3mo","m":"modal__m_1m3mo","l":"modal__l_1m3mo","xl":"modal__xl_1m3mo","fullscreen":"modal__fullscreen_1m3mo","sticky":"modal__sticky_1m3mo"};
+var desktopStyles = {"header":"modal__header_1c5e4","content":"modal__content_1c5e4","s":"modal__s_1c5e4","m":"modal__m_1c5e4","l":"modal__l_1c5e4","xl":"modal__xl_1c5e4","fullscreen":"modal__fullscreen_1c5e4","sticky":"modal__sticky_1c5e4"};
 require('./desktop.css')
 
-var styles = {"highlighted":"modal__highlighted_1xvlw","sticky":"modal__sticky_1xvlw","hasContent":"modal__hasContent_1xvlw"};
+var styles = {"highlighted":"modal__highlighted_2au8r","sticky":"modal__sticky_2au8r","hasContent":"modal__hasContent_2au8r"};
 require('./index.css')
 
-var mobileStyles = {"header":"modal__header_k2kkn","sticky":"modal__sticky_k2kkn","content":"modal__content_k2kkn"};
+var mobileStyles = {"header":"modal__header_1ya3e","sticky":"modal__sticky_1ya3e","content":"modal__content_1ya3e"};
 require('./mobile.css')
 
 var Header = function (_a) {

package/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: g9nnq */
+/* hash: i3cpb */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -44,31 +44,31 @@
     /* mobile */
 
     /* paddings */
-} .modal__header_1m3mo {
+} .modal__header_1c5e4 {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-} .modal__content_1m3mo {
+} .modal__content_1c5e4 {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
-} .modal__s_1m3mo .modal__content_1m3mo,
-.modal__m_1m3mo .modal__content_1m3mo {
+} .modal__s_1c5e4 .modal__content_1c5e4,
+.modal__m_1c5e4 .modal__content_1c5e4 {
     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__l_1m3mo .modal__content_1m3mo,
-.modal__xl_1m3mo .modal__content_1m3mo,
-.modal__fullscreen_1m3mo .modal__content_1m3mo {
+} .modal__l_1c5e4 .modal__content_1c5e4,
+.modal__xl_1c5e4 .modal__content_1c5e4,
+.modal__fullscreen_1c5e4 .modal__content_1c5e4 {
     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__s_1m3mo,
-.modal__m_1m3mo,
-.modal__l_1m3mo,
-.modal__xl_1m3mo,
-.modal__fullscreen_1m3mo {
+} .modal__s_1c5e4,
+.modal__m_1c5e4,
+.modal__l_1c5e4,
+.modal__xl_1c5e4,
+.modal__fullscreen_1c5e4 {
     padding: var(--modal-s-header-paddings);
-} .modal__sticky_1m3mo {
+} .modal__sticky_1c5e4 {
     top: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_1m3mo.modal__fullscreen_1m3mo {
+} .modal__sticky_1c5e4.modal__fullscreen_1c5e4 {
         top: 0;
     }

package/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: ngpp7 */
+/* hash: paeqt */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -32,12 +32,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__highlighted_1xvlw {
+} .modal__highlighted_2au8r {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-} .modal__sticky_1xvlw {
+} .modal__sticky_2au8r {
     position: sticky;
     z-index: 1
-} .modal__sticky_1xvlw.modal__hasContent_1xvlw {
+} .modal__sticky_2au8r.modal__hasContent_2au8r {
         background: var(--modal-header-background);
     }

package/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1kfrn */
+/* hash: antlz */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,11 +38,11 @@
 
     /* paddings */
     --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
-} .modal__header_k2kkn {
+} .modal__header_1ya3e {
     padding: var(--modal-header-mobile-paddings);
-} .modal__sticky_k2kkn {
+} .modal__sticky_1ya3e {
     top: 0;
-} .modal__content_k2kkn {
+} .modal__content_1ya3e {
     font-size: var(--modal-header-mobile-font-size);
     line-height: var(--modal-header-mobile-line-height);
     font-family: var(--modal-header-mobile-font-family);

package/cssm/Component.js

@@ -50,6 +50,7 @@ var Modal = React.forwardRef(function (_a, ref) {
             transitionProps: tslib.__assign(tslib.__assign({ classNames: transitions__default.default }, transitionProps), { onEntered: handleEntered }),
         }
         : {
+            wrapperClassName: wrapperClassName,
             ref: ref,
             transitionProps: tslib.__assign({ classNames: transitions__default.default }, transitionProps),
             className: cn__default.default(className, mobileStyles__default.default.component),

package/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1aprh */
+/* hash: lglgz */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -35,25 +35,25 @@
     /* mobile */
 
     /* paddings */
-} .modal__wrapper_xpc1o {
+} .modal__wrapper_1ko8i {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
-} .modal__component_xpc1o {
+} .modal__component_1ko8i {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
-} .modal__fullscreen_xpc1o {
+} .modal__fullscreen_1ko8i {
     padding-top: 0;
     padding-bottom: 0
-} .modal__fullscreen_xpc1o .modal__component_xpc1o {
+} .modal__fullscreen_1ko8i .modal__component_1ko8i {
         flex: 1;
         border-radius: 0;
-    } .modal__s_xpc1o {
+    } .modal__s_1ko8i {
     width: var(--modal-s-width);
-} .modal__m_xpc1o {
+} .modal__m_1ko8i {
     width: var(--modal-m-width);
-} .modal__l_xpc1o {
+} .modal__l_1ko8i {
     width: var(--modal-l-width);
-} .modal__xl_xpc1o {
+} .modal__xl_1ko8i {
     width: var(--modal-xl-width);
 }

package/esm/Component.js

@@ -5,13 +5,13 @@ import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/esm';
 import { ResponsiveContext } from './ResponsiveContext.js';
 
-var desktopStyles = {"wrapper":"modal__wrapper_xpc1o","component":"modal__component_xpc1o","fullscreen":"modal__fullscreen_xpc1o","s":"modal__s_xpc1o","m":"modal__m_xpc1o","l":"modal__l_xpc1o","xl":"modal__xl_xpc1o"};
+var desktopStyles = {"wrapper":"modal__wrapper_1ko8i","component":"modal__component_1ko8i","fullscreen":"modal__fullscreen_1ko8i","s":"modal__s_1ko8i","m":"modal__m_1ko8i","l":"modal__l_1ko8i","xl":"modal__xl_1ko8i"};
 require('./desktop.css')
 
-var mobileStyles = {"component":"modal__component_v6cg6"};
+var mobileStyles = {"component":"modal__component_1uflh"};
 require('./mobile.css')
 
-var transitions = {"appear":"modal__appear_7zc9y","enter":"modal__enter_7zc9y","appearActive":"modal__appearActive_7zc9y","enterActive":"modal__enterActive_7zc9y","exit":"modal__exit_7zc9y","exitActive":"modal__exitActive_7zc9y","exitDone":"modal__exitDone_7zc9y"};
+var transitions = {"appear":"modal__appear_1eyra","enter":"modal__enter_1eyra","appearActive":"modal__appearActive_1eyra","enterActive":"modal__enterActive_1eyra","exit":"modal__exit_1eyra","exitActive":"modal__exitActive_1eyra","exitDone":"modal__exitDone_1eyra"};
 require('./transitions.css')
 
 var Modal = forwardRef(function (_a, ref) {
@@ -43,6 +43,7 @@ var Modal = forwardRef(function (_a, ref) {
             transitionProps: __assign(__assign({ classNames: transitions }, transitionProps), { onEntered: handleEntered }),
         }
         : {
+            wrapperClassName: wrapperClassName,
             ref: ref,
             transitionProps: __assign({ classNames: transitions }, transitionProps),
             className: cn(className, mobileStyles.component),

package/esm/components/content/Component.js

@@ -4,13 +4,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '@alfalab/core-components-base-modal/esm';
 
-var desktopStyles = {"s":"modal__s_1m9qv","m":"modal__m_1m9qv","l":"modal__l_1m9qv","xl":"modal__xl_1m9qv","fullscreen":"modal__fullscreen_1m9qv"};
+var desktopStyles = {"s":"modal__s_1dag6","m":"modal__m_1dag6","l":"modal__l_1dag6","xl":"modal__xl_1dag6","fullscreen":"modal__fullscreen_1dag6"};
 require('./desktop.css')
 
-var styles = {"content":"modal__content_1xtr1","withHeader":"modal__withHeader_1xtr1","flex":"modal__flex_1xtr1"};
+var styles = {"content":"modal__content_1q3c8","withHeader":"modal__withHeader_1q3c8","flex":"modal__flex_1q3c8"};
 require('./index.css')
 
-var mobileStyles = {"content":"modal__content_jks7g"};
+var mobileStyles = {"content":"modal__content_14lgy"};
 require('./mobile.css')
 
 var Content = function (_a) {

package/esm/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: xk40u */
+/* hash: 1l9pr */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,12 +30,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__s_1m9qv,
-.modal__m_1m9qv,
-.modal__l_1m9qv,
-.modal__xl_1m9qv,
-.modal__fullscreen_1m9qv {
+} .modal__s_1dag6,
+.modal__m_1dag6,
+.modal__l_1dag6,
+.modal__xl_1dag6,
+.modal__fullscreen_1dag6 {
     padding: var(--modal-s-content-paddings)
-} .modal__s_1m9qv:last-child, .modal__m_1m9qv:last-child, .modal__l_1m9qv:last-child, .modal__xl_1m9qv:last-child, .modal__fullscreen_1m9qv:last-child {
+} .modal__s_1dag6:last-child, .modal__m_1dag6:last-child, .modal__l_1dag6:last-child, .modal__xl_1dag6:last-child, .modal__fullscreen_1dag6:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }

package/esm/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: wm5c5 */
+/* hash: 1kbr3 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_1xtr1 {
+} .modal__content_1q3c8 {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .modal__content_1xtr1.modal__withHeader_1xtr1 {
+} .modal__content_1q3c8.modal__withHeader_1q3c8 {
         padding-top: 0;
-    } .modal__flex_1xtr1 {
+    } .modal__flex_1q3c8 {
     flex: 1;
 }

package/esm/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: yzdvi */
+/* hash: b3cjr */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_jks7g {
+} .modal__content_14lgy {
     padding: var(--gap-m) var(--gap-m) 0
-} .modal__content_jks7g:last-child {
+} .modal__content_14lgy:last-child {
         padding-bottom: var(--gap-m);
     }