@alfalab/core-components 38.3.0 → 38.4.0

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-eaf5d021.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var elementClosest = require('element-closest');
@@ -10,7 +10,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_slide = require('../../slide-eec2bdf7.js');
+var components_imageViewer_slide = require('../../slide-2c42ca22.js');
 require('swiper/swiper.min.css');
 require('../../../typography');
 require('./paths.js');
@@ -105,7 +105,7 @@ var ImageViewer = function () {
                 _b)), onClick: handlePrevClick, role: 'button', onKeyDown: handleArrowLeftKeyDown, tabIndex: 0, ref: leftArrowRef, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435', "data-test-id": utils_constants.TestIds.PREV_SLIDE_BUTTON },
             React__default.default.createElement(ChevronBackHeavyMIcon.ChevronBackHeavyMIcon, null))),
         fullScreen && (React__default.default.createElement("img", { src: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, alt: currentImage ? utils_utils.getImageAlt(currentImage, currentSlideIndex) : '', className: components_imageViewer_slide.styles.fullScreenImage })),
-        React__default.default.createElement(react.Swiper, tslib_es6.__assign({}, swiperProps), images.map(function (image, index) {
+        React__default.default.createElement(react.Swiper, tslib.__assign({}, swiperProps), images.map(function (image, index) {
             var meta = imagesMeta[index];
             var imageWidth = (meta === null || meta === void 0 ? void 0 : meta.width) || 1;
             var imageHeight = (meta === null || meta === void 0 ? void 0 : meta.height) || 1;

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

@@ -25,13 +25,13 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .gallery__component_13w17 {
+} .gallery__component_ndo9f {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     align-items: center;
     background-color: var(--color-light-bg-primary-inverted-alpha-50);
-} .gallery__swiper_13w17 {
+} .gallery__swiper_ndo9f {
     display: flex;
     width: 100%;
     height: 100%;
@@ -40,43 +40,43 @@
     max-height: calc(100vh - 168px);
     padding: var(--gap-2xl) var(--gap-m);
     box-sizing: border-box;
-} .gallery__singleSlide_13w17 .gallery__swiper_13w17 {
+} .gallery__singleSlide_ndo9f .gallery__swiper_ndo9f {
     max-height: calc(100vh - 80px);
     padding: var(--gap-2xl);
-} .gallery__hidden_13w17 {
+} .gallery__hidden_ndo9f {
     display: none;
-} .gallery__slide_13w17 {
+} .gallery__slide_ndo9f {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
-} .gallery__slideLoading_13w17 {
+} .gallery__slideLoading_ndo9f {
     /* TODO: цвета нет в палитре */
     background-color: #e9eaeb;
     border-radius: var(--border-radius-m);
-} .gallery__image_13w17 {
+} .gallery__image_ndo9f {
     width: 0;
     height: 0;
     -webkit-user-select: none;
             user-select: none;
     background-color: var(--color-light-bg-primary);
     border-radius: var(--border-radius-m);
-} .gallery__smallImage_13w17 {
+} .gallery__smallImage_ndo9f {
     position: relative;
     width: auto;
     height: auto;
     -webkit-user-select: none;
             user-select: none;
     background-color: var(--color-light-bg-primary);
-} .gallery__verticalImageFit_13w17 {
+} .gallery__verticalImageFit_ndo9f {
     width: auto;
     height: 100%;
-} .gallery__horizontalImageFit_13w17 {
+} .gallery__horizontalImageFit_ndo9f {
     width: 100%;
     height: auto;
-} .gallery__arrow_13w17 {
+} .gallery__arrow_ndo9f {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -88,14 +88,14 @@
     color: var(--color-light-graphic-primary-inverted);
     transition: background-color 0.15s ease-in-out;
     outline: none
-} .gallery__arrow_13w17:hover {
+} .gallery__arrow_ndo9f:hover {
         background-color: var(--color-light-bg-primary-inverted-alpha-10);
-    } .gallery__arrow_13w17:active {
+    } .gallery__arrow_ndo9f:active {
         background-color: var(--color-light-bg-primary-inverted-alpha-20);
-    } .gallery__focused_13w17 {
+    } .gallery__focused_ndo9f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__placeholder_13w17 {
+} .gallery__placeholder_ndo9f {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -103,18 +103,18 @@
     height: 300px;
     border-radius: var(--border-radius-m);
     background-color: var(--color-light-bg-primary);
-} .gallery__brokenImgWrapper_13w17 {
+} .gallery__brokenImgWrapper_ndo9f {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 150px;
     text-align: center;
-} .gallery__brokenImgIcon_13w17 {
+} .gallery__brokenImgIcon_ndo9f {
     width: 80px;
     height: 80px;
     margin-bottom: var(--gap-2xs);
-} .gallery__fullScreenImage_13w17 {
+} .gallery__fullScreenImage_ndo9f {
     width: 100%;
     height: auto;
     background-color: var(--color-light-bg-primary);

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

@@ -1,5 +1,5 @@
 var components_imageViewer_component = require('./component.js');
-require('../../tslib.es6-eaf5d021.js');
+require('tslib');
 require('react');
 require('classnames');
 require('element-closest');
@@ -11,7 +11,7 @@ require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
 require('../../context.js');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
-require('../../slide-eec2bdf7.js');
+require('../../slide-2c42ca22.js');
 require('../../../typography');
 require('./paths.js');
 require('swiper/swiper.min.css');

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

@@ -4,7 +4,7 @@ require('../../../typography');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
 require('./paths.js');
-var components_imageViewer_slide = require('../../slide-eec2bdf7.js');
+var components_imageViewer_slide = require('../../slide-2c42ca22.js');
 
 
 

package/gallery/components/index.js

@@ -13,7 +13,7 @@ require('./header-info-block/Component.js');
 require('../../typography');
 require('../utils/split-filename.js');
 require('./header/buttons.js');
-require('../tslib.es6-eaf5d021.js');
+require('tslib');
 require('../../icon-button');
 require('../../tooltip');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');
@@ -25,7 +25,7 @@ require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('../slide-eec2bdf7.js');
+require('../slide-2c42ca22.js');
 require('./image-viewer/paths.js');
 require('swiper/swiper.min.css');
 

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

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"gallery__component_uyldz","preview":"gallery__preview_uyldz"};
+var styles = {"component":"gallery__component_hg7d4","preview":"gallery__preview_hg7d4"};
 require('./index.css');
 
 var MIN_SCROLL_STEP = 24;

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

@@ -17,7 +17,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .gallery__component_uyldz {
+} .gallery__component_hg7d4 {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -29,13 +29,13 @@
     -ms-overflow-style: none;
     background-color: var(--color-light-bg-tertiary-inverted);
     scrollbar-width: none
-} .gallery__component_uyldz::-webkit-scrollbar {
+} .gallery__component_hg7d4::-webkit-scrollbar {
         display: none;
-    } .gallery__preview_uyldz {
+    } .gallery__preview_hg7d4 {
     flex-shrink: 0;
     margin: 0 var(--gap-3xs)
-} .gallery__preview_uyldz:first-child {
+} .gallery__preview_hg7d4:first-child {
         margin-left: auto;
-    } .gallery__preview_uyldz:last-child {
+    } .gallery__preview_hg7d4:last-child {
         margin-right: auto;
     }

package/gallery/cssm/Component.js

@@ -18,7 +18,7 @@ require('../../typography/cssm');
 require('./utils/split-filename.js');
 require('./components/header-info-block/index.module.css');
 require('./components/header/buttons.js');
-require('./tslib.es6-bbd6cd2a.js');
+require('tslib');
 require('../../icon-button/cssm');
 require('../../tooltip/cssm');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');

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

@@ -8,7 +8,7 @@ var styles = require('./index.module.css');
 require('../../../../typography/cssm');
 require('../../utils/split-filename.js');
 require('../header-info-block/index.module.css');
-require('../../tslib.es6-bbd6cd2a.js');
+require('tslib');
 require('../../../../icon-button/cssm');
 require('../../../../tooltip/cssm');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
+var tslib = require('tslib');
 var React = require('react');
 var coreComponentsIconButton = require('../../../../icon-button/cssm');
 var coreComponentsTooltip = require('../../../../tooltip/cssm');
@@ -12,18 +12,18 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Fullscreen = function (_a) {
-    var buttonRef = _a.buttonRef, restProps = tslib_es6.__rest(_a, ["buttonRef"]);
+    var buttonRef = _a.buttonRef, restProps = tslib.__rest(_a, ["buttonRef"]);
     return (React__default.default.createElement(coreComponentsTooltip.Tooltip, { 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'] },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, restProps, { ref: buttonRef, icon: ArrowsOutwardMIcon.ArrowsOutwardMIcon, colors: 'inverted', "aria-label": '\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' }))));
+        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsOutwardMIcon.ArrowsOutwardMIcon, colors: 'inverted', "aria-label": '\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' }))));
 };
 var ExitFullscreen = function (_a) {
-    var buttonRef = _a.buttonRef, restProps = tslib_es6.__rest(_a, ["buttonRef"]);
+    var buttonRef = _a.buttonRef, restProps = tslib.__rest(_a, ["buttonRef"]);
     return (React__default.default.createElement(coreComponentsTooltip.Tooltip, { trigger: 'hover', position: 'bottom', content: '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', fallbackPlacements: ['bottom-end'] },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, restProps, { ref: buttonRef, icon: ArrowsInwardMIcon.ArrowsInwardMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430' }))));
+        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsInwardMIcon.ArrowsInwardMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430' }))));
 };
 var Download = function (props) { return (React__default.default.createElement(coreComponentsTooltip.Tooltip, { trigger: 'hover', position: 'bottom', content: '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', fallbackPlacements: ['bottom-end'] },
-    React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, props, { icon: PointerDownMIcon.PointerDownMIcon, colors: 'inverted', "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C' })))); };
-var Exit = function (props) { return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({}, props, { icon: CrossMIcon.CrossMIcon, colors: 'inverted', "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C' }))); };
+    React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: PointerDownMIcon.PointerDownMIcon, colors: 'inverted', "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C' })))); };
+var Exit = function (props) { return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: CrossMIcon.CrossMIcon, colors: 'inverted', "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C' }))); };
 
 exports.Download = Download;
 exports.Exit = Exit;

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

@@ -8,7 +8,7 @@ require('../../../../typography/cssm');
 require('../../utils/split-filename.js');
 require('../header-info-block/index.module.css');
 require('./buttons.js');
-require('../../tslib.es6-bbd6cd2a.js');
+require('tslib');
 require('../../../../icon-button/cssm');
 require('../../../../tooltip/cssm');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var elementClosest = require('element-closest');
@@ -107,7 +107,7 @@ var ImageViewer = function () {
                 _b)), onClick: handlePrevClick, role: 'button', onKeyDown: handleArrowLeftKeyDown, tabIndex: 0, ref: leftArrowRef, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435', "data-test-id": utils_constants.TestIds.PREV_SLIDE_BUTTON },
             React__default.default.createElement(ChevronBackHeavyMIcon.ChevronBackHeavyMIcon, null))),
         fullScreen && (React__default.default.createElement("img", { src: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, alt: currentImage ? utils_utils.getImageAlt(currentImage, currentSlideIndex) : '', className: styles__default.default.fullScreenImage })),
-        React__default.default.createElement(react.Swiper, tslib_es6.__assign({}, swiperProps), images.map(function (image, index) {
+        React__default.default.createElement(react.Swiper, tslib.__assign({}, swiperProps), images.map(function (image, index) {
             var meta = imagesMeta[index];
             var imageWidth = (meta === null || meta === void 0 ? void 0 : meta.width) || 1;
             var imageHeight = (meta === null || meta === void 0 ? void 0 : meta.height) || 1;

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

@@ -1,5 +1,5 @@
 var components_imageViewer_component = require('./component.js');
-require('../../tslib.es6-bbd6cd2a.js');
+require('tslib');
 require('react');
 require('classnames');
 require('element-closest');

package/gallery/cssm/components/index.js

@@ -16,7 +16,7 @@ require('../../../typography/cssm');
 require('../utils/split-filename.js');
 require('./header-info-block/index.module.css');
 require('./header/buttons.js');
-require('../tslib.es6-bbd6cd2a.js');
+require('tslib');
 require('../../../icon-button/cssm');
 require('../../../tooltip/cssm');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');

package/gallery/cssm/index.js

@@ -17,7 +17,7 @@ require('./components/header-info-block/Component.js');
 require('../../typography/cssm');
 require('./components/header-info-block/index.module.css');
 require('./components/header/buttons.js');
-require('./tslib.es6-bbd6cd2a.js');
+require('tslib');
 require('../../icon-button/cssm');
 require('../../tooltip/cssm');
 require('@alfalab/icons-glyph/ArrowsInwardMIcon');

package/gallery/esm/Component.js

@@ -9,6 +9,7 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import './components/image-preview/Component.js';
 import './components/header-info-block/Component.js';
 import '../../typography/esm';
+import 'tslib';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';
@@ -20,17 +21,16 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-76093524.js';
+import './slide-746d03af.js';
 import 'swiper/swiper.min.css';
 import './utils/utils.js';
 import './utils/constants.js';
 import './components/header/buttons.js';
-import './tslib.es6-e83ba49c.js';
 import './components/image-preview/paths.js';
 import './utils/split-filename.js';
 import './components/image-viewer/paths.js';
 
-var styles = {"container":"gallery__container_6pqq0","modal":"gallery__modal_6pqq0"};
+var styles = {"container":"gallery__container_wtfqa","modal":"gallery__modal_wtfqa"};
 require('./index.css');
 
 var Backdrop = function () { return null; };

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

@@ -5,6 +5,7 @@ import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
 import { Download, Exit, ExitFullscreen, Fullscreen } from './buttons.js';
 import '../../../../typography/esm';
+import 'tslib';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';
@@ -12,9 +13,8 @@ import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
 import '../../utils/split-filename.js';
-import '../../tslib.es6-e83ba49c.js';
 
-var styles = {"header":"gallery__header_wy5x8","buttons":"gallery__buttons_wy5x8"};
+var styles = {"header":"gallery__header_gzhg7","buttons":"gallery__buttons_gzhg7"};
 require('./index.css');
 
 var Header = function () {

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

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-e83ba49c.js';
+import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { IconButton } from '../../../../icon-button/esm';
 import { Tooltip } from '../../../../tooltip/esm';

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

@@ -18,7 +18,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .gallery__header_wy5x8 {
+} .gallery__header_gzhg7 {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;
@@ -26,7 +26,7 @@
     padding: var(--gap-m) var(--gap-xl);
     background-color: var(--color-light-bg-tertiary-inverted);
     box-sizing: border-box;
-} .gallery__buttons_wy5x8 {
+} .gallery__buttons_gzhg7 {
     display: flex;
     padding-left: var(--gap-2xl);
 }

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

@@ -3,6 +3,7 @@ import 'react';
 import '../../context.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/esm';
+import 'tslib';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';
@@ -12,5 +13,4 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './buttons.js';
-import '../../tslib.es6-e83ba49c.js';
 import '../../utils/split-filename.js';

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_15r2c","filenameHead":"gallery__filenameHead_15r2c","filenameContainer":"gallery__filenameContainer_15r2c","description":"gallery__description_15r2c"};
+var styles = {"info":"gallery__info_b9x68","filenameHead":"gallery__filenameHead_b9x68","filenameContainer":"gallery__filenameContainer_b9x68","description":"gallery__description_b9x68"};
 require('./index.css');
 
 var HeaderInfoBlock = function (_a) {

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

@@ -15,21 +15,21 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .gallery__info_15r2c {
+} .gallery__info_b9x68 {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
-} .gallery__filenameHead_15r2c {
+} .gallery__filenameHead_b9x68 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-} .gallery__filenameContainer_15r2c {
+} .gallery__filenameContainer_b9x68 {
     overflow: hidden;
     display: inline-flex;
-} .gallery__description_15r2c {
+} .gallery__description_b9x68 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

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

@@ -4,7 +4,7 @@ import { useFocus } from '@alfalab/hooks';
 import { GalleryContext } from '../../context.js';
 import { NoImagePaths } from './paths.js';
 
-var styles = {"component":"gallery__component_1qwe7","active":"gallery__active_1qwe7","image":"gallery__image_1qwe7","preview":"gallery__preview_1qwe7","loading":"gallery__loading_1qwe7","brokenImageWrapper":"gallery__brokenImageWrapper_1qwe7","brokenIcon":"gallery__brokenIcon_1qwe7","focused":"gallery__focused_1qwe7"};
+var styles = {"component":"gallery__component_wf91b","active":"gallery__active_wf91b","image":"gallery__image_wf91b","preview":"gallery__preview_wf91b","loading":"gallery__loading_wf91b","brokenImageWrapper":"gallery__brokenImageWrapper_wf91b","brokenIcon":"gallery__brokenIcon_wf91b","focused":"gallery__focused_wf91b"};
 require('./index.css');
 
 var ImagePreview = function (_a) {

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

@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .gallery__component_1qwe7 {
+} .gallery__component_wf91b {
     display: flex;
     padding: var(--gap-2xs);
     border: 2px solid rgba(0, 0, 0, 0);
@@ -29,11 +29,11 @@
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
-} .gallery__active_1qwe7 {
+} .gallery__active_wf91b {
     border-color: var(--color-light-border-key-inverted)
-} .gallery__active_1qwe7 > .gallery__image_1qwe7 {
+} .gallery__active_wf91b > .gallery__image_wf91b {
         opacity: 0.7;
-    } .gallery__preview_1qwe7 {
+    } .gallery__preview_wf91b {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -41,28 +41,28 @@
     cursor: pointer;
     -webkit-user-select: none;
             user-select: none;
-} .gallery__image_1qwe7 {
+} .gallery__image_wf91b {
     background-color: var(--color-light-bg-primary);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     transition: opacity 0.15s ease-in-out
-} .gallery__image_1qwe7:hover {
+} .gallery__image_wf91b:hover {
         opacity: 0.7;
-    } .gallery__loading_1qwe7 {
+    } .gallery__loading_wf91b {
     /* TODO: цвета нет в палитре */
     background-color: #e9eaeb;
-} .gallery__brokenImageWrapper_1qwe7 {
+} .gallery__brokenImageWrapper_wf91b {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-light-bg-primary)
-} .gallery__brokenImageWrapper_1qwe7:hover {
+} .gallery__brokenImageWrapper_wf91b:hover {
         opacity: 0.7;
-    } .gallery__brokenIcon_1qwe7 {
+    } .gallery__brokenIcon_wf91b {
     width: 40px;
     height: 40px;
-} .gallery__focused_1qwe7 {
+} .gallery__focused_wf91b {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-e83ba49c.js';
+import { __assign } from 'tslib';
 import React, { useContext, useRef, useCallback, useEffect, useMemo } from 'react';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
@@ -10,7 +10,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { s as styles, S as Slide } from '../../slide-76093524.js';
+import { s as styles, S as Slide } from '../../slide-746d03af.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/esm';
 import './paths.js';