@alfalab/core-components 45.8.0 → 45.9.0-beta.0

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

@@ -1,47 +1,35 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React from 'react';
+import cn from 'classnames';
+import { Typography } from '../../../../typography/cssm';
+import { isSmallImage, getImageAlt } from '../../utils/utils.js';
+import { TestIds } from '../../utils/constants.js';
+import { NoImagePaths } from './paths.js';
+import styles from './index.module.css';
 
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsTypography = require('../../../../typography/cssm');
-var utils_utils = require('../../utils/utils.js');
-var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_paths = require('./paths.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var SlideInner = function (_a) {
-    var _b;
-    var children = _a.children, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder;
-    var content = broken ? (React__default.default.createElement("div", { className: styles__default.default.brokenImgWrapper },
-        React__default.default.createElement("div", { className: styles__default.default.brokenImgIcon },
-            React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
-                React__default.default.createElement("rect", { width: '80', height: '80', fill: 'none' }),
-                React__default.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: components_imageViewer_paths.NoImagePaths.baseImage, fill: '#89898A' }),
-                React__default.default.createElement("path", { d: components_imageViewer_paths.NoImagePaths.triangleImage, fill: '#89898A' }))),
-        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'static-secondary-light' }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435"))) : (children);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.slide, (_b = {}, _b[styles__default.default.slideLoading] = loading, _b)) }, withPlaceholder ? React__default.default.createElement("div", { className: styles__default.default.placeholder }, content) : content));
+const SlideInner = ({ children, broken, loading, withPlaceholder }) => {
+    const content = broken ? (React.createElement("div", { className: styles.brokenImgWrapper },
+        React.createElement("div", { className: styles.brokenImgIcon },
+            React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
+                React.createElement("rect", { width: '80', height: '80', fill: 'none' }),
+                React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: NoImagePaths.baseImage, fill: '#89898A' }),
+                React.createElement("path", { d: NoImagePaths.triangleImage, fill: '#89898A' }))),
+        React.createElement(Typography.Text, { view: 'primary-small', color: 'static-secondary-light' }, "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435"))) : (children);
+    return (React.createElement("div", { className: cn(styles.slide, { [styles.slideLoading]: loading }) }, withPlaceholder ? React.createElement("div", { className: styles.placeholder }, content) : content));
 };
-var Slide = function (_a) {
-    var _b;
-    var isActive = _a.isActive, meta = _a.meta, swiperAspectRatio = _a.swiperAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, swiperHeight = _a.swiperHeight, slideVisible = _a.slideVisible, handleLoad = _a.handleLoad, handleLoadError = _a.handleLoadError;
-    var broken = Boolean(meta === null || meta === void 0 ? void 0 : meta.broken);
-    var small = utils_utils.isSmallImage(meta);
-    var verticalImageFit = !small && swiperAspectRatio > imageAspectRatio;
-    var horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
-    return (React__default.default.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
-        React__default.default.createElement("img", { src: image.src, alt: utils_utils.getImageAlt(image, index), className: cn__default.default((_b = {},
-                _b[styles__default.default.smallImage] = small,
-                _b[styles__default.default.image] = !small && meta,
-                _b[styles__default.default.verticalImageFit] = verticalImageFit,
-                _b[styles__default.default.horizontalImageFit] = horizontalImageFit,
-                _b)), onLoad: function (event) { return handleLoad(event, index); }, onError: function () { return handleLoadError(index); }, style: {
-                maxHeight: "".concat(swiperHeight, "px"),
-            }, "data-test-id": slideVisible ? utils_constants.TestIds.ACTIVE_IMAGE : undefined })));
+const Slide = ({ isActive, meta, swiperAspectRatio, imageAspectRatio, image, index, swiperHeight, slideVisible, handleLoad, handleLoadError, }) => {
+    const broken = Boolean(meta?.broken);
+    const small = isSmallImage(meta);
+    const verticalImageFit = !small && swiperAspectRatio > imageAspectRatio;
+    const horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
+    return (React.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
+        React.createElement("img", { src: image.src, alt: getImageAlt(image, index), className: cn({
+                [styles.smallImage]: small,
+                [styles.image]: !small && meta,
+                [styles.verticalImageFit]: verticalImageFit,
+                [styles.horizontalImageFit]: horizontalImageFit,
+            }), onLoad: (event) => handleLoad(event, index), onError: () => handleLoadError(index), style: {
+                maxHeight: `${swiperHeight}px`,
+            }, "data-test-id": slideVisible ? TestIds.ACTIVE_IMAGE : undefined })));
 };
 
-exports.Slide = Slide;
+export { Slide };

package/gallery/cssm/components/index.js

@@ -1,13 +1,36 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_navigationBar_Component = require('./navigation-bar/Component.js');
-var components_header_Component = require('./header/Component.js');
-var components_imagePreview_Component = require('./image-preview/Component.js');
-var components_imageViewer_component = require('./image-viewer/component.js');
-
-
-
-exports.NavigationBar = components_navigationBar_Component.NavigationBar;
-exports.Header = components_header_Component.Header;
-exports.ImagePreview = components_imagePreview_Component.ImagePreview;
-exports.ImageViewer = components_imageViewer_component.ImageViewer;
+export { NavigationBar } from './navigation-bar/Component.js';
+export { Header } from './header/Component.js';
+export { ImagePreview } from './image-preview/Component.js';
+export { ImageViewer } from './image-viewer/component.js';
+import 'react';
+import '../context.js';
+import '../utils/utils.js';
+import '../utils/constants.js';
+import './navigation-bar/index.module.css';
+import 'classnames';
+import '../../../base-modal/cssm';
+import '../../../typography/cssm';
+import './header-info-block/index.module.css';
+import '../../../icon-button/cssm';
+import '../../../tooltip/cssm/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import './header/index.module.css';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import './image-viewer/slide.js';
+import './image-viewer/paths.js';
+import './image-viewer/index.module.css';
+import 'swiper/swiper.min.css';
+import '../index.module.css';
+import './image-preview/paths.js';
+import './image-preview/index.module.css';
+import './header-info-block/Component.js';
+import '../utils/split-filename.js';
+import './header/buttons.js';

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

@@ -1,29 +1,47 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useRef, useContext, useCallback, useEffect } from 'react';
+import { GalleryContext } from '../../context.js';
+import { getImageKey } from '../../utils/utils.js';
+import { TestIds } from '../../utils/constants.js';
+import { ImagePreview } from '../image-preview/Component.js';
+import styles from './index.module.css';
+import 'classnames';
+import '../../../../base-modal/cssm';
+import '../../../../typography/cssm';
+import '../header-info-block/index.module.css';
+import '../../../../icon-button/cssm';
+import '../../../../tooltip/cssm/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../header/index.module.css';
+import '../image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../image-viewer/slide.js';
+import '../image-viewer/paths.js';
+import '../image-viewer/index.module.css';
+import 'swiper/swiper.min.css';
+import '../../index.module.css';
+import '../image-preview/paths.js';
+import '../image-preview/index.module.css';
 
-var React = require('react');
-var context = require('../../context.js');
-var utils_utils = require('../../utils/utils.js');
-var utils_constants = require('../../utils/constants.js');
-var components_imagePreview_Component = require('../image-preview/Component.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var MIN_SCROLL_STEP = 24;
-var NavigationBar = function () {
-    var containerRef = React.useRef(null);
-    var _a = React.useContext(context.GalleryContext), images = _a.images, currentSlideIndex = _a.currentSlideIndex, setCurrentSlideIndex = _a.setCurrentSlideIndex, getSwiper = _a.getSwiper;
-    var swiper = getSwiper();
-    var handlePreviewSelect = function (index) {
-        setCurrentSlideIndex === null || setCurrentSlideIndex === void 0 ? void 0 : setCurrentSlideIndex(index);
+const MIN_SCROLL_STEP = 24;
+const NavigationBar = () => {
+    const containerRef = useRef(null);
+    const { images, currentSlideIndex, setCurrentSlideIndex, getSwiper } = useContext(GalleryContext);
+    const swiper = getSwiper();
+    const handlePreviewSelect = (index) => {
+        setCurrentSlideIndex?.(index);
         if (swiper) {
             swiper.slideTo(index);
         }
     };
-    var scroll = React.useCallback(function (scrollValue) {
+    const scroll = useCallback((scrollValue) => {
         if (containerRef.current) {
             containerRef.current.scroll({
                 top: 0,
@@ -32,26 +50,26 @@ var NavigationBar = function () {
             });
         }
     }, []);
-    var handlePreviewPosition = React.useCallback(function (preview, containerWidth) {
-        var _a = preview.getBoundingClientRect(), right = _a.right, left = _a.left;
+    const handlePreviewPosition = useCallback((preview, containerWidth) => {
+        const { right, left } = preview.getBoundingClientRect();
         if (right > containerWidth) {
-            var scrollValue = right - containerWidth + MIN_SCROLL_STEP;
+            const scrollValue = right - containerWidth + MIN_SCROLL_STEP;
             scroll(scrollValue);
         }
         else if (left < 0) {
-            var scrollValue = left - MIN_SCROLL_STEP;
+            const scrollValue = left - MIN_SCROLL_STEP;
             scroll(scrollValue);
         }
     }, [scroll]);
-    var handleKeyDown = function (event) {
+    const handleKeyDown = (event) => {
         if (['ArrowLeft', 'ArrowRight'].includes(event.key)) {
             event.preventDefault();
         }
     };
-    React.useEffect(function () {
+    useEffect(() => {
         if (containerRef.current) {
-            var containerWidth = containerRef.current.getBoundingClientRect().width;
-            var activePreview = containerRef.current.children[currentSlideIndex];
+            const { width: containerWidth } = containerRef.current.getBoundingClientRect();
+            const activePreview = containerRef.current.children[currentSlideIndex];
             if (activePreview) {
                 handlePreviewPosition(activePreview, containerWidth);
             }
@@ -59,10 +77,10 @@ var NavigationBar = function () {
     }, [currentSlideIndex, handlePreviewPosition, scroll]);
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default.default.createElement("div", { className: styles__default.default.component, ref: containerRef, onKeyDown: handleKeyDown, "data-test-id": utils_constants.TestIds.NAVIGATION_BAR }, images.map(function (image, index) {
-        var active = index === currentSlideIndex;
-        return (React__default.default.createElement(components_imagePreview_Component.ImagePreview, { key: utils_utils.getImageKey(image, index), image: image, active: active, index: index, onSelect: handlePreviewSelect, className: styles__default.default.preview }));
+    React.createElement("div", { className: styles.component, ref: containerRef, onKeyDown: handleKeyDown, "data-test-id": TestIds.NAVIGATION_BAR }, images.map((image, index) => {
+        const active = index === currentSlideIndex;
+        return (React.createElement(ImagePreview, { key: getImageKey(image, index), image: image, active: active, index: index, onSelect: handlePreviewSelect, className: styles.preview }));
     })));
 };
 
-exports.NavigationBar = NavigationBar;
+export { NavigationBar };

package/gallery/cssm/components/navigation-bar/index.js

@@ -1,7 +1,32 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_navigationBar_Component = require('./Component.js');
-
-
-
-exports.NavigationBar = components_navigationBar_Component.NavigationBar;
+export { NavigationBar } from './Component.js';
+import 'react';
+import '../../context.js';
+import '../../utils/utils.js';
+import '../../utils/constants.js';
+import '../image-preview/Component.js';
+import 'classnames';
+import '../../../../base-modal/cssm';
+import './index.module.css';
+import '../../../../typography/cssm';
+import '../header-info-block/index.module.css';
+import '../../../../icon-button/cssm';
+import '../../../../tooltip/cssm/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../header/index.module.css';
+import '../image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../image-viewer/slide.js';
+import '../image-viewer/paths.js';
+import '../image-viewer/index.module.css';
+import 'swiper/swiper.min.css';
+import '../../index.module.css';
+import '../image-preview/paths.js';
+import '../image-preview/index.module.css';

package/gallery/cssm/context.js

@@ -1,10 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import { createContext } from 'react';
 
-var React = require('react');
-
-var mockFn = function () { return undefined; };
+const mockFn = () => undefined;
 // eslint-disable-next-line @typescript-eslint/no-redeclare
-var GalleryContext = React.createContext({
+const GalleryContext = createContext({
     singleSlide: false,
     currentSlideIndex: 0,
     images: [],
@@ -24,4 +22,4 @@ var GalleryContext = React.createContext({
     getCurrentImageMeta: mockFn,
 });
 
-exports.GalleryContext = GalleryContext;
+export { GalleryContext };

package/gallery/cssm/index.js

@@ -1,17 +1,37 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
-var utils_splitFilename = require('./utils/split-filename.js');
-var utils_utils = require('./utils/utils.js');
-var utils_constants = require('./utils/constants.js');
-
-
-
-exports.Gallery = Component.Gallery;
-exports.splitFilename = utils_splitFilename.splitFilename;
-exports.PLACEHOLDER_HEIGHT = utils_utils.PLACEHOLDER_HEIGHT;
-exports.PLACEHOLDER_WIDTH = utils_utils.PLACEHOLDER_WIDTH;
-exports.getImageAlt = utils_utils.getImageAlt;
-exports.getImageKey = utils_utils.getImageKey;
-exports.isSmallImage = utils_utils.isSmallImage;
-exports.TestIds = utils_constants.TestIds;
+export { Gallery } from './Component.js';
+export { splitFilename } from './utils/split-filename.js';
+export { PLACEHOLDER_HEIGHT, PLACEHOLDER_WIDTH, getImageAlt, getImageKey, isSmallImage } from './utils/utils.js';
+export { TestIds } from './utils/constants.js';
+import 'react';
+import '../../base-modal/cssm';
+import './components/navigation-bar/Component.js';
+import './context.js';
+import './components/image-preview/Component.js';
+import 'classnames';
+import './components/navigation-bar/index.module.css';
+import '../../typography/cssm';
+import './components/header-info-block/index.module.css';
+import '../../icon-button/cssm';
+import '../../tooltip/cssm/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import './components/header/index.module.css';
+import './components/image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import './components/image-viewer/slide.js';
+import './components/image-viewer/paths.js';
+import './components/image-viewer/index.module.css';
+import 'swiper/swiper.min.css';
+import './index.module.css';
+import './components/image-preview/paths.js';
+import './components/image-preview/index.module.css';
+import './components/header/Component.js';
+import './components/header-info-block/Component.js';
+import './components/header/buttons.js';

package/gallery/cssm/utils/constants.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TestIds = {
+const TestIds = {
     ACTIVE_IMAGE: 'active-image',
     PREV_SLIDE_BUTTON: 'prev-slide-button',
     NEXT_SLIDE_BUTTON: 'next-slide-button',
@@ -11,4 +9,4 @@ var TestIds = {
     NAVIGATION_BAR: 'navigation-bar',
 };
 
-exports.TestIds = TestIds;
+export { TestIds };

package/gallery/cssm/utils/index.js

@@ -1,15 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils_splitFilename = require('./split-filename.js');
-var utils_utils = require('./utils.js');
-var utils_constants = require('./constants.js');
-
-
-
-exports.splitFilename = utils_splitFilename.splitFilename;
-exports.PLACEHOLDER_HEIGHT = utils_utils.PLACEHOLDER_HEIGHT;
-exports.PLACEHOLDER_WIDTH = utils_utils.PLACEHOLDER_WIDTH;
-exports.getImageAlt = utils_utils.getImageAlt;
-exports.getImageKey = utils_utils.getImageKey;
-exports.isSmallImage = utils_utils.isSmallImage;
-exports.TestIds = utils_constants.TestIds;
+export { splitFilename } from './split-filename.js';
+export { PLACEHOLDER_HEIGHT, PLACEHOLDER_WIDTH, getImageAlt, getImageKey, isSmallImage } from './utils.js';
+export { TestIds } from './constants.js';

package/gallery/cssm/utils/split-filename.js

@@ -1,11 +1,9 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SEPARATION_POSITION_SHIFT = 3;
+const SEPARATION_POSITION_SHIFT = 3;
 function splitFilename(filename) {
-    var dotPosition = filename.lastIndexOf('.');
-    var head = filename;
-    var tail = '';
-    var splitPosition = dotPosition - SEPARATION_POSITION_SHIFT;
+    const dotPosition = filename.lastIndexOf('.');
+    let head = filename;
+    let tail = '';
+    const splitPosition = dotPosition - SEPARATION_POSITION_SHIFT;
     if (splitPosition > 0) {
         head = filename.slice(0, splitPosition);
         tail = filename.slice(splitPosition);
@@ -13,4 +11,4 @@ function splitFilename(filename) {
     return [head, tail];
 }
 
-exports.splitFilename = splitFilename;
+export { splitFilename };

package/gallery/cssm/utils/utils.js

@@ -1,24 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var PLACEHOLDER_WIDTH = 400;
-var PLACEHOLDER_HEIGHT = 300;
-var getImageKey = function (_a, index) {
-    var _b = _a.name, name = _b === void 0 ? '' : _b, src = _a.src;
-    return "".concat(name, "-").concat(index, "-").concat(src);
-};
-var getImageAlt = function (_a, index) {
-    var alt = _a.alt, name = _a.name;
-    return alt || name || "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 ".concat(index + 1);
-};
-var isSmallImage = function (meta) {
+const PLACEHOLDER_WIDTH = 400;
+const PLACEHOLDER_HEIGHT = 300;
+const getImageKey = ({ name = '', src }, index) => `${name}-${index}-${src}`;
+const getImageAlt = ({ alt, name }, index) => alt || name || `Изображение ${index + 1}`;
+const isSmallImage = (meta) => {
     if (!meta) {
         return false;
     }
     return meta.width < PLACEHOLDER_WIDTH && meta.height < PLACEHOLDER_HEIGHT;
 };
 
-exports.PLACEHOLDER_HEIGHT = PLACEHOLDER_HEIGHT;
-exports.PLACEHOLDER_WIDTH = PLACEHOLDER_WIDTH;
-exports.getImageAlt = getImageAlt;
-exports.getImageKey = getImageKey;
-exports.isSmallImage = isSmallImage;
+export { PLACEHOLDER_HEIGHT, PLACEHOLDER_WIDTH, getImageAlt, getImageKey, isSmallImage };

package/gallery/esm/Component.js

@@ -20,17 +20,17 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import './components/image-preview/paths.js';
 import './components/header-info-block/Component.js';
 import './utils/split-filename.js';
-import './buttons-a4ab88cd.js';
+import './buttons-cec1b7a3.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-74fe8645.js';
+import './slide-a146fb9e.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 
-var styles = {"container":"gallery__container_10ni6","modal":"gallery__modal_10ni6"};
+var styles = {"container":"gallery__container_chz07","modal":"gallery__modal_chz07"};
 require('./index.css');
 
 var Backdrop = function () { return null; };

package/gallery/esm/{buttons-a4ab88cd.js → buttons-cec1b7a3.js}

@@ -7,7 +7,7 @@ import { ArrowsOutwardMIcon } from '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';
 
-var styles = {"header":"gallery__header_jpv2e","buttons":"gallery__buttons_jpv2e","iconButton":"gallery__iconButton_jpv2e"};
+var styles = {"header":"gallery__header_s2guh","buttons":"gallery__buttons_s2guh","iconButton":"gallery__iconButton_s2guh"};
 require('./components/header/index.css');
 
 var Fullscreen = function (_a) {

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

@@ -3,7 +3,7 @@ import { GalleryContext } from '../../context.js';
 import { isSmallImage } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-a4ab88cd.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-cec1b7a3.js';
 import '../../../../typography/esm';
 import '../../utils/split-filename.js';
 import 'tslib';

package/gallery/esm/components/header/buttons.js

@@ -6,4 +6,4 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
-export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-a4ab88cd.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-cec1b7a3.js';

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

@@ -1,4 +1,4 @@
-/* hash: 1iz1w */
+/* hash: yhd1e */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-static-graphic-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,20 +20,20 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .gallery__header_jpv2e {
+} .gallery__header_s2guh {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;
     width: 100%;
     padding: var(--gap-m) var(--gap-xl);
     box-sizing: border-box;
-} .gallery__buttons_jpv2e {
+} .gallery__buttons_s2guh {
     display: flex;
     padding-left: var(--gap-2xl)
-} .gallery__buttons_jpv2e path {
+} .gallery__buttons_s2guh path {
         color: var(--color-static-graphic-light);
-    } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_jpv2e:hover path {
+    } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_s2guh:hover path {
         color: var(--color-static-graphic-light-shade-7);
-    } .gallery__iconButton_jpv2e:active path {
+    } .gallery__iconButton_s2guh:active path {
         color: var(--color-static-graphic-light-shade-15);
     }

package/gallery/esm/components/header/index.js

@@ -6,7 +6,7 @@ import '../../utils/constants.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/esm';
 import '../../utils/split-filename.js';
-import '../../buttons-a4ab88cd.js';
+import '../../buttons-cec1b7a3.js';
 import 'tslib';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm/desktop';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { Typography } from '../../../../typography/esm';
 import { splitFilename } from '../../utils/split-filename.js';
 
-var styles = {"info":"gallery__info_1cz23","filenameHead":"gallery__filenameHead_1cz23","filenameContainer":"gallery__filenameContainer_1cz23","description":"gallery__description_1cz23"};
+var styles = {"info":"gallery__info_uqma3","filenameHead":"gallery__filenameHead_uqma3","filenameContainer":"gallery__filenameContainer_uqma3","description":"gallery__description_uqma3"};
 require('./index.css');
 
 var HeaderInfoBlock = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1o8ck */
+/* hash: h9ic7 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,21 +15,21 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .gallery__info_1cz23 {
+} .gallery__info_uqma3 {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
-} .gallery__filenameHead_1cz23 {
+} .gallery__filenameHead_uqma3 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-} .gallery__filenameContainer_1cz23 {
+} .gallery__filenameContainer_uqma3 {
     overflow: hidden;
     display: inline-flex;
-} .gallery__description_1cz23 {
+} .gallery__description_uqma3 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;