@alfalab/core-components 48.27.5 → 48.28.0

package/gallery/index.css

@@ -28,7 +28,7 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_80aa7 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_jovxg {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -38,16 +38,16 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted)
-} .gallery__container_80aa7.gallery__mobile_80aa7 {
+} .gallery__container_jovxg.gallery__mobile_jovxg {
         overflow: hidden;
-    } .gallery__modal_80aa7 {
+    } .gallery__modal_jovxg {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
     padding: env(safe-area-inset-top, var(--gap-0)) var(--gap-0),
         env(safe-area-inset-bottom, var(--gap-0));
-} .gallery__navigationVideo_80aa7 {
+} .gallery__navigationVideo_jovxg {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -55,15 +55,15 @@
     left: 0;
     transition: transform 0.3s ease-in-out;
     text-align: center;
-} .gallery__hide_80aa7 {
+} .gallery__hide_jovxg {
     transform: translateY(114px);
-} .gallery__hideInfo_80aa7 {
+} .gallery__hideInfo_jovxg {
     transform: translateY(48px);
-} .gallery__bottomButton_80aa7 {
+} .gallery__bottomButton_jovxg {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
-} .gallery__subtitles_80aa7 {
+} .gallery__subtitles_jovxg {
     padding: var(--gap-0) var(--gap-32);
     margin-bottom: var(--gap-16);
     width: 100%;
@@ -71,6 +71,6 @@
     opacity: 1;
     z-index: 1;
     transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;
-} .gallery__hideSubtitles_80aa7 {
+} .gallery__hideSubtitles_jovxg {
     opacity: 0;
 }

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-7e43716d.js';
+import './hooks-0baa855c.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/modern';
@@ -50,7 +50,7 @@ import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import 'swiper/swiper.min.css';
 
-const styles = {"container":"gallery__container_80aa7","mobile":"gallery__mobile_80aa7","modal":"gallery__modal_80aa7","navigationVideo":"gallery__navigationVideo_80aa7","hide":"gallery__hide_80aa7","hideInfo":"gallery__hideInfo_80aa7","bottomButton":"gallery__bottomButton_80aa7","subtitles":"gallery__subtitles_80aa7","hideSubtitles":"gallery__hideSubtitles_80aa7"};
+const styles = {"container":"gallery__container_jovxg","mobile":"gallery__mobile_jovxg","modal":"gallery__modal_jovxg","navigationVideo":"gallery__navigationVideo_jovxg","hide":"gallery__hide_jovxg","hideInfo":"gallery__hideInfo_jovxg","bottomButton":"gallery__bottomButton_jovxg","subtitles":"gallery__subtitles_jovxg","hideSubtitles":"gallery__hideSubtitles_jovxg"};
 require('./index.css');
 
 const DEFAULT_FULL_SCREEN = false;

package/gallery/modern/components/bottom-button/Component.js

@@ -4,7 +4,7 @@ import { Button } from '../../../../button/modern';
 import { Typography } from '../../../../typography/modern';
 import { GalleryContext } from '../../context.js';
 
-const styles = {"component":"gallery__component_1hlv5","notVisible":"gallery__notVisible_1hlv5"};
+const styles = {"component":"gallery__component_1tags","notVisible":"gallery__notVisible_1tags"};
 require('./index.css');
 
 const BottomButton = ({ onClick, className, bottomButton }) => {

package/gallery/modern/components/bottom-button/index.css

@@ -24,16 +24,16 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_1hlv5 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_1tags {
     background-color: var(--color-static-neutral-translucent-500-inverted);
-} .gallery__component_1hlv5:hover {
+} .gallery__component_1tags:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
-    } .gallery__component_1hlv5:active {
+    } .gallery__component_1tags:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
-    } .gallery__component_1hlv5 {
+    } .gallery__component_1tags {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
-} .gallery__notVisible_1hlv5 {
+} .gallery__notVisible_1tags {
     transform: translateY(250%);
 }

package/gallery/modern/components/buttons/index.css

@@ -27,15 +27,15 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__buttons_axb2n {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__buttons_110m5 {
     display: flex;
     padding-left: var(--gap-32)
-} .gallery__buttons_axb2n path {
+} .gallery__buttons_110m5 path {
         color: var(--color-static-neutral-translucent-1300-inverted);
-    } .gallery__iconButton_axb2n path {
+    } .gallery__iconButton_110m5 path {
         color: var(--color-static-neutral-100);
-    } .gallery__iconButton_axb2n:hover path {
+    } .gallery__iconButton_110m5:hover path {
         color: var(--color-static-neutral-100-hover);
-    } .gallery__iconButton_axb2n:active path {
+    } .gallery__iconButton_110m5:active path {
         color: var(--color-static-neutral-100-press);
     }

package/gallery/modern/components/buttons/index.js

@@ -13,7 +13,7 @@ import { ShareMIcon } from '@alfalab/icons-glyph/ShareMIcon';
 import { SoundCrossMIcon } from '@alfalab/icons-glyph/SoundCrossMIcon';
 import { SoundMIcon } from '@alfalab/icons-glyph/SoundMIcon';
 
-const styles = {"buttons":"gallery__buttons_axb2n","iconButton":"gallery__iconButton_axb2n"};
+const styles = {"buttons":"gallery__buttons_110m5","iconButton":"gallery__iconButton_110m5"};
 require('./index.css');
 
 const Fullscreen = ({ buttonRef, ...restProps }) => (React.createElement(TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', fallbackPlacements: ['bottom-end'] },

package/gallery/modern/components/header/Component.js

@@ -20,7 +20,7 @@ import '@alfalab/icons-glyph/SoundMIcon';
 import '../../../../typography/modern';
 import '../../utils/split-filename.js';
 
-const styles = {"header":"gallery__header_1xkaj"};
+const styles = {"header":"gallery__header_r9nwi"};
 require('./index.css');
 
 const Header = () => {

package/gallery/modern/components/header/index.css

@@ -25,7 +25,7 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__header_1xkaj {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__header_r9nwi {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;

package/gallery/modern/components/header-info-block/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { TitleDesktop, Text } from '../../../../typography/modern';
 import { splitFilename } from '../../utils/split-filename.js';
 
-const styles = {"info":"gallery__info_16l4i","filenameHead":"gallery__filenameHead_16l4i","filenameContainer":"gallery__filenameContainer_16l4i","description":"gallery__description_16l4i"};
+const styles = {"info":"gallery__info_ghtep","filenameHead":"gallery__filenameHead_ghtep","filenameContainer":"gallery__filenameContainer_ghtep","description":"gallery__description_ghtep"};
 require('./index.css');
 
 const HeaderInfoBlock = ({ filename, description }) => {

package/gallery/modern/components/header-info-block/index.css

@@ -23,21 +23,21 @@
     --gap-4: var(--gap-2xs);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__info_16l4i {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__info_ghtep {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
-} .gallery__filenameHead_16l4i {
+} .gallery__filenameHead_ghtep {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-} .gallery__filenameContainer_16l4i {
+} .gallery__filenameContainer_ghtep {
     overflow: hidden;
     display: inline-flex;
-} .gallery__description_16l4i {
+} .gallery__description_ghtep {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

package/gallery/modern/components/header-mobile/Component.js

@@ -18,7 +18,7 @@ import '@alfalab/icons-glyph/ShareMIcon';
 import '@alfalab/icons-glyph/SoundCrossMIcon';
 import '@alfalab/icons-glyph/SoundMIcon';
 
-const styles = {"headerMobile":"gallery__headerMobile_1j3fj","video":"gallery__video_1j3fj","hide":"gallery__hide_1j3fj","leftButton":"gallery__leftButton_1j3fj","rightButtons":"gallery__rightButtons_1j3fj","description":"gallery__description_1j3fj"};
+const styles = {"headerMobile":"gallery__headerMobile_1hm67","video":"gallery__video_1hm67","hide":"gallery__hide_1hm67","leftButton":"gallery__leftButton_1hm67","rightButtons":"gallery__rightButtons_1hm67","description":"gallery__description_1hm67"};
 require('./index.css');
 
 const HeaderMobile = () => {

package/gallery/modern/components/header-mobile/index.css

@@ -22,7 +22,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__headerMobile_1j3fj {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__headerMobile_1hm67 {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -30,18 +30,18 @@
     display: flex;
     justify-content: space-between;
     align-items: center
-} .gallery__headerMobile_1j3fj.gallery__video_1j3fj {
+} .gallery__headerMobile_1hm67.gallery__video_1hm67 {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
-    } .gallery__hide_1j3fj {
+    } .gallery__hide_1hm67 {
     transform: translateY(-96px);
-} .gallery__leftButton_1j3fj,
-.gallery__rightButtons_1j3fj {
+} .gallery__leftButton_1hm67,
+.gallery__rightButtons_1hm67 {
     display: flex;
     align-items: center;
-} .gallery__description_1j3fj {
+} .gallery__description_1hm67 {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

package/gallery/modern/components/image-preview/Component.js

@@ -6,7 +6,7 @@ import { GalleryContext } from '../../context.js';
 import { isVideo, getImageAlt } from '../../utils/utils.js';
 import { NoImagePaths } from './paths.js';
 
-const styles = {"component":"gallery__component_813t5","image":"gallery__image_813t5","mobile":"gallery__mobile_813t5","active":"gallery__active_813t5","preview":"gallery__preview_813t5","loading":"gallery__loading_813t5","brokenImageWrapper":"gallery__brokenImageWrapper_813t5","brokenIcon":"gallery__brokenIcon_813t5","focused":"gallery__focused_813t5","canvasPreview":"gallery__canvasPreview_813t5"};
+const styles = {"component":"gallery__component_1gywr","image":"gallery__image_1gywr","mobile":"gallery__mobile_1gywr","active":"gallery__active_1gywr","preview":"gallery__preview_1gywr","loading":"gallery__loading_1gywr","brokenImageWrapper":"gallery__brokenImageWrapper_1gywr","brokenIcon":"gallery__brokenIcon_1gywr","focused":"gallery__focused_1gywr","canvasPreview":"gallery__canvasPreview_1gywr"};
 require('./index.css');
 
 const ImagePreview = ({ image, active = false, index, onSelect, className }) => {

package/gallery/modern/components/image-preview/index.css

@@ -29,19 +29,19 @@
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_813t5 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_1gywr {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none
-} .gallery__component_813t5 .gallery__image_813t5 {
+} .gallery__component_1gywr .gallery__image_1gywr {
         opacity: 0.3;
-    } .gallery__component_813t5.gallery__mobile_813t5 {
+    } .gallery__component_1gywr.gallery__mobile_1gywr {
         padding: 0;
-    } .gallery__active_813t5 > .gallery__image_813t5 {
+    } .gallery__active_1gywr > .gallery__image_1gywr {
         opacity: 1;
-    } .gallery__preview_813t5 {
+    } .gallery__preview_1gywr {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -49,13 +49,13 @@
     cursor: pointer;
     -webkit-user-select: none;
             user-select: none
-} .gallery__preview_813t5.gallery__mobile_813t5 {
+} .gallery__preview_1gywr.gallery__mobile_1gywr {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
-    } .gallery__image_813t5 {
+    } .gallery__image_1gywr {
     transition: opacity 0.15s ease-in-out
-} .gallery__image_813t5 > img {
+} .gallery__image_1gywr > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -63,28 +63,28 @@
         object-fit: cover;
         overflow: clip;
         overflow-clip-margin: border-box;
-    } .gallery__image_813t5:hover {
+    } .gallery__image_1gywr:hover {
         opacity: 0.7;
-    } .gallery__loading_813t5 {
+    } .gallery__loading_1gywr {
     background-color: var(--color-static-neutral-100-inverted)
-} .gallery__loading_813t5 .gallery__active_813t5 {
+} .gallery__loading_1gywr .gallery__active_1gywr {
         background-color: var(--color-static-neutral-300-inverted);
-    } .gallery__brokenImageWrapper_813t5 {
+    } .gallery__brokenImageWrapper_1gywr {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
     opacity: 0.3
-} .gallery__brokenImageWrapper_813t5.gallery__active_813t5 {
+} .gallery__brokenImageWrapper_1gywr.gallery__active_1gywr {
         opacity: 1;
-    } .gallery__brokenIcon_813t5 {
+    } .gallery__brokenIcon_1gywr {
     width: 40px;
     height: 40px;
-} .gallery__focused_813t5 {
+} .gallery__focused_1gywr {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__canvasPreview_813t5 {
+} .gallery__canvasPreview_1gywr {
     border-radius: var(--border-radius-12)
-} .gallery__canvasPreview_813t5.gallery__mobile_813t5 {
+} .gallery__canvasPreview_1gywr.gallery__mobile_1gywr {
         border-radius: var(--border-radius-8);
     }

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-7e43716d.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-0baa855c.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-7e43716d.js';
+export { u as useHandleImageViewer } from '../../hooks-0baa855c.js';

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

@@ -38,12 +38,12 @@
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_1ei1c {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_1sttb {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     background-color: var(--color-static-neutral-0-inverted);
-} .gallery__swiper_1ei1c {
+} .gallery__swiper_1sttb {
     display: flex;
     width: 100%;
     height: 100%;
@@ -52,11 +52,11 @@
     max-height: calc(100vh - 168px);
     padding: var(--gap-32) var(--gap-16);
     box-sizing: border-box
-} .gallery__swiper_1ei1c.gallery__mobile_1ei1c {
+} .gallery__swiper_1sttb.gallery__mobile_1sttb {
         max-height: calc(100vh - 210px);
-    } .gallery__swiper_1ei1c.gallery__mobileVideo_1ei1c {
+    } .gallery__swiper_1sttb.gallery__mobileVideo_1sttb {
         max-height: 100vh;
-    } .gallery__singleSlideContainer_1ei1c {
+    } .gallery__singleSlideContainer_1sttb {
     display: flex;
     width: 100%;
     height: 100%;
@@ -64,47 +64,47 @@
     max-height: calc(100vh - 80px);
     padding: var(--gap-32);
     box-sizing: border-box
-} .gallery__singleSlideContainer_1ei1c.gallery__mobile_1ei1c {
+} .gallery__singleSlideContainer_1sttb.gallery__mobile_1sttb {
         max-height: calc(100vh - 174px);
         padding: 0;
-    } .gallery__singleSlideContainer_1ei1c.gallery__mobileVideo_1ei1c {
+    } .gallery__singleSlideContainer_1sttb.gallery__mobileVideo_1sttb {
         max-height: 100vh;
-    } .gallery__hidden_1ei1c {
+    } .gallery__hidden_1sttb {
     display: none;
-} .gallery__slide_1ei1c {
+} .gallery__slide_1sttb {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
-} .gallery__slideLoading_1ei1c {
+} .gallery__slideLoading_1sttb {
     background-color: var(--color-static-neutral-translucent-100-inverted);
     border-radius: var(--border-radius-8);
-} .gallery__spinner_1ei1c {
+} .gallery__spinner_1sttb {
     position: absolute;
     color: var(--color-static-neutral-translucent-1300-inverted);
-} .gallery__image_1ei1c {
+} .gallery__image_1sttb {
     width: 0;
     height: 0;
     -webkit-user-select: none;
             user-select: none;
     border-radius: var(--border-radius-8)
-} .gallery__image_1ei1c.gallery__mobile_1ei1c {
+} .gallery__image_1sttb.gallery__mobile_1sttb {
         border-radius: var(--border-radius-0);
-    } .gallery__smallImage_1ei1c {
+    } .gallery__smallImage_1sttb {
     position: relative;
     width: auto;
     height: auto;
     -webkit-user-select: none;
             user-select: none;
-} .gallery__verticalImageFit_1ei1c {
+} .gallery__verticalImageFit_1sttb {
     width: auto;
     height: 100%;
-} .gallery__horizontalImageFit_1ei1c {
+} .gallery__horizontalImageFit_1sttb {
     width: 100%;
     height: auto;
-} .gallery__arrow_1ei1c {
+} .gallery__arrow_1sttb {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -116,14 +116,14 @@
     color: var(--color-static-neutral-translucent-1300-inverted);
     transition: background-color 0.15s ease-in-out;
     outline: none
-} .gallery__arrow_1ei1c:hover {
+} .gallery__arrow_1sttb:hover {
         background-color: var(--color-static-neutral-0-inverted-hover);
-    } .gallery__arrow_1ei1c:active {
+    } .gallery__arrow_1sttb:active {
         background-color: var(--color-static-neutral-0-inverted-press);
-    } .gallery__focused_1ei1c {
+    } .gallery__focused_1sttb {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__placeholder_1ei1c {
+} .gallery__placeholder_1sttb {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -131,22 +131,22 @@
     height: 100%;
     border-radius: var(--border-radius-8);
     background-color: var(--color-static-neutral-300-inverted);
-} .gallery__brokenImgWrapper_1ei1c {
+} .gallery__brokenImgWrapper_1sttb {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 150px;
     text-align: center;
-} .gallery__brokenImgIcon_1ei1c {
+} .gallery__brokenImgIcon_1sttb {
     width: 80px;
     height: 80px;
     margin-bottom: var(--gap-2xs);
-} .gallery__fullScreenImage_1ei1c {
+} .gallery__fullScreenImage_1sttb {
     width: 100%;
     height: auto;
     background-color: var(--color-light-base-bg-primary);
-} .gallery__fullScreenVideo_1ei1c {
+} .gallery__fullScreenVideo_1sttb {
     width: calc(100% - 192px);
     max-height: calc(100vh - 82px);
 }

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-7e43716d.js';
+import '../../hooks-0baa855c.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-7e43716d.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-0baa855c.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-7e43716d.js';
+import { u as useHandleImageViewer, s as styles } from '../../hooks-0baa855c.js';
 import { NoImagePaths } from './paths.js';
 import { Video } from './video/index.js';
 import 'element-closest';

package/gallery/modern/components/image-viewer/video/index.css

@@ -25,30 +25,30 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__videoWrapper_6l7a4 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__videoWrapper_53xyz {
     display: flex;
     justify-content: center;
     height: 100%;
     width: auto;
     position: relative;
-} .gallery__video_6l7a4 {
+} .gallery__video_53xyz {
     max-width: 100%;
     max-height: 100%;
     border-radius: var(--border-radius-24);
-} .gallery__mobile_6l7a4 {
+} .gallery__mobile_53xyz {
     border-radius: 0;
-} .gallery__videoButton_6l7a4 {
+} .gallery__videoButton_53xyz {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
     color: green;
-} .gallery__icon_6l7a4 {
+} .gallery__icon_53xyz {
     color: var(--color-static-neutral-0);
-} .gallery__iconShape_6l7a4 {
+} .gallery__iconShape_53xyz {
     fill: var(--color-static-neutral-translucent-700);
-} .gallery__bottomButton_6l7a4 {
+} .gallery__bottomButton_53xyz {
     position: absolute;
     bottom: 48px;
     left: 32px;

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

@@ -10,7 +10,7 @@ import '../../../../../button/modern';
 import '../../../../../typography/modern';
 import '../../../hooks/use-custom-subtitles.js';
 
-const styles = {"videoWrapper":"gallery__videoWrapper_6l7a4","video":"gallery__video_6l7a4","mobile":"gallery__mobile_6l7a4","videoButton":"gallery__videoButton_6l7a4","icon":"gallery__icon_6l7a4","iconShape":"gallery__iconShape_6l7a4","bottomButton":"gallery__bottomButton_6l7a4"};
+const styles = {"videoWrapper":"gallery__videoWrapper_53xyz","video":"gallery__video_53xyz","mobile":"gallery__mobile_53xyz","videoButton":"gallery__videoButton_53xyz","icon":"gallery__icon_53xyz","iconShape":"gallery__iconShape_53xyz","bottomButton":"gallery__bottomButton_53xyz"};
 require('./index.css');
 
 const Video = ({ url, index, className, isActive }) => {

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-7e43716d.js';
+import '../hooks-0baa855c.js';
 import 'element-closest';
 import './image-viewer/slide.js';
 import '../../../spinner/modern';

package/gallery/modern/components/info-bar/Component.js

@@ -17,7 +17,7 @@ import '@alfalab/icons-glyph/ShareMIcon';
 import '@alfalab/icons-glyph/SoundCrossMIcon';
 import '@alfalab/icons-glyph/SoundMIcon';
 
-const styles = {"description":"gallery__description_14r39","infoWrapper":"gallery__infoWrapper_14r39","video":"gallery__video_14r39"};
+const styles = {"description":"gallery__description_1j2v8","infoWrapper":"gallery__infoWrapper_1j2v8","video":"gallery__video_1j2v8"};
 require('./index.css');
 
 const InfoBar = () => {

package/gallery/modern/components/info-bar/index.css

@@ -26,9 +26,9 @@
     --gap-8: var(--gap-xs);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_14r39 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_1j2v8 {
     text-align: center;
-} .gallery__infoWrapper_14r39 {
+} .gallery__infoWrapper_1j2v8 {
     background-color: var(--color-static-neutral-0-inverted);
     display: flex;
     align-items: center;
@@ -36,7 +36,7 @@
     padding: 0 var(--gap-8) var(--gap-4);
     position: relative;
     height: 48px
-} .gallery__infoWrapper_14r39.gallery__video_14r39 {
+} .gallery__infoWrapper_1j2v8.gallery__video_1j2v8 {
         padding: 0 var(--gap-4) var(--gap-4);
         justify-content: space-between;
     }

package/gallery/modern/components/navigation-bar/Component.js

@@ -9,7 +9,7 @@ import '@alfalab/hooks';
 import '../../constants.js';
 import '../image-preview/paths.js';
 
-const styles = {"component":"gallery__component_1u1pw","mobile":"gallery__mobile_1u1pw","previews":"gallery__previews_1u1pw","preview":"gallery__preview_1u1pw"};
+const styles = {"component":"gallery__component_1skgl","mobile":"gallery__mobile_1skgl","previews":"gallery__previews_1skgl","preview":"gallery__preview_1skgl"};
 require('./index.css');
 
 const MIN_SCROLL_STEP = 24;