@alfalab/core-components-modal 8.0.7 → 8.0.9

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_1hgz9","component":"modal__component_1hgz9","fullscreen":"modal__fullscreen_1hgz9","s":"modal__s_1hgz9","m":"modal__m_1hgz9","l":"modal__l_1hgz9","xl":"modal__xl_1hgz9"};
 require('./desktop.css')
 
-var mobileStyles = {"component":"modal__component_v6cg6"};
+var mobileStyles = {"component":"modal__component_ztblt"};
 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_1kk36","enter":"modal__enter_1kk36","appearActive":"modal__appearActive_1kk36","enterActive":"modal__enterActive_1kk36","exit":"modal__exit_1kk36","exitActive":"modal__exitActive_1kk36","exitDone":"modal__exitDone_1kk36"};
 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_osqft","m":"modal__m_osqft","l":"modal__l_osqft","xl":"modal__xl_osqft","fullscreen":"modal__fullscreen_osqft"};
 require('./desktop.css')
 
-var styles = {"content":"modal__content_1xtr1","withHeader":"modal__withHeader_1xtr1","flex":"modal__flex_1xtr1"};
+var styles = {"content":"modal__content_11lmi","withHeader":"modal__withHeader_11lmi","flex":"modal__flex_11lmi"};
 require('./index.css')
 
-var mobileStyles = {"content":"modal__content_jks7g"};
+var mobileStyles = {"content":"modal__content_n4rrx"};
 require('./mobile.css')
 
 var Content = function (_a) {

package/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: xk40u */
+/* hash: 10ruj */
 :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_osqft,
+.modal__m_osqft,
+.modal__l_osqft,
+.modal__xl_osqft,
+.modal__fullscreen_osqft {
     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_osqft:last-child, .modal__m_osqft:last-child, .modal__l_osqft:last-child, .modal__xl_osqft:last-child, .modal__fullscreen_osqft:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }

package/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: wm5c5 */
+/* hash: 4j64 */
 :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_11lmi {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .modal__content_1xtr1.modal__withHeader_1xtr1 {
+} .modal__content_11lmi.modal__withHeader_11lmi {
         padding-top: 0;
-    } .modal__flex_1xtr1 {
+    } .modal__flex_11lmi {
     flex: 1;
 }

package/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: yzdvi */
+/* hash: 1f6y9 */
 :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_n4rrx {
     padding: var(--gap-m) var(--gap-m) 0
-} .modal__content_jks7g:last-child {
+} .modal__content_n4rrx: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_39rhp","sticky":"modal__sticky_39rhp","fullscreen":"modal__fullscreen_39rhp","s":"modal__s_39rhp","m":"modal__m_39rhp","l":"modal__l_39rhp","xl":"modal__xl_39rhp"};
 require('./desktop.css')
 
-var styles = {"footer":"modal__footer_b86ap","sticky":"modal__sticky_b86ap","highlighted":"modal__highlighted_b86ap"};
+var styles = {"footer":"modal__footer_1264y","sticky":"modal__sticky_1264y","highlighted":"modal__highlighted_1264y"};
 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_190pz","gap-16":"modal__gap-16_190pz","gap-24":"modal__gap-24_190pz","gap-32":"modal__gap-32_190pz","column-mobile":"modal__column-mobile_190pz","start":"modal__start_190pz","center":"modal__center_190pz","space-between":"modal__space-between_190pz"};
 require('./layout.css')
 
-var mobileStyles = {"footer":"modal__footer_p7elx","sticky":"modal__sticky_p7elx"};
+var mobileStyles = {"footer":"modal__footer_8rgbq","sticky":"modal__sticky_8rgbq"};
 require('./mobile.css')
 
 var Footer = function (_a) {

package/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1c39o */
+/* hash: 1v6jk */
 :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_39rhp {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-} .modal__sticky_pn484 {
+} .modal__sticky_39rhp {
     bottom: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_pn484.modal__fullscreen_pn484 {
+} .modal__sticky_39rhp.modal__fullscreen_39rhp {
         bottom: 0;
-    } .modal__s_pn484,
-.modal__m_pn484,
-.modal__l_pn484,
-.modal__xl_pn484,
-.modal__fullscreen_pn484 {
+    } .modal__s_39rhp,
+.modal__m_39rhp,
+.modal__l_39rhp,
+.modal__xl_39rhp,
+.modal__fullscreen_39rhp {
     padding: var(--modal-s-footer-paddings);
 }

package/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1f3ln */
+/* hash: yzit6 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -32,14 +32,14 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_b86ap {
+} .modal__footer_1264y {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .modal__sticky_b86ap {
+} .modal__sticky_1264y {
     background: var(--modal-footer-background);
     position: sticky;
-} .modal__highlighted_b86ap {
+} .modal__highlighted_1264y {
     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: r6clv */
 :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_190pz {
     display: flex;
     flex-direction: column
-} .modal__column_1euzx > * {
+} .modal__column_190pz > * {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column_1euzx > *:last-child,
-    .modal__column_1euzx > *:only-child {
+    } .modal__column_190pz > *:last-child,
+    .modal__column_190pz > *:only-child {
         margin-bottom: 0;
-    } .modal__column_1euzx.modal__gap-16_1euzx > * {
+    } .modal__column_190pz.modal__gap-16_190pz > * {
         margin-bottom: var(--gap-m);
-    } .modal__column_1euzx.modal__gap-24_1euzx > * {
+    } .modal__column_190pz.modal__gap-24_190pz > * {
         margin-bottom: var(--gap-xl);
-    } .modal__column_1euzx.modal__gap-32_1euzx > * {
+    } .modal__column_190pz.modal__gap-32_190pz > * {
         margin-bottom: var(--gap-2xl);
-    } .modal__column-mobile_1euzx {
+    } .modal__column-mobile_190pz {
     flex-direction: column-reverse
-} .modal__column-mobile_1euzx > * {
+} .modal__column-mobile_190pz > * {
         margin-bottom: 0;
-    } .modal__column-mobile_1euzx > *:last-child {
+    } .modal__column-mobile_190pz > *:last-child {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column-mobile_1euzx > *:only-child {
+    } .modal__column-mobile_190pz > *:only-child {
         margin-bottom: 0;
-    } .modal__start_1euzx {
+    } .modal__start_190pz {
     justify-content: flex-start;
-} .modal__center_1euzx {
+} .modal__center_190pz {
     justify-content: center;
-} .modal__space-between_1euzx {
+} .modal__space-between_190pz {
     justify-content: space-between
-} .modal__space-between_1euzx > * {
+} .modal__space-between_190pz > * {
         flex: 1;
-    } .modal__start_1euzx,
-.modal__center_1euzx,
-.modal__space-between_1euzx {
+    } .modal__start_190pz,
+.modal__center_190pz,
+.modal__space-between_190pz {
     display: flex
-} .modal__start_1euzx > *, .modal__center_1euzx > *, .modal__space-between_1euzx > * {
+} .modal__start_190pz > *, .modal__center_190pz > *, .modal__space-between_190pz > * {
         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_190pz > *:last-child,
+    .modal__start_190pz > *:only-child,
+    .modal__center_190pz > *:last-child,
+    .modal__center_190pz > *:only-child,
+    .modal__space-between_190pz > *:last-child,
+    .modal__space-between_190pz > *: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_190pz.modal__gap-16_190pz > *, .modal__center_190pz.modal__gap-16_190pz > *, .modal__space-between_190pz.modal__gap-16_190pz > * {
         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_190pz.modal__gap-24_190pz > *, .modal__center_190pz.modal__gap-24_190pz > *, .modal__space-between_190pz.modal__gap-24_190pz > * {
         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_190pz.modal__gap-32_190pz > *, .modal__center_190pz.modal__gap-32_190pz > *, .modal__space-between_190pz.modal__gap-32_190pz > * {
         margin-right: var(--gap-2xl);
     }

package/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 115ey */
+/* hash: xjoo8 */
 :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_8rgbq {
     padding: var(--gap-m);
-} .modal__sticky_p7elx {
+} .modal__sticky_8rgbq {
     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_1o96l","content":"modal__content_1o96l","s":"modal__s_1o96l","m":"modal__m_1o96l","l":"modal__l_1o96l","xl":"modal__xl_1o96l","fullscreen":"modal__fullscreen_1o96l","sticky":"modal__sticky_1o96l"};
 require('./desktop.css')
 
-var styles = {"highlighted":"modal__highlighted_1xvlw","sticky":"modal__sticky_1xvlw","hasContent":"modal__hasContent_1xvlw"};
+var styles = {"highlighted":"modal__highlighted_eemq4","sticky":"modal__sticky_eemq4","hasContent":"modal__hasContent_eemq4"};
 require('./index.css')
 
-var mobileStyles = {"header":"modal__header_k2kkn","sticky":"modal__sticky_k2kkn","content":"modal__content_k2kkn"};
+var mobileStyles = {"header":"modal__header_idsdm","sticky":"modal__sticky_idsdm","content":"modal__content_idsdm"};
 require('./mobile.css')
 
 var Header = function (_a) {

package/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: g9nnq */
+/* hash: 1fdlo */
 :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_1o96l {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-} .modal__content_1m3mo {
+} .modal__content_1o96l {
     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_1o96l .modal__content_1o96l,
+.modal__m_1o96l .modal__content_1o96l {
     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_1o96l .modal__content_1o96l,
+.modal__xl_1o96l .modal__content_1o96l,
+.modal__fullscreen_1o96l .modal__content_1o96l {
     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_1o96l,
+.modal__m_1o96l,
+.modal__l_1o96l,
+.modal__xl_1o96l,
+.modal__fullscreen_1o96l {
     padding: var(--modal-s-header-paddings);
-} .modal__sticky_1m3mo {
+} .modal__sticky_1o96l {
     top: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_1m3mo.modal__fullscreen_1m3mo {
+} .modal__sticky_1o96l.modal__fullscreen_1o96l {
         top: 0;
     }

package/components/header/index.css

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

package/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1kfrn */
+/* hash: 73c8d */
 :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_idsdm {
     padding: var(--modal-header-mobile-paddings);
-} .modal__sticky_k2kkn {
+} .modal__sticky_idsdm {
     top: 0;
-} .modal__content_k2kkn {
+} .modal__content_idsdm {
     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: 1weg4 */
 :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_1hgz9 {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
-} .modal__component_xpc1o {
+} .modal__component_1hgz9 {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
-} .modal__fullscreen_xpc1o {
+} .modal__fullscreen_1hgz9 {
     padding-top: 0;
     padding-bottom: 0
-} .modal__fullscreen_xpc1o .modal__component_xpc1o {
+} .modal__fullscreen_1hgz9 .modal__component_1hgz9 {
         flex: 1;
         border-radius: 0;
-    } .modal__s_xpc1o {
+    } .modal__s_1hgz9 {
     width: var(--modal-s-width);
-} .modal__m_xpc1o {
+} .modal__m_1hgz9 {
     width: var(--modal-m-width);
-} .modal__l_xpc1o {
+} .modal__l_1hgz9 {
     width: var(--modal-l-width);
-} .modal__xl_xpc1o {
+} .modal__xl_1hgz9 {
     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_1hgz9","component":"modal__component_1hgz9","fullscreen":"modal__fullscreen_1hgz9","s":"modal__s_1hgz9","m":"modal__m_1hgz9","l":"modal__l_1hgz9","xl":"modal__xl_1hgz9"};
 require('./desktop.css')
 
-var mobileStyles = {"component":"modal__component_v6cg6"};
+var mobileStyles = {"component":"modal__component_ztblt"};
 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_1kk36","enter":"modal__enter_1kk36","appearActive":"modal__appearActive_1kk36","enterActive":"modal__enterActive_1kk36","exit":"modal__exit_1kk36","exitActive":"modal__exitActive_1kk36","exitDone":"modal__exitDone_1kk36"};
 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_osqft","m":"modal__m_osqft","l":"modal__l_osqft","xl":"modal__xl_osqft","fullscreen":"modal__fullscreen_osqft"};
 require('./desktop.css')
 
-var styles = {"content":"modal__content_1xtr1","withHeader":"modal__withHeader_1xtr1","flex":"modal__flex_1xtr1"};
+var styles = {"content":"modal__content_11lmi","withHeader":"modal__withHeader_11lmi","flex":"modal__flex_11lmi"};
 require('./index.css')
 
-var mobileStyles = {"content":"modal__content_jks7g"};
+var mobileStyles = {"content":"modal__content_n4rrx"};
 require('./mobile.css')
 
 var Content = function (_a) {

package/esm/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: xk40u */
+/* hash: 10ruj */
 :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_osqft,
+.modal__m_osqft,
+.modal__l_osqft,
+.modal__xl_osqft,
+.modal__fullscreen_osqft {
     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_osqft:last-child, .modal__m_osqft:last-child, .modal__l_osqft:last-child, .modal__xl_osqft:last-child, .modal__fullscreen_osqft:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }

package/esm/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: wm5c5 */
+/* hash: 4j64 */
 :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_11lmi {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .modal__content_1xtr1.modal__withHeader_1xtr1 {
+} .modal__content_11lmi.modal__withHeader_11lmi {
         padding-top: 0;
-    } .modal__flex_1xtr1 {
+    } .modal__flex_11lmi {
     flex: 1;
 }

package/esm/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: yzdvi */
+/* hash: 1f6y9 */
 :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_n4rrx {
     padding: var(--gap-m) var(--gap-m) 0
-} .modal__content_jks7g:last-child {
+} .modal__content_n4rrx:last-child {
         padding-bottom: var(--gap-m);
     }