@alfalab/core-components 46.2.1 → 46.3.0-beta.1

package/modal/components/content/desktop.css

@@ -30,12 +30,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__size-500_11kz5,
-.modal__size-600_11kz5,
-.modal__size-800_11kz5,
-.modal__size-1140_11kz5,
-.modal__fullscreen_11kz5 {
+} .modal__size-500_1uai6,
+.modal__size-600_1uai6,
+.modal__size-800_1uai6,
+.modal__size-1140_1uai6,
+.modal__fullscreen_1uai6 {
     padding: var(--modal-s-content-paddings)
-} .modal__size-500_11kz5:last-child, .modal__size-600_11kz5:last-child, .modal__size-800_11kz5:last-child, .modal__size-1140_11kz5:last-child, .modal__fullscreen_11kz5:last-child {
+} .modal__size-500_1uai6:last-child, .modal__size-600_1uai6:last-child, .modal__size-800_1uai6:last-child, .modal__size-1140_1uai6:last-child, .modal__fullscreen_1uai6:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }

package/modal/components/content/index.css

@@ -27,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_1swh3 {
+} .modal__content_mkw2k {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .modal__content_1swh3.modal__withHeader_1swh3 {
+} .modal__content_mkw2k.modal__withHeader_mkw2k {
         padding-top: 0;
-    } .modal__flex_1swh3 {
+    } .modal__flex_mkw2k {
     flex: 1;
 }

package/modal/components/content/mobile.css

@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_1v2ue {
+} .modal__content_vxz8h {
     padding: var(--gap-m) var(--gap-m) 0
-} .modal__content_1v2ue:last-child {
+} .modal__content_vxz8h:last-child {
         padding-bottom: var(--gap-m);
     }

package/modal/components/controls/Component.js

@@ -4,14 +4,14 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-ebc9b566.js');
+var layout_module = require('../../layout.module-7efaf6d6.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"modal__component_1dbje"};
+var styles = {"component":"modal__component_1w1y4"};
 require('./index.css');
 
 var Controls = function (_a) {

package/modal/components/controls/index.css

@@ -1,4 +1,4 @@
 /* hash: htwsf */
-.modal__component_1dbje {
+.modal__component_1w1y4 {
     width: 100%;
 }

package/modal/components/footer/Component.js

@@ -6,20 +6,20 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-ebc9b566.js');
+var layout_module = require('../../layout.module-7efaf6d6.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"footer":"modal__footer_zfft1","sticky":"modal__sticky_zfft1","fullscreen":"modal__fullscreen_zfft1","size-500":"modal__size-500_zfft1","size-600":"modal__size-600_zfft1","size-800":"modal__size-800_zfft1","size-1140":"modal__size-1140_zfft1"};
+var desktopStyles = {"footer":"modal__footer_1bqie","sticky":"modal__sticky_1bqie","fullscreen":"modal__fullscreen_1bqie","size-500":"modal__size-500_1bqie","size-600":"modal__size-600_1bqie","size-800":"modal__size-800_1bqie","size-1140":"modal__size-1140_1bqie"};
 require('./desktop.css');
 
-var styles = {"footer":"modal__footer_5902l","sticky":"modal__sticky_5902l","highlighted":"modal__highlighted_5902l"};
+var styles = {"footer":"modal__footer_hk2o4","sticky":"modal__sticky_hk2o4","highlighted":"modal__highlighted_hk2o4"};
 require('./index.css');
 
-var mobileStyles = {"footer":"modal__footer_4w5f9","sticky":"modal__sticky_4w5f9"};
+var mobileStyles = {"footer":"modal__footer_1xqjv","sticky":"modal__sticky_1xqjv"};
 require('./mobile.css');
 
 var Footer = function (_a) {

package/modal/components/footer/desktop.css

@@ -33,17 +33,17 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_zfft1 {
+} .modal__footer_1bqie {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-} .modal__sticky_zfft1 {
+} .modal__sticky_1bqie {
     bottom: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_zfft1.modal__fullscreen_zfft1 {
+} .modal__sticky_1bqie.modal__fullscreen_1bqie {
         bottom: 0;
-    } .modal__size-500_zfft1,
-.modal__size-600_zfft1,
-.modal__size-800_zfft1,
-.modal__size-1140_zfft1,
-.modal__fullscreen_zfft1 {
+    } .modal__size-500_1bqie,
+.modal__size-600_1bqie,
+.modal__size-800_1bqie,
+.modal__size-1140_1bqie,
+.modal__fullscreen_1bqie {
     padding: var(--modal-s-footer-paddings);
 }

package/modal/components/footer/index.css

@@ -32,14 +32,14 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_5902l {
+} .modal__footer_hk2o4 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .modal__sticky_5902l {
+} .modal__sticky_hk2o4 {
     background: var(--modal-footer-background);
     position: sticky;
-} .modal__highlighted_5902l {
+} .modal__highlighted_hk2o4 {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/modal/components/footer/layout.css

@@ -31,35 +31,35 @@
     /* mobile */
 
     /* paddings */
-} .modal__column_1vjg3 {
+} .modal__column_8tenj {
     display: flex;
     flex-direction: column
-} .modal__column_1vjg3 > *:not(:last-child):not(:only-child) {
+} .modal__column_8tenj > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column_1vjg3.modal__gap-16_1vjg3 > *:not(:last-child):not(:only-child) {
+    } .modal__column_8tenj.modal__gap-16_8tenj > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-m);
-    } .modal__column_1vjg3.modal__gap-24_1vjg3 > *:not(:last-child):not(:only-child) {
+    } .modal__column_8tenj.modal__gap-24_8tenj > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-xl);
-    } .modal__column_1vjg3.modal__gap-32_1vjg3 > *:not(:last-child):not(:only-child) {
+    } .modal__column_8tenj.modal__gap-32_8tenj > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-2xl);
-    } .modal__start_1vjg3 {
+    } .modal__start_8tenj {
     justify-content: flex-start;
-} .modal__center_1vjg3 {
+} .modal__center_8tenj {
     justify-content: center;
-} .modal__space-between_1vjg3 {
+} .modal__space-between_8tenj {
     justify-content: space-between
-} .modal__space-between_1vjg3 > * {
+} .modal__space-between_8tenj > * {
         flex: 1;
-    } .modal__start_1vjg3,
-.modal__center_1vjg3,
-.modal__space-between_1vjg3 {
+    } .modal__start_8tenj,
+.modal__center_8tenj,
+.modal__space-between_8tenj {
     display: flex
-} .modal__start_1vjg3 > *:not(:last-child):not(:only-child), .modal__center_1vjg3 > *:not(:last-child):not(:only-child), .modal__space-between_1vjg3 > *:not(:last-child):not(:only-child) {
+} .modal__start_8tenj > *:not(:last-child):not(:only-child), .modal__center_8tenj > *:not(:last-child):not(:only-child), .modal__space-between_8tenj > *:not(:last-child):not(:only-child) {
         margin-right: var(--modal-footer-default-gap);
-    } .modal__start_1vjg3.modal__gap-16_1vjg3 > *:not(:last-child):not(:only-child), .modal__center_1vjg3.modal__gap-16_1vjg3 > *:not(:last-child):not(:only-child), .modal__space-between_1vjg3.modal__gap-16_1vjg3 > *:not(:last-child):not(:only-child) {
+    } .modal__start_8tenj.modal__gap-16_8tenj > *:not(:last-child):not(:only-child), .modal__center_8tenj.modal__gap-16_8tenj > *:not(:last-child):not(:only-child), .modal__space-between_8tenj.modal__gap-16_8tenj > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-m);
-    } .modal__start_1vjg3.modal__gap-24_1vjg3 > *:not(:last-child):not(:only-child), .modal__center_1vjg3.modal__gap-24_1vjg3 > *:not(:last-child):not(:only-child), .modal__space-between_1vjg3.modal__gap-24_1vjg3 > *:not(:last-child):not(:only-child) {
+    } .modal__start_8tenj.modal__gap-24_8tenj > *:not(:last-child):not(:only-child), .modal__center_8tenj.modal__gap-24_8tenj > *:not(:last-child):not(:only-child), .modal__space-between_8tenj.modal__gap-24_8tenj > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-xl);
-    } .modal__start_1vjg3.modal__gap-32_1vjg3 > *:not(:last-child):not(:only-child), .modal__center_1vjg3.modal__gap-32_1vjg3 > *:not(:last-child):not(:only-child), .modal__space-between_1vjg3.modal__gap-32_1vjg3 > *:not(:last-child):not(:only-child) {
+    } .modal__start_8tenj.modal__gap-32_8tenj > *:not(:last-child):not(:only-child), .modal__center_8tenj.modal__gap-32_8tenj > *:not(:last-child):not(:only-child), .modal__space-between_8tenj.modal__gap-32_8tenj > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-2xl);
     }

package/modal/components/footer/mobile.css

@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_4w5f9 {
+} .modal__footer_1xqjv {
     padding: var(--gap-m);
-} .modal__sticky_4w5f9 {
+} .modal__sticky_1xqjv {
     bottom: 0;
 }

package/modal/components/header/Component.js

@@ -14,13 +14,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_w8xz1","content":"modal__content_w8xz1","size-500":"modal__size-500_w8xz1","size-600":"modal__size-600_w8xz1","size-800":"modal__size-800_w8xz1","size-1140":"modal__size-1140_w8xz1","fullscreen":"modal__fullscreen_w8xz1","sticky":"modal__sticky_w8xz1"};
+var desktopStyles = {"header":"modal__header_18k0k","content":"modal__content_18k0k","size-500":"modal__size-500_18k0k","size-600":"modal__size-600_18k0k","size-800":"modal__size-800_18k0k","size-1140":"modal__size-1140_18k0k","fullscreen":"modal__fullscreen_18k0k","sticky":"modal__sticky_18k0k"};
 require('./desktop.css');
 
-var styles = {"highlighted":"modal__highlighted_hkjzf","sticky":"modal__sticky_hkjzf","hasContent":"modal__hasContent_hkjzf"};
+var styles = {"highlighted":"modal__highlighted_tvmky","sticky":"modal__sticky_tvmky","hasContent":"modal__hasContent_tvmky"};
 require('./index.css');
 
-var mobileStyles = {"header":"modal__header_1b0og","sticky":"modal__sticky_1b0og","content":"modal__content_1b0og"};
+var mobileStyles = {"header":"modal__header_sa9px","sticky":"modal__sticky_sa9px","content":"modal__content_sa9px"};
 require('./mobile.css');
 
 var Header = function (_a) {

package/modal/components/header/desktop.css

@@ -44,31 +44,31 @@
     /* mobile */
 
     /* paddings */
-} .modal__header_w8xz1 {
+} .modal__header_18k0k {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-} .modal__content_w8xz1 {
+} .modal__content_18k0k {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
-} .modal__size-500_w8xz1 .modal__content_w8xz1,
-.modal__size-600_w8xz1 .modal__content_w8xz1 {
+} .modal__size-500_18k0k .modal__content_18k0k,
+.modal__size-600_18k0k .modal__content_18k0k {
     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__size-800_w8xz1 .modal__content_w8xz1,
-.modal__size-1140_w8xz1 .modal__content_w8xz1,
-.modal__fullscreen_w8xz1 .modal__content_w8xz1 {
+} .modal__size-800_18k0k .modal__content_18k0k,
+.modal__size-1140_18k0k .modal__content_18k0k,
+.modal__fullscreen_18k0k .modal__content_18k0k {
     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__size-500_w8xz1,
-.modal__size-600_w8xz1,
-.modal__size-800_w8xz1,
-.modal__size-1140_w8xz1,
-.modal__fullscreen_w8xz1 {
+} .modal__size-500_18k0k,
+.modal__size-600_18k0k,
+.modal__size-800_18k0k,
+.modal__size-1140_18k0k,
+.modal__fullscreen_18k0k {
     padding: var(--modal-s-header-paddings);
-} .modal__sticky_w8xz1 {
+} .modal__sticky_18k0k {
     top: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_w8xz1.modal__fullscreen_w8xz1 {
+} .modal__sticky_18k0k.modal__fullscreen_18k0k {
         top: 0;
     }

package/modal/components/header/index.css

@@ -32,12 +32,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__highlighted_hkjzf {
+} .modal__highlighted_tvmky {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-} .modal__sticky_hkjzf {
+} .modal__sticky_tvmky {
     position: sticky;
     z-index: 1
-} .modal__sticky_hkjzf.modal__hasContent_hkjzf {
+} .modal__sticky_tvmky.modal__hasContent_tvmky {
         background: var(--modal-header-background);
     }

package/modal/components/header/mobile.css

@@ -38,11 +38,11 @@
 
     /* paddings */
     --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
-} .modal__header_1b0og {
+} .modal__header_sa9px {
     padding: var(--modal-header-mobile-paddings);
-} .modal__sticky_1b0og {
+} .modal__sticky_sa9px {
     top: 0;
-} .modal__content_1b0og {
+} .modal__content_sa9px {
     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/modal/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var components_content_Component = require('./components/content/Component.js');
 var components_controls_Component = require('./components/controls/Component.js');
 var components_footer_Component = require('./components/footer/Component.js');
@@ -14,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ModalResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(Component.Modal, tslib.__assign({ ref: ref }, restProps, { view: isDesktop ? 'desktop' : 'mobile' }), children));
 });

package/modal/desktop/desktop.css

@@ -35,25 +35,25 @@
     /* mobile */
 
     /* paddings */
-} .modal__wrapper_2ul46 {
+} .modal__wrapper_1faj4 {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
-} .modal__component_2ul46 {
+} .modal__component_1faj4 {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
-} .modal__fullscreen_2ul46 {
+} .modal__fullscreen_1faj4 {
     padding-top: 0;
     padding-bottom: 0
-} .modal__fullscreen_2ul46 .modal__component_2ul46 {
+} .modal__fullscreen_1faj4 .modal__component_1faj4 {
         flex: 1;
         border-radius: 0;
-    } .modal__size-500_2ul46 {
+    } .modal__size-500_1faj4 {
     width: var(--modal-s-width);
-} .modal__size-600_2ul46 {
+} .modal__size-600_1faj4 {
     width: var(--modal-m-width);
-} .modal__size-800_2ul46 {
+} .modal__size-800_1faj4 {
     width: var(--modal-l-width);
-} .modal__size-1140_2ul46 {
+} .modal__size-1140_1faj4 {
     width: var(--modal-xl-width);
 }

package/modal/esm/Component.js

@@ -6,13 +6,13 @@ import { BaseModal } from '../../base-modal/esm';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 
-var desktopStyles = {"wrapper":"modal__wrapper_2ul46","component":"modal__component_2ul46","fullscreen":"modal__fullscreen_2ul46","size-500":"modal__size-500_2ul46","size-600":"modal__size-600_2ul46","size-800":"modal__size-800_2ul46","size-1140":"modal__size-1140_2ul46"};
+var desktopStyles = {"wrapper":"modal__wrapper_1faj4","component":"modal__component_1faj4","fullscreen":"modal__fullscreen_1faj4","size-500":"modal__size-500_1faj4","size-600":"modal__size-600_1faj4","size-800":"modal__size-800_1faj4","size-1140":"modal__size-1140_1faj4"};
 require('./desktop/desktop.css');
 
-var mobileStyles = {"component":"modal__component_gl40m"};
+var mobileStyles = {"component":"modal__component_sw6m6"};
 require('./mobile/mobile.css');
 
-var transitions = {"appear":"modal__appear_60hmg","enter":"modal__enter_60hmg","appearActive":"modal__appearActive_60hmg","enterActive":"modal__enterActive_60hmg","exit":"modal__exit_60hmg","exitActive":"modal__exitActive_60hmg","exitDone":"modal__exitDone_60hmg"};
+var transitions = {"appear":"modal__appear_1cc2n","enter":"modal__enter_1cc2n","appearActive":"modal__appearActive_1cc2n","enterActive":"modal__enterActive_1cc2n","exit":"modal__exit_1cc2n","exitActive":"modal__exitActive_1cc2n","exitDone":"modal__exitDone_1cc2n"};
 require('./transitions.css');
 
 var Modal = forwardRef(function (_a, ref) {

package/modal/esm/Component.responsive.js

@@ -1,23 +1,23 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { Content } from './components/content/Component.js';
 import { Controls } from './components/controls/Component.js';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { Modal } from './Component.js';
 import 'classnames';
-import '../../shared/esm';
 import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-ad0a095a.js';
+import './layout.module-b4ea6558.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 
 var ModalResponsiveComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(Modal, __assign({ ref: ref }, restProps, { view: isDesktop ? 'desktop' : 'mobile' }), children));
 });

package/modal/esm/components/content/Component.js

@@ -6,13 +6,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/esm';
 
-var desktopStyles = {"size-500":"modal__size-500_11kz5","size-600":"modal__size-600_11kz5","size-800":"modal__size-800_11kz5","size-1140":"modal__size-1140_11kz5","fullscreen":"modal__fullscreen_11kz5"};
+var desktopStyles = {"size-500":"modal__size-500_1uai6","size-600":"modal__size-600_1uai6","size-800":"modal__size-800_1uai6","size-1140":"modal__size-1140_1uai6","fullscreen":"modal__fullscreen_1uai6"};
 require('./desktop.css');
 
-var styles = {"content":"modal__content_1swh3","withHeader":"modal__withHeader_1swh3","flex":"modal__flex_1swh3"};
+var styles = {"content":"modal__content_mkw2k","withHeader":"modal__withHeader_mkw2k","flex":"modal__flex_mkw2k"};
 require('./index.css');
 
-var mobileStyles = {"content":"modal__content_1v2ue"};
+var mobileStyles = {"content":"modal__content_vxz8h"};
 require('./mobile.css');
 
 var Content = function (_a) {

package/modal/esm/components/content/desktop.css

@@ -30,12 +30,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__size-500_11kz5,
-.modal__size-600_11kz5,
-.modal__size-800_11kz5,
-.modal__size-1140_11kz5,
-.modal__fullscreen_11kz5 {
+} .modal__size-500_1uai6,
+.modal__size-600_1uai6,
+.modal__size-800_1uai6,
+.modal__size-1140_1uai6,
+.modal__fullscreen_1uai6 {
     padding: var(--modal-s-content-paddings)
-} .modal__size-500_11kz5:last-child, .modal__size-600_11kz5:last-child, .modal__size-800_11kz5:last-child, .modal__size-1140_11kz5:last-child, .modal__fullscreen_11kz5:last-child {
+} .modal__size-500_1uai6:last-child, .modal__size-600_1uai6:last-child, .modal__size-800_1uai6:last-child, .modal__size-1140_1uai6:last-child, .modal__fullscreen_1uai6:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }

package/modal/esm/components/content/index.css

@@ -27,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_1swh3 {
+} .modal__content_mkw2k {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .modal__content_1swh3.modal__withHeader_1swh3 {
+} .modal__content_mkw2k.modal__withHeader_mkw2k {
         padding-top: 0;
-    } .modal__flex_1swh3 {
+    } .modal__flex_mkw2k {
     flex: 1;
 }

package/modal/esm/components/content/mobile.css

@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_1v2ue {
+} .modal__content_vxz8h {
     padding: var(--gap-m) var(--gap-m) 0
-} .modal__content_1v2ue:last-child {
+} .modal__content_vxz8h:last-child {
         padding-bottom: var(--gap-m);
     }

package/modal/esm/components/controls/Component.js

@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-ad0a095a.js';
+import { l as layoutStyles } from '../../layout.module-b4ea6558.js';
 
-var styles = {"component":"modal__component_1dbje"};
+var styles = {"component":"modal__component_1w1y4"};
 require('./index.css');
 
 var Controls = function (_a) {

package/modal/esm/components/controls/index.css

@@ -1,4 +1,4 @@
 /* hash: htwsf */
-.modal__component_1dbje {
+.modal__component_1w1y4 {
     width: 100%;
 }

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-ad0a095a.js';
+import '../../layout.module-b4ea6558.js';

package/modal/esm/components/footer/Component.js

@@ -4,16 +4,16 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-ad0a095a.js';
+import { l as layoutStyles } from '../../layout.module-b4ea6558.js';
 import '../../../../base-modal/esm';
 
-var desktopStyles = {"footer":"modal__footer_zfft1","sticky":"modal__sticky_zfft1","fullscreen":"modal__fullscreen_zfft1","size-500":"modal__size-500_zfft1","size-600":"modal__size-600_zfft1","size-800":"modal__size-800_zfft1","size-1140":"modal__size-1140_zfft1"};
+var desktopStyles = {"footer":"modal__footer_1bqie","sticky":"modal__sticky_1bqie","fullscreen":"modal__fullscreen_1bqie","size-500":"modal__size-500_1bqie","size-600":"modal__size-600_1bqie","size-800":"modal__size-800_1bqie","size-1140":"modal__size-1140_1bqie"};
 require('./desktop.css');
 
-var styles = {"footer":"modal__footer_5902l","sticky":"modal__sticky_5902l","highlighted":"modal__highlighted_5902l"};
+var styles = {"footer":"modal__footer_hk2o4","sticky":"modal__sticky_hk2o4","highlighted":"modal__highlighted_hk2o4"};
 require('./index.css');
 
-var mobileStyles = {"footer":"modal__footer_4w5f9","sticky":"modal__sticky_4w5f9"};
+var mobileStyles = {"footer":"modal__footer_1xqjv","sticky":"modal__sticky_1xqjv"};
 require('./mobile.css');
 
 var Footer = function (_a) {

package/modal/esm/components/footer/desktop.css

@@ -33,17 +33,17 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_zfft1 {
+} .modal__footer_1bqie {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-} .modal__sticky_zfft1 {
+} .modal__sticky_1bqie {
     bottom: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_zfft1.modal__fullscreen_zfft1 {
+} .modal__sticky_1bqie.modal__fullscreen_1bqie {
         bottom: 0;
-    } .modal__size-500_zfft1,
-.modal__size-600_zfft1,
-.modal__size-800_zfft1,
-.modal__size-1140_zfft1,
-.modal__fullscreen_zfft1 {
+    } .modal__size-500_1bqie,
+.modal__size-600_1bqie,
+.modal__size-800_1bqie,
+.modal__size-1140_1bqie,
+.modal__fullscreen_1bqie {
     padding: var(--modal-s-footer-paddings);
 }

package/modal/esm/components/footer/index.css

@@ -32,14 +32,14 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_5902l {
+} .modal__footer_hk2o4 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .modal__sticky_5902l {
+} .modal__sticky_hk2o4 {
     background: var(--modal-footer-background);
     position: sticky;
-} .modal__highlighted_5902l {
+} .modal__highlighted_hk2o4 {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }