@alfalab/core-components 48.15.1-beta.0 → 48.15.1-beta.1

package/file-upload-item/esm/components/actions-control/index.js

@@ -4,7 +4,7 @@ import '../../context/file-upload-item-context.js';
 import './components/delete-button/delete-button.js';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../../actions-control.module-1bb7c0e5.js';
+import '../../actions-control.module-a1138ab3.js';
 import './components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/restore-button/restore-button.js';

package/file-upload-item/esm/index.js

@@ -6,7 +6,7 @@ import './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-1bb7c0e5.js';
+import './actions-control.module-a1138ab3.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/modern/Component.js

@@ -7,7 +7,7 @@ import { FileUploadItemContext } from './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-780f5446.js';
+import './actions-control.module-a77a2157.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/modern/components/actions-control/actions.js

@@ -3,7 +3,7 @@ import { FileUploadItemContext } from '../../context/file-upload-item-context.js
 import { DeleteButton } from './components/delete-button/delete-button.js';
 import { DownloadButton } from './components/download-button/download-button.js';
 import { RestoreButton } from './components/restore-button/restore-button.js';
-import { s as styles } from '../../actions-control.module-780f5446.js';
+import { s as styles } from '../../actions-control.module-a77a2157.js';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';

package/file-upload-item/modern/components/actions-control/components/delete-button/delete-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-780f5446.js';
+import { s as styles } from '../../../../actions-control.module-a77a2157.js';
 
 const DeleteButton = () => {
     const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/components/delete-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-780f5446.js';
+import '../../../../actions-control.module-a77a2157.js';

package/file-upload-item/modern/components/actions-control/components/download-button/download-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-780f5446.js';
+import { s as styles } from '../../../../actions-control.module-a77a2157.js';
 
 const DownloadButton = () => {
     const { id = '0', downloadLink, download, disableButtons, target, onDownload, } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/components/download-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-780f5446.js';
+import '../../../../actions-control.module-a77a2157.js';

package/file-upload-item/modern/components/actions-control/components/restore-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-780f5446.js';
+import '../../../../actions-control.module-a77a2157.js';

package/file-upload-item/modern/components/actions-control/components/restore-button/restore-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-780f5446.js';
+import { s as styles } from '../../../../actions-control.module-a77a2157.js';
 
 const RestoreButton = () => {
     const { id = '0', disableButtons, onRestore } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/index.js

@@ -4,7 +4,7 @@ import '../../context/file-upload-item-context.js';
 import './components/delete-button/delete-button.js';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../../actions-control.module-780f5446.js';
+import '../../actions-control.module-a77a2157.js';
 import './components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/restore-button/restore-button.js';

package/file-upload-item/modern/index.js

@@ -6,7 +6,7 @@ import './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-780f5446.js';
+import './actions-control.module-a77a2157.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/gallery/components/image-viewer/component.js

@@ -11,7 +11,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_hooks = require('../../hooks-28a72cee.js');
+var components_imageViewer_hooks = require('../../hooks-ef0e8dc2.js');
 var components_imageViewer_slide = require('./slide.js');
 require('swiper/swiper.min.css');
 

package/gallery/components/image-viewer/hooks.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('element-closest');
 require('../../context.js');
-var components_imageViewer_hooks = require('../../hooks-28a72cee.js');
+var components_imageViewer_hooks = require('../../hooks-ef0e8dc2.js');
 
 
 

package/gallery/components/image-viewer/single.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
-var components_imageViewer_hooks = require('../../hooks-28a72cee.js');
+var components_imageViewer_hooks = require('../../hooks-ef0e8dc2.js');
 var components_imageViewer_slide = require('./slide.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/gallery/components/image-viewer/slide.js

@@ -7,7 +7,7 @@ var coreComponentsTypography = require('../../../typography');
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_hooks = require('../../hooks-28a72cee.js');
+var components_imageViewer_hooks = require('../../hooks-ef0e8dc2.js');
 var components_imageViewer_paths = require('./paths.js');
 var components_imageViewer_video_index = require('./video/index.js');
 

package/gallery/esm/Component.js

@@ -11,7 +11,7 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import { InfoBar } from './components/info-bar/Component.js';
 import { HeaderMobile } from './components/header-mobile/Component.js';
 import './utils/utils.js';
-import './hooks-6748d87f.js';
+import './hooks-5b464b71.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/esm';

package/gallery/esm/components/image-viewer/component.js

@@ -9,7 +9,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-6748d87f.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-5b464b71.js';
 import { Slide } from './slide.js';
 import 'swiper/swiper.min.css';
 import 'element-closest';

package/gallery/esm/components/image-viewer/hooks.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'element-closest';
 import '../../context.js';
-export { u as useHandleImageViewer } from '../../hooks-6748d87f.js';
+export { u as useHandleImageViewer } from '../../hooks-5b464b71.js';

package/gallery/esm/components/image-viewer/index.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../hooks-6748d87f.js';
+import '../../hooks-5b464b71.js';
 import 'element-closest';
 import './slide.js';
 import '../../../../spinner/esm';

package/gallery/esm/components/image-viewer/single.js

@@ -2,7 +2,7 @@ import React, { useContext, useRef } from 'react';
 import cn from 'classnames';
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt } from '../../utils/utils.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-6748d87f.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-5b464b71.js';
 import { Slide } from './slide.js';
 import 'element-closest';
 import '../../../../spinner/esm';

package/gallery/esm/components/image-viewer/slide.js

@@ -5,7 +5,7 @@ import { Text } from '../../../../typography/esm';
 import { GalleryContext } from '../../context.js';
 import { isSmallImage, isVideo, getImageAlt } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-6748d87f.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-5b464b71.js';
 import { NoImagePaths } from './paths.js';
 import { Video } from './video/index.js';
 import 'element-closest';

package/gallery/esm/components/index.js

@@ -31,7 +31,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../hooks-6748d87f.js';
+import '../hooks-5b464b71.js';
 import 'element-closest';
 import './image-viewer/slide.js';
 import '../../../spinner/esm';

package/gallery/esm/index.js

@@ -7,7 +7,7 @@ import '../../mq/esm';
 import './components/image-viewer/single.js';
 import './context.js';
 import './utils/utils.js';
-import './hooks-6748d87f.js';
+import './hooks-5b464b71.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/esm';

package/gallery/modern/Component.js

@@ -11,7 +11,7 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import { InfoBar } from './components/info-bar/Component.js';
 import { HeaderMobile } from './components/header-mobile/Component.js';
 import './utils/utils.js';
-import './hooks-36f6408a.js';
+import './hooks-0ec6ccd5.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/modern';

package/gallery/modern/components/image-viewer/component.js

@@ -8,7 +8,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-36f6408a.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-0ec6ccd5.js';
 import { Slide } from './slide.js';
 import 'swiper/swiper.min.css';
 import 'element-closest';

package/gallery/modern/components/image-viewer/hooks.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'element-closest';
 import '../../context.js';
-export { u as useHandleImageViewer } from '../../hooks-36f6408a.js';
+export { u as useHandleImageViewer } from '../../hooks-0ec6ccd5.js';

package/gallery/modern/components/image-viewer/index.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../hooks-36f6408a.js';
+import '../../hooks-0ec6ccd5.js';
 import 'element-closest';
 import './slide.js';
 import '../../../../spinner/modern';

package/gallery/modern/components/image-viewer/single.js

@@ -2,7 +2,7 @@ import React, { useContext, useRef } from 'react';
 import cn from 'classnames';
 import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt } from '../../utils/utils.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-36f6408a.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-0ec6ccd5.js';
 import { Slide } from './slide.js';
 import 'element-closest';
 import '../../../../spinner/modern';

package/gallery/modern/components/image-viewer/slide.js

@@ -5,7 +5,7 @@ import { Text } from '../../../../typography/modern';
 import { GalleryContext } from '../../context.js';
 import { isSmallImage, isVideo, getImageAlt } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { u as useHandleImageViewer, s as styles } from '../../hooks-36f6408a.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-0ec6ccd5.js';
 import { NoImagePaths } from './paths.js';
 import { Video } from './video/index.js';
 import 'element-closest';

package/gallery/modern/components/index.js

@@ -30,7 +30,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../hooks-36f6408a.js';
+import '../hooks-0ec6ccd5.js';
 import 'element-closest';
 import './image-viewer/slide.js';
 import '../../../spinner/modern';

package/gallery/modern/index.js

@@ -7,7 +7,7 @@ import '../../mq/modern';
 import './components/image-viewer/single.js';
 import './context.js';
 import './utils/utils.js';
-import './hooks-36f6408a.js';
+import './hooks-0ec6ccd5.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/modern';

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-8a05097a.js');
+var layout_module = require('../../layout.module-da4fc7b6.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ 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-8a05097a.js');
+var layout_module = require('../../layout.module-da4fc7b6.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/header/mobile.css

@@ -58,14 +58,15 @@
     --modal-header-mobile-font-weight: 600;
 
     /* paddings */
-    --modal-header-mobile-paddings: var(--gap-4) var(--gap-8);
+    --modal-header-mobile-vertical-padding: var(--gap-4);
+    --modal-header-mobile-paddings: var(--modal-header-mobile-vertical-padding) var(--gap-8);
 }
 .modal__header_hzi10 {
     padding: var(--modal-header-mobile-paddings)
 }
 @media (display-mode: standalone) {
 .modal__header_hzi10 {
-        padding-top: var(--sat)
+        padding-top: calc(var(--sat) + var(--modal-header-mobile-vertical-padding))
 }
     }
 .modal__sticky_hzi10 {

package/modal/cssm/components/header/mobile.module.css

@@ -57,14 +57,15 @@
     --modal-header-mobile-font-weight: 600;
 
     /* paddings */
-    --modal-header-mobile-paddings: var(--gap-4) var(--gap-8);
+    --modal-header-mobile-vertical-padding: var(--gap-4);
+    --modal-header-mobile-paddings: var(--modal-header-mobile-vertical-padding) var(--gap-8);
 }
 .header {
     padding: var(--modal-header-mobile-paddings)
 }
 @media (display-mode: standalone) {
 .header {
-        padding-top: var(--sat)
+        padding-top: calc(var(--sat) + var(--modal-header-mobile-vertical-padding))
 }
     }
 .sticky {

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-0b821e9e.js';
+import './layout.module-d7cb7e57.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 

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

@@ -2,7 +2,7 @@ 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-0b821e9e.js';
+import { l as layoutStyles } from '../../layout.module-d7cb7e57.js';
 
 var styles = {"component":"modal__component_brb7d"};
 require('./index.css');

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-0b821e9e.js';
+import '../../layout.module-d7cb7e57.js';

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

@@ -4,7 +4,7 @@ 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-0b821e9e.js';
+import { l as layoutStyles } from '../../layout.module-d7cb7e57.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_7txbp","sticky":"modal__sticky_7txbp","fullscreen":"modal__fullscreen_7txbp","size-500":"modal__size-500_7txbp","size-600":"modal__size-600_7txbp","size-800":"modal__size-800_7txbp","size-1140":"modal__size-1140_7txbp"};

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

@@ -58,14 +58,15 @@
     --modal-header-mobile-font-weight: 600;
 
     /* paddings */
-    --modal-header-mobile-paddings: var(--gap-4) var(--gap-8);
+    --modal-header-mobile-vertical-padding: var(--gap-4);
+    --modal-header-mobile-paddings: var(--modal-header-mobile-vertical-padding) var(--gap-8);
 }
 .modal__header_hzi10 {
     padding: var(--modal-header-mobile-paddings)
 }
 @media (display-mode: standalone) {
 .modal__header_hzi10 {
-        padding-top: var(--sat)
+        padding-top: calc(var(--sat) + var(--modal-header-mobile-vertical-padding))
 }
     }
 .modal__sticky_hzi10 {

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-0b821e9e.js';
+import '../layout.module-d7cb7e57.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../layout.module-0b821e9e.js';
+import '../layout.module-d7cb7e57.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../Context.js';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-0b821e9e.js';
+import './layout.module-d7cb7e57.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-0b821e9e.js';
+import '../layout.module-d7cb7e57.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -12,6 +12,6 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../layout.module-0b821e9e.js';
+import '../layout.module-d7cb7e57.js';
 import '../Context.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-8bd77f56.js';
+import './layout.module-a086d8fa.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

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

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-8bd77f56.js';
+import { l as layoutStyles } from '../../layout.module-a086d8fa.js';
 
 const styles = {"component":"modal__component_brb7d"};
 require('./index.css');

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-8bd77f56.js';
+import '../../layout.module-a086d8fa.js';

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

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 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-8bd77f56.js';
+import { l as layoutStyles } from '../../layout.module-a086d8fa.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_7txbp","sticky":"modal__sticky_7txbp","fullscreen":"modal__fullscreen_7txbp","size-500":"modal__size-500_7txbp","size-600":"modal__size-600_7txbp","size-800":"modal__size-800_7txbp","size-1140":"modal__size-1140_7txbp"};

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

@@ -58,14 +58,15 @@
     --modal-header-mobile-font-weight: 600;
 
     /* paddings */
-    --modal-header-mobile-paddings: var(--gap-4) var(--gap-8);
+    --modal-header-mobile-vertical-padding: var(--gap-4);
+    --modal-header-mobile-paddings: var(--modal-header-mobile-vertical-padding) var(--gap-8);
 }
 .modal__header_hzi10 {
     padding: var(--modal-header-mobile-paddings)
 }
 @media (display-mode: standalone) {
 .modal__header_hzi10 {
-        padding-top: var(--sat)
+        padding-top: calc(var(--sat) + var(--modal-header-mobile-vertical-padding))
 }
     }
 .modal__sticky_hzi10 {

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

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-8bd77f56.js';
+import '../layout.module-a086d8fa.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../layout.module-8bd77f56.js';
+import '../layout.module-a086d8fa.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../Context.js';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-8bd77f56.js';
+import './layout.module-a086d8fa.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

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

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-8bd77f56.js';
+import '../layout.module-a086d8fa.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -11,6 +11,6 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../layout.module-8bd77f56.js';
+import '../layout.module-a086d8fa.js';
 import '../Context.js';
 import '../../../navigation-bar-private/modern';