@alfalab/core-components 48.16.0-beta.999 → 48.17.0

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

@@ -38,12 +38,12 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_1q51c {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_dpbxi {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     background-color: var(--color-static-neutral-0-inverted);
-} .gallery__swiper_1q51c {
+} .gallery__swiper_dpbxi {
     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_1q51c.gallery__mobile_1q51c {
+} .gallery__swiper_dpbxi.gallery__mobile_dpbxi {
         max-height: calc(100vh - 210px);
-    } .gallery__swiper_1q51c.gallery__mobileVideo_1q51c {
+    } .gallery__swiper_dpbxi.gallery__mobileVideo_dpbxi {
         max-height: 100vh;
-    } .gallery__singleSlideContainer_1q51c {
+    } .gallery__singleSlideContainer_dpbxi {
     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_1q51c.gallery__mobile_1q51c {
+} .gallery__singleSlideContainer_dpbxi.gallery__mobile_dpbxi {
         max-height: calc(100vh - 174px);
         padding: 0;
-    } .gallery__singleSlideContainer_1q51c.gallery__mobileVideo_1q51c {
+    } .gallery__singleSlideContainer_dpbxi.gallery__mobileVideo_dpbxi {
         max-height: 100vh;
-    } .gallery__hidden_1q51c {
+    } .gallery__hidden_dpbxi {
     display: none;
-} .gallery__slide_1q51c {
+} .gallery__slide_dpbxi {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
-} .gallery__slideLoading_1q51c {
+} .gallery__slideLoading_dpbxi {
     background-color: var(--color-static-neutral-translucent-100-inverted);
     border-radius: var(--border-radius-8);
-} .gallery__spinner_1q51c {
+} .gallery__spinner_dpbxi {
     position: absolute;
     color: var(--color-static-neutral-translucent-1300-inverted);
-} .gallery__image_1q51c {
+} .gallery__image_dpbxi {
     width: 0;
     height: 0;
     -webkit-user-select: none;
             user-select: none;
     border-radius: var(--border-radius-8)
-} .gallery__image_1q51c.gallery__mobile_1q51c {
+} .gallery__image_dpbxi.gallery__mobile_dpbxi {
         border-radius: var(--border-radius-0);
-    } .gallery__smallImage_1q51c {
+    } .gallery__smallImage_dpbxi {
     position: relative;
     width: auto;
     height: auto;
     -webkit-user-select: none;
             user-select: none;
-} .gallery__verticalImageFit_1q51c {
+} .gallery__verticalImageFit_dpbxi {
     width: auto;
     height: 100%;
-} .gallery__horizontalImageFit_1q51c {
+} .gallery__horizontalImageFit_dpbxi {
     width: 100%;
     height: auto;
-} .gallery__arrow_1q51c {
+} .gallery__arrow_dpbxi {
     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_1q51c:hover {
+} .gallery__arrow_dpbxi:hover {
         background-color: var(--color-static-neutral-0-inverted-hover);
-    } .gallery__arrow_1q51c:active {
+    } .gallery__arrow_dpbxi:active {
         background-color: var(--color-static-neutral-0-inverted-press);
-    } .gallery__focused_1q51c {
+    } .gallery__focused_dpbxi {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__placeholder_1q51c {
+} .gallery__placeholder_dpbxi {
     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_1q51c {
+} .gallery__brokenImgWrapper_dpbxi {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 150px;
     text-align: center;
-} .gallery__brokenImgIcon_1q51c {
+} .gallery__brokenImgIcon_dpbxi {
     width: 80px;
     height: 80px;
     margin-bottom: var(--gap-2xs);
-} .gallery__fullScreenImage_1q51c {
+} .gallery__fullScreenImage_dpbxi {
     width: 100%;
     height: auto;
     background-color: var(--color-light-base-bg-primary);
-} .gallery__fullScreenVideo_1q51c {
+} .gallery__fullScreenVideo_dpbxi {
     width: calc(100% - 192px);
     max-height: calc(100vh - 82px);
 }

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

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

@@ -25,27 +25,27 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__videoWrapper_13s8e {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__videoWrapper_nrwyu {
     display: flex;
     justify-content: center;
     height: 100%;
     width: 100%;
     position: relative;
-} .gallery__video_13s8e {
+} .gallery__video_nrwyu {
     max-width: 100%;
     max-height: 100%;
     border-radius: var(--border-radius-24);
-} .gallery__mobile_13s8e {
+} .gallery__mobile_nrwyu {
     border-radius: 0;
-} .gallery__videoButton_13s8e {
+} .gallery__videoButton_nrwyu {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
     color: green;
-} .gallery__icon_13s8e {
+} .gallery__icon_nrwyu {
     color: var(--color-static-neutral-0);
-} .gallery__iconShape_13s8e {
+} .gallery__iconShape_nrwyu {
     fill: var(--color-static-neutral-translucent-700);
 }

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

@@ -6,7 +6,7 @@ import PlayCompactMIcon from '@alfalab/icons-glyph/PlayCompactMIcon';
 import { GalleryContext } from '../../../context.js';
 import { GALLERY_EVENTS } from '../../../utils/constants.js';
 
-var styles = {"videoWrapper":"gallery__videoWrapper_13s8e","video":"gallery__video_13s8e","mobile":"gallery__mobile_13s8e","videoButton":"gallery__videoButton_13s8e","icon":"gallery__icon_13s8e","iconShape":"gallery__iconShape_13s8e"};
+var styles = {"videoWrapper":"gallery__videoWrapper_nrwyu","video":"gallery__video_nrwyu","mobile":"gallery__mobile_nrwyu","videoButton":"gallery__videoButton_nrwyu","icon":"gallery__icon_nrwyu","iconShape":"gallery__iconShape_nrwyu"};
 require('./index.css');
 
 var Video = function (_a) {

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-f6a17777.js';
+import '../hooks-be6b7a90.js';
 import 'element-closest';
 import './image-viewer/slide.js';
 import '../../../spinner/esm';

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

@@ -18,7 +18,7 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import '@alfalab/icons-glyph/SoundCrossMIcon';
 import '@alfalab/icons-glyph/SoundMIcon';
 
-var styles = {"description":"gallery__description_1ovca","videoButtons":"gallery__videoButtons_1ovca","center":"gallery__center_1ovca","right":"gallery__right_1ovca"};
+var styles = {"description":"gallery__description_lsnoy","videoButtons":"gallery__videoButtons_lsnoy","center":"gallery__center_lsnoy","right":"gallery__right_lsnoy"};
 require('./index.css');
 
 var InfoBar = function () {

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

@@ -23,18 +23,18 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_1ovca {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__description_lsnoy {
     text-align: center;
     margin-bottom: var(--gap-8);
-} .gallery__videoButtons_1ovca {
+} .gallery__videoButtons_lsnoy {
     padding: 0 var(--gap-8);
     position: relative;
     height: 48px;
-} .gallery__center_1ovca {
+} .gallery__center_lsnoy {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-} .gallery__right_1ovca {
+} .gallery__right_lsnoy {
     position: absolute;
     right: 0;
 }

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

@@ -7,7 +7,7 @@ import 'classnames';
 import '@alfalab/hooks';
 import '../image-preview/paths.js';
 
-var styles = {"component":"gallery__component_s7mz3","previews":"gallery__previews_s7mz3","preview":"gallery__preview_s7mz3"};
+var styles = {"component":"gallery__component_c7bje","previews":"gallery__previews_c7bje","preview":"gallery__preview_c7bje"};
 require('./index.css');
 
 var MIN_SCROLL_STEP = 24;

package/gallery/esm/components/navigation-bar/index.css

@@ -26,7 +26,7 @@
     --gap-24: var(--gap-xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_s7mz3 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__component_c7bje {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -36,15 +36,15 @@
     box-sizing: border-box;
     padding: 10px var(--gap-24);
     scrollbar-width: none
-} .gallery__component_s7mz3::-webkit-scrollbar {
+} .gallery__component_c7bje::-webkit-scrollbar {
         display: none;
-    } .gallery__previews_s7mz3 {
+    } .gallery__previews_c7bje {
     display: flex;
-} .gallery__preview_s7mz3 {
+} .gallery__preview_c7bje {
     flex-shrink: 0;
     margin: var(--gap-0) var(--gap-2)
-} .gallery__preview_s7mz3:first-child {
+} .gallery__preview_c7bje:first-child {
         margin-left: auto;
-    } .gallery__preview_s7mz3:last-child {
+    } .gallery__preview_c7bje:last-child {
         margin-right: auto;
     }

package/gallery/esm/{hooks-f6a17777.js → hooks-be6b7a90.js}

@@ -2,7 +2,7 @@ import { useContext, useRef, useCallback, useEffect } from 'react';
 import elementClosest from 'element-closest';
 import { GalleryContext } from './context.js';
 
-var styles = {"component":"gallery__component_1q51c","swiper":"gallery__swiper_1q51c","mobile":"gallery__mobile_1q51c","mobileVideo":"gallery__mobileVideo_1q51c","singleSlideContainer":"gallery__singleSlideContainer_1q51c","hidden":"gallery__hidden_1q51c","slide":"gallery__slide_1q51c","slideLoading":"gallery__slideLoading_1q51c","spinner":"gallery__spinner_1q51c","image":"gallery__image_1q51c","smallImage":"gallery__smallImage_1q51c","verticalImageFit":"gallery__verticalImageFit_1q51c","horizontalImageFit":"gallery__horizontalImageFit_1q51c","arrow":"gallery__arrow_1q51c","focused":"gallery__focused_1q51c","placeholder":"gallery__placeholder_1q51c","brokenImgWrapper":"gallery__brokenImgWrapper_1q51c","brokenImgIcon":"gallery__brokenImgIcon_1q51c","fullScreenImage":"gallery__fullScreenImage_1q51c","fullScreenVideo":"gallery__fullScreenVideo_1q51c"};
+var styles = {"component":"gallery__component_dpbxi","swiper":"gallery__swiper_dpbxi","mobile":"gallery__mobile_dpbxi","mobileVideo":"gallery__mobileVideo_dpbxi","singleSlideContainer":"gallery__singleSlideContainer_dpbxi","hidden":"gallery__hidden_dpbxi","slide":"gallery__slide_dpbxi","slideLoading":"gallery__slideLoading_dpbxi","spinner":"gallery__spinner_dpbxi","image":"gallery__image_dpbxi","smallImage":"gallery__smallImage_dpbxi","verticalImageFit":"gallery__verticalImageFit_dpbxi","horizontalImageFit":"gallery__horizontalImageFit_dpbxi","arrow":"gallery__arrow_dpbxi","focused":"gallery__focused_dpbxi","placeholder":"gallery__placeholder_dpbxi","brokenImgWrapper":"gallery__brokenImgWrapper_dpbxi","brokenImgIcon":"gallery__brokenImgIcon_dpbxi","fullScreenImage":"gallery__fullScreenImage_dpbxi","fullScreenVideo":"gallery__fullScreenVideo_dpbxi"};
 require('./components/image-viewer/index.css');
 
 var useHandleImageViewer = function () {

package/gallery/esm/index.css

@@ -22,7 +22,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1qlgq {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1oktk {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -32,14 +32,14 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted)
-} .gallery__container_1qlgq.gallery__mobile_1qlgq {
+} .gallery__container_1oktk.gallery__mobile_1oktk {
         overflow: hidden;
-    } .gallery__modal_1qlgq {
+    } .gallery__modal_1oktk {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
-} .gallery__navigationVideo_1qlgq {
+} .gallery__navigationVideo_1oktk {
     background-color: var(--color-static-neutral-0-inverted);
     z-index: 3;
     width: 100%;
@@ -47,6 +47,6 @@
     bottom: 0;
     left: 0;
     transition: transform 0.3s ease-in-out;
-} .gallery__hideNavigation_1qlgq {
+} .gallery__hideNavigation_1oktk {
     transform: translateY(106px);
 }

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-f6a17777.js';
+import './hooks-be6b7a90.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/esm';

package/gallery/{hooks-a66b7dd4.js → hooks-bb49aa54.js}

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
 
-var styles = {"component":"gallery__component_1q51c","swiper":"gallery__swiper_1q51c","mobile":"gallery__mobile_1q51c","mobileVideo":"gallery__mobileVideo_1q51c","singleSlideContainer":"gallery__singleSlideContainer_1q51c","hidden":"gallery__hidden_1q51c","slide":"gallery__slide_1q51c","slideLoading":"gallery__slideLoading_1q51c","spinner":"gallery__spinner_1q51c","image":"gallery__image_1q51c","smallImage":"gallery__smallImage_1q51c","verticalImageFit":"gallery__verticalImageFit_1q51c","horizontalImageFit":"gallery__horizontalImageFit_1q51c","arrow":"gallery__arrow_1q51c","focused":"gallery__focused_1q51c","placeholder":"gallery__placeholder_1q51c","brokenImgWrapper":"gallery__brokenImgWrapper_1q51c","brokenImgIcon":"gallery__brokenImgIcon_1q51c","fullScreenImage":"gallery__fullScreenImage_1q51c","fullScreenVideo":"gallery__fullScreenVideo_1q51c"};
+var styles = {"component":"gallery__component_dpbxi","swiper":"gallery__swiper_dpbxi","mobile":"gallery__mobile_dpbxi","mobileVideo":"gallery__mobileVideo_dpbxi","singleSlideContainer":"gallery__singleSlideContainer_dpbxi","hidden":"gallery__hidden_dpbxi","slide":"gallery__slide_dpbxi","slideLoading":"gallery__slideLoading_dpbxi","spinner":"gallery__spinner_dpbxi","image":"gallery__image_dpbxi","smallImage":"gallery__smallImage_dpbxi","verticalImageFit":"gallery__verticalImageFit_dpbxi","horizontalImageFit":"gallery__horizontalImageFit_dpbxi","arrow":"gallery__arrow_dpbxi","focused":"gallery__focused_dpbxi","placeholder":"gallery__placeholder_dpbxi","brokenImgWrapper":"gallery__brokenImgWrapper_dpbxi","brokenImgIcon":"gallery__brokenImgIcon_dpbxi","fullScreenImage":"gallery__fullScreenImage_dpbxi","fullScreenVideo":"gallery__fullScreenVideo_dpbxi"};
 require('./components/image-viewer/index.css');
 
 var useHandleImageViewer = function () {

package/gallery/index.css

@@ -22,7 +22,7 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1qlgq {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__container_1oktk {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -32,14 +32,14 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted)
-} .gallery__container_1qlgq.gallery__mobile_1qlgq {
+} .gallery__container_1oktk.gallery__mobile_1oktk {
         overflow: hidden;
-    } .gallery__modal_1qlgq {
+    } .gallery__modal_1oktk {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
-} .gallery__navigationVideo_1qlgq {
+} .gallery__navigationVideo_1oktk {
     background-color: var(--color-static-neutral-0-inverted);
     z-index: 3;
     width: 100%;
@@ -47,6 +47,6 @@
     bottom: 0;
     left: 0;
     transition: transform 0.3s ease-in-out;
-} .gallery__hideNavigation_1qlgq {
+} .gallery__hideNavigation_1oktk {
     transform: translateY(106px);
 }

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-394520d4.js';
+import './hooks-2842de63.js';
 import 'element-closest';
 import './components/image-viewer/slide.js';
 import '../../spinner/modern';
@@ -43,7 +43,7 @@ import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import 'swiper/swiper.min.css';
 
-const styles = {"container":"gallery__container_1qlgq","mobile":"gallery__mobile_1qlgq","modal":"gallery__modal_1qlgq","navigationVideo":"gallery__navigationVideo_1qlgq","hideNavigation":"gallery__hideNavigation_1qlgq"};
+const styles = {"container":"gallery__container_1oktk","mobile":"gallery__mobile_1oktk","modal":"gallery__modal_1oktk","navigationVideo":"gallery__navigationVideo_1oktk","hideNavigation":"gallery__hideNavigation_1oktk"};
 require('./index.css');
 
 const DEFAULT_FULL_SCREEN = false;

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

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

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

@@ -12,7 +12,7 @@ import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';
 import { SoundCrossMIcon } from '@alfalab/icons-glyph/SoundCrossMIcon';
 import { SoundMIcon } from '@alfalab/icons-glyph/SoundMIcon';
 
-const styles = {"buttons":"gallery__buttons_v8543","iconButton":"gallery__iconButton_v8543"};
+const styles = {"buttons":"gallery__buttons_rvia0","iconButton":"gallery__iconButton_rvia0"};
 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

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

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

@@ -25,7 +25,7 @@
     --gap-24: var(--gap-xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__header_5d5gy {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__header_8vygu {
     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_1yvd9","filenameHead":"gallery__filenameHead_1yvd9","filenameContainer":"gallery__filenameContainer_1yvd9","description":"gallery__description_1yvd9"};
+const styles = {"info":"gallery__info_1vck9","filenameHead":"gallery__filenameHead_1vck9","filenameContainer":"gallery__filenameContainer_1vck9","description":"gallery__description_1vck9"};
 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 {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__info_1yvd9 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__info_1vck9 {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
-} .gallery__filenameHead_1yvd9 {
+} .gallery__filenameHead_1vck9 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-} .gallery__filenameContainer_1yvd9 {
+} .gallery__filenameContainer_1vck9 {
     overflow: hidden;
     display: inline-flex;
-} .gallery__description_1yvd9 {
+} .gallery__description_1vck9 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

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

@@ -17,7 +17,7 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import '@alfalab/icons-glyph/SoundCrossMIcon';
 import '@alfalab/icons-glyph/SoundMIcon';
 
-const styles = {"headerMobile":"gallery__headerMobile_1vaea","video":"gallery__video_1vaea","hide":"gallery__hide_1vaea","leftButton":"gallery__leftButton_1vaea","rightButtons":"gallery__rightButtons_1vaea","description":"gallery__description_1vaea"};
+const styles = {"headerMobile":"gallery__headerMobile_1fa2u","video":"gallery__video_1fa2u","hide":"gallery__hide_1fa2u","leftButton":"gallery__leftButton_1fa2u","rightButtons":"gallery__rightButtons_1fa2u","description":"gallery__description_1fa2u"};
 require('./index.css');
 
 const HeaderMobile = () => {

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

@@ -26,7 +26,7 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__headerMobile_1vaea {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__headerMobile_1fa2u {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -34,19 +34,19 @@
     display: flex;
     justify-content: space-between;
     align-items: center
-} .gallery__headerMobile_1vaea.gallery__video_1vaea {
+} .gallery__headerMobile_1fa2u.gallery__video_1fa2u {
         position: absolute;
         width: 100%;
         padding: 0;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
-    } .gallery__hide_1vaea {
+    } .gallery__hide_1fa2u {
     transform: translateY(-96px);
-} .gallery__leftButton_1vaea,
-.gallery__rightButtons_1vaea {
+} .gallery__leftButton_1fa2u,
+.gallery__rightButtons_1fa2u {
     display: flex;
     align-items: center;
-} .gallery__description_1vaea {
+} .gallery__description_1fa2u {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

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

@@ -6,7 +6,7 @@ import { isVideo, getImageAlt } from '../../utils/utils.js';
 import { PREVIEW_VIDEO_MULTIPLIER, PREVIEW_WIDTH_MOBILE, PREVIEW_WIDTH_DESKTOP, PREVIEW_HEIGHT_MOBILE, PREVIEW_HEIGHT_DESKTOP } from '../../utils/constants.js';
 import { NoImagePaths } from './paths.js';
 
-const styles = {"component":"gallery__component_10bck","image":"gallery__image_10bck","mobile":"gallery__mobile_10bck","active":"gallery__active_10bck","preview":"gallery__preview_10bck","loading":"gallery__loading_10bck","brokenImageWrapper":"gallery__brokenImageWrapper_10bck","brokenIcon":"gallery__brokenIcon_10bck","focused":"gallery__focused_10bck","canvasPreview":"gallery__canvasPreview_10bck"};
+const styles = {"component":"gallery__component_wsjkb","image":"gallery__image_wsjkb","mobile":"gallery__mobile_wsjkb","active":"gallery__active_wsjkb","preview":"gallery__preview_wsjkb","loading":"gallery__loading_wsjkb","brokenImageWrapper":"gallery__brokenImageWrapper_wsjkb","brokenIcon":"gallery__brokenIcon_wsjkb","focused":"gallery__focused_wsjkb","canvasPreview":"gallery__canvasPreview_wsjkb"};
 require('./index.css');
 
 const ImagePreview = ({ image, active = false, index, onSelect, className }) => {