@alfalab/core-components 48.29.0-beta.0 → 48.29.0

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

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/esm';
 import ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-2c44ed75.js';
+import { s as styles } from '../../../../actions-control.module-ff82297b.js';
 
 var RestoreButton = function () {
     var _a = useContext(FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onRestore = _a.onRestore;

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-2c44ed75.js';
+import '../../actions-control.module-ff82297b.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-2c44ed75.js';
+import './actions-control.module-ff82297b.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-909ee16a.js';
+import './actions-control.module-b4ca8b83.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-909ee16a.js';
+import { s as styles } from '../../actions-control.module-b4ca8b83.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-909ee16a.js';
+import { s as styles } from '../../../../actions-control.module-b4ca8b83.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-909ee16a.js';
+import '../../../../actions-control.module-b4ca8b83.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-909ee16a.js';
+import { s as styles } from '../../../../actions-control.module-b4ca8b83.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-909ee16a.js';
+import '../../../../actions-control.module-b4ca8b83.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-909ee16a.js';
+import '../../../../actions-control.module-b4ca8b83.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-909ee16a.js';
+import { s as styles } from '../../../../actions-control.module-b4ca8b83.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-909ee16a.js';
+import '../../actions-control.module-b4ca8b83.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-909ee16a.js';
+import './actions-control.module-b4ca8b83.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-8592c20b.js');
+var components_imageViewer_hooks = require('../../hooks-50f89a85.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-8592c20b.js');
+var components_imageViewer_hooks = require('../../hooks-50f89a85.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-8592c20b.js');
+var components_imageViewer_hooks = require('../../hooks-50f89a85.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-8592c20b.js');
+var components_imageViewer_hooks = require('../../hooks-50f89a85.js');
 var components_imageViewer_paths = require('./paths.js');
 var components_imageViewer_video_index = require('./video/index.js');
 

package/gallery/cssm/index.module.css

@@ -27,7 +27,10 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .container {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+} .container {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -37,8 +40,8 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
-    padding-top: env(safe-area-inset-top, var(--gap-0));
-    padding-bottom: env(safe-area-inset-bottom, var(--gap-0))
+    padding-top: var(--sat);
+    padding-bottom: var(--sab)
 } .container.mobile {
         overflow: hidden;
     } .modal {

package/gallery/esm/Component.js

@@ -16,7 +16,7 @@ import { HeaderMobile } from './components/header-mobile/Component.js';
 import '../../button/esm';
 import '../../typography/esm';
 import './utils/utils.js';
-import './hooks-fc1910b9.js';
+import './hooks-eb7697c0.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-fc1910b9.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-eb7697c0.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-fc1910b9.js';
+export { u as useHandleImageViewer } from '../../hooks-eb7697c0.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-fc1910b9.js';
+import '../../hooks-eb7697c0.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-fc1910b9.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-eb7697c0.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-fc1910b9.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-eb7697c0.js';
 import { NoImagePaths } from './paths.js';
 import { Video } from './video/index.js';
 import 'element-closest';

package/gallery/esm/components/index.js

@@ -34,7 +34,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../hooks-fc1910b9.js';
+import '../hooks-eb7697c0.js';
 import 'element-closest';
 import './image-viewer/slide.js';
 import '../../../spinner/esm';

package/gallery/esm/index.css

@@ -28,7 +28,10 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1wxnh {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+} .gallery__container_1wxnh {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -38,8 +41,8 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
-    padding-top: env(safe-area-inset-top, var(--gap-0));
-    padding-bottom: env(safe-area-inset-bottom, var(--gap-0))
+    padding-top: var(--sat);
+    padding-bottom: var(--sab)
 } .gallery__container_1wxnh.gallery__mobile_1wxnh {
         overflow: hidden;
     } .gallery__modal_1wxnh {

package/gallery/esm/index.js

@@ -10,7 +10,7 @@ import '../../typography/esm';
 import './context.js';
 import './components/image-viewer/single.js';
 import './utils/utils.js';
-import './hooks-fc1910b9.js';
+import './hooks-eb7697c0.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/esm';

package/gallery/index.css

@@ -28,7 +28,10 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1wxnh {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+} .gallery__container_1wxnh {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -38,8 +41,8 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
-    padding-top: env(safe-area-inset-top, var(--gap-0));
-    padding-bottom: env(safe-area-inset-bottom, var(--gap-0))
+    padding-top: var(--sat);
+    padding-bottom: var(--sab)
 } .gallery__container_1wxnh.gallery__mobile_1wxnh {
         overflow: hidden;
     } .gallery__modal_1wxnh {

package/gallery/modern/Component.js

@@ -16,7 +16,7 @@ import { HeaderMobile } from './components/header-mobile/Component.js';
 import '../../button/modern';
 import '../../typography/modern';
 import './utils/utils.js';
-import './hooks-f0650d80.js';
+import './hooks-df08ae59.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-f0650d80.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-df08ae59.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-f0650d80.js';
+export { u as useHandleImageViewer } from '../../hooks-df08ae59.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-f0650d80.js';
+import '../../hooks-df08ae59.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-f0650d80.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-df08ae59.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-f0650d80.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-df08ae59.js';
 import { NoImagePaths } from './paths.js';
 import { Video } from './video/index.js';
 import 'element-closest';

package/gallery/modern/components/index.js

@@ -33,7 +33,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../hooks-f0650d80.js';
+import '../hooks-df08ae59.js';
 import 'element-closest';
 import './image-viewer/slide.js';
 import '../../../spinner/modern';

package/gallery/modern/index.css

@@ -28,7 +28,10 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1wxnh {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+} .gallery__container_1wxnh {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -38,8 +41,8 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
-    padding-top: env(safe-area-inset-top, var(--gap-0));
-    padding-bottom: env(safe-area-inset-bottom, var(--gap-0))
+    padding-top: var(--sat);
+    padding-bottom: var(--sab)
 } .gallery__container_1wxnh.gallery__mobile_1wxnh {
         overflow: hidden;
     } .gallery__modal_1wxnh {

package/gallery/modern/index.js

@@ -10,7 +10,7 @@ import '../../typography/modern';
 import './context.js';
 import './components/image-viewer/single.js';
 import './utils/utils.js';
-import './hooks-f0650d80.js';
+import './hooks-df08ae59.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/modern';

package/gallery/moderncssm/index.module.css

@@ -1,5 +1,8 @@
 /* */
-
+:root {
+    --sat: env(safe-area-inset-top, var(--gap-0));
+    --sab: env(safe-area-inset-bottom, var(--gap-0));
+}
 .container {
     position: relative;
     overflow-x: hidden;
@@ -10,21 +13,18 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
-    padding-top: env(safe-area-inset-top, var(--gap-0));
-    padding-bottom: env(safe-area-inset-bottom, var(--gap-0))
+    padding-top: var(--sat);
+    padding-bottom: var(--sab)
 }
-
 .container.mobile {
         overflow: hidden;
     }
-
 .modal {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
 }
-
 .navigationVideo {
     z-index: 3;
     width: 100%;
@@ -34,21 +34,17 @@
     transition: transform 0.3s ease-in-out;
     text-align: center;
 }
-
 .hide {
     transform: translateY(114px);
 }
-
 .hideInfo {
     transform: translateY(48px);
 }
-
 .bottomButton {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-
 .subtitles {
     padding: var(--gap-0) var(--gap-32);
     margin-bottom: var(--gap-16);
@@ -58,7 +54,6 @@
     z-index: 1;
     transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;
 }
-
 .hideSubtitles {
     opacity: 0;
 }