@alfalab/core-components-gallery 5.6.5 → 5.6.7

package/cssm/components/image-preview/index.module.css

@@ -14,19 +14,22 @@
     /* Up */
 
     /* Hard up */
-} :root {
-    --border-radius-m: 8px;
-    --border-radius-l: 12px;
+} :root { /* deprecated */ /* deprecated */
+    --border-radius-m: 8px; /* deprecated */
+    --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* 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 */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
 } .component {
     display: flex;
-    padding: var(--gap-2xs);
+    padding: var(--gap-4);
     border: 2px solid rgba(0, 0, 0, 0);
     border-radius: var(--border-radius-l);
     overflow: hidden;

package/cssm/components/image-viewer/index.module.css

@@ -17,14 +17,18 @@
     /* Up */
 
     /* Hard up */
-} :root {
-    --border-radius-m: 8px;
+} :root { /* deprecated */ /* deprecated */
+    --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
     --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-16: var(--gap-m);
+    --gap-32: var(--gap-2xl);
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
@@ -41,11 +45,11 @@
 
     /* 168px - высота хэдера и футера */
     max-height: calc(100vh - 168px);
-    padding: var(--gap-2xl) var(--gap-m);
+    padding: var(--gap-32) var(--gap-16);
     box-sizing: border-box;
 } .singleSlide .swiper {
     max-height: calc(100vh - 80px);
-    padding: var(--gap-2xl);
+    padding: var(--gap-32);
 } .hidden {
     display: none;
 } .slide {

package/cssm/components/navigation-bar/index.module.css

@@ -9,12 +9,16 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root {
     --gap-3xs: 2px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-2: var(--gap-3xs);
+    --gap-24: var(--gap-xl);
 } :root {
 } :root {
 } .component {
@@ -25,13 +29,13 @@
     flex-shrink: 0;
     overflow-x: auto;
     box-sizing: border-box;
-    padding: 10px var(--gap-xl);
+    padding: 10px var(--gap-24);
     scrollbar-width: none
 } .component::-webkit-scrollbar {
         display: none;
     } .preview {
     flex-shrink: 0;
-    margin: 0 var(--gap-3xs)
+    margin: 0 var(--gap-2)
 } .preview:first-child {
         margin-left: auto;
     } .preview:last-child {

package/cssm/index.module.css

@@ -10,7 +10,9 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* 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 */
 
     /* новые значения, используйте их */

package/esm/Component.js

@@ -7,7 +7,7 @@ import '@alfalab/hooks';
 import { GalleryContext } from './context.js';
 import { ImageViewer } from './components/image-viewer/component.js';
 
-var styles = {"container":"gallery__container_ldr1h","modal":"gallery__modal_ldr1h"};
+var styles = {"container":"gallery__container_1ukr0","modal":"gallery__modal_1ukr0"};
 require('./index.css')
 
 var Backdrop = function () { return null; };

package/esm/{buttons-89bc838d.js → buttons-c6111bd9.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_i28oe","buttons":"gallery__buttons_i28oe","iconButton":"gallery__iconButton_i28oe"};
+var styles = {"header":"gallery__header_1kq4w","buttons":"gallery__buttons_1kq4w","iconButton":"gallery__iconButton_1kq4w"};
 require('./components/header/index.css')
 
 var Fullscreen = function (_a) {

package/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-89bc838d.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-c6111bd9.js';
 
 var Header = function () {
     var _a;

package/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-89bc838d.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-c6111bd9.js';

package/esm/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: hnjmn */
+/* hash: 1jx2u */
 :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-neutral-100-hover: #e7e8eb;
@@ -13,29 +13,34 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */ /* deprecated */
     --gap-xl: 24px; /* deprecated */
     --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
 } :root {
 } :root {
-} .gallery__header_i28oe {
+} .gallery__header_1kq4w {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;
     width: 100%;
-    padding: var(--gap-m) var(--gap-xl);
+    padding: var(--gap-16) var(--gap-24);
     box-sizing: border-box;
-} .gallery__buttons_i28oe {
+} .gallery__buttons_1kq4w {
     display: flex;
-    padding-left: var(--gap-2xl)
-} .gallery__buttons_i28oe path {
+    padding-left: var(--gap-32)
+} .gallery__buttons_1kq4w path {
         color: var(--color-static-neutral-translucent-1300-inverted);
-    } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_i28oe:hover path {
+    } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_1kq4w:hover path {
         color: var(--color-static-neutral-100-hover);
-    } .gallery__iconButton_i28oe:active path {
+    } .gallery__iconButton_1kq4w:active path {
         color: var(--color-static-neutral-100-press);
     }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { Typography } from '@alfalab/core-components-typography/esm';
 import { splitFilename } from '../../utils/split-filename.js';
 
-var styles = {"info":"gallery__info_1w7mb","filenameHead":"gallery__filenameHead_1w7mb","filenameContainer":"gallery__filenameContainer_1w7mb","description":"gallery__description_1w7mb"};
+var styles = {"info":"gallery__info_eb984","filenameHead":"gallery__filenameHead_eb984","filenameContainer":"gallery__filenameContainer_eb984","description":"gallery__description_eb984"};
 require('./index.css')
 
 var HeaderInfoBlock = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1bx0j */
+/* hash: 9nhas */
 :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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -10,31 +10,34 @@
     /* Up */
 
     /* Hard up */
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* 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 */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
-} .gallery__info_1w7mb {
+} .gallery__info_eb984 {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
-} .gallery__filenameHead_1w7mb {
+} .gallery__filenameHead_eb984 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-} .gallery__filenameContainer_1w7mb {
+} .gallery__filenameContainer_eb984 {
     overflow: hidden;
     display: inline-flex;
-} .gallery__description_1w7mb {
+} .gallery__description_eb984 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-    margin-top: var(--gap-2xs);
+    margin-top: var(--gap-4);
 }

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

@@ -15,7 +15,7 @@ import '../image-viewer/component.js';
 import { useFocus } from '@alfalab/hooks';
 import { NoImagePaths } from './paths.js';
 
-var styles = {"component":"gallery__component_ckp3u","active":"gallery__active_ckp3u","image":"gallery__image_ckp3u","preview":"gallery__preview_ckp3u","loading":"gallery__loading_ckp3u","brokenImageWrapper":"gallery__brokenImageWrapper_ckp3u","brokenIcon":"gallery__brokenIcon_ckp3u","focused":"gallery__focused_ckp3u"};
+var styles = {"component":"gallery__component_1917k","active":"gallery__active_1917k","image":"gallery__image_1917k","preview":"gallery__preview_1917k","loading":"gallery__loading_1917k","brokenImageWrapper":"gallery__brokenImageWrapper_1917k","brokenIcon":"gallery__brokenIcon_1917k","focused":"gallery__focused_1917k"};
 require('./index.css')
 
 var ImagePreview = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: bas0h */
+/* hash: 182cu */
 :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-light-base-bg-primary: #fff;
@@ -15,29 +15,32 @@
     /* Up */
 
     /* Hard up */
-} :root {
-    --border-radius-m: 8px;
-    --border-radius-l: 12px;
+} :root { /* deprecated */ /* deprecated */
+    --border-radius-m: 8px; /* deprecated */
+    --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* 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 */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
-} .gallery__component_ckp3u {
+} .gallery__component_1917k {
     display: flex;
-    padding: var(--gap-2xs);
+    padding: var(--gap-4);
     border: 2px solid rgba(0, 0, 0, 0);
     border-radius: var(--border-radius-l);
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
-} .gallery__active_ckp3u {
+} .gallery__active_1917k {
     border-color: var(--color-static-overlay-white-xhigh)
-} .gallery__active_ckp3u > .gallery__image_ckp3u {
+} .gallery__active_1917k > .gallery__image_1917k {
         opacity: 0.7;
-    } .gallery__preview_ckp3u {
+    } .gallery__preview_1917k {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -45,9 +48,9 @@
     cursor: pointer;
     -webkit-user-select: none;
             user-select: none;
-} .gallery__image_ckp3u {
+} .gallery__image_1917k {
     transition: opacity 0.15s ease-in-out
-} .gallery__image_ckp3u > img {
+} .gallery__image_1917k > img {
         display: block;
         background-color: var(--color-light-base-bg-primary);
         width: 100%;
@@ -56,23 +59,23 @@
         object-fit: cover;
         overflow: clip;
         overflow-clip-margin: border-box;
-    } .gallery__image_ckp3u:hover {
+    } .gallery__image_1917k:hover {
         opacity: 0.7;
-    } .gallery__loading_ckp3u {
+    } .gallery__loading_1917k {
     background-color: var(--color-static-neutral-100-inverted)
-} .gallery__loading_ckp3u .gallery__active_ckp3u {
+} .gallery__loading_1917k .gallery__active_1917k {
         background-color: var(--color-static-neutral-300-inverted);
-    } .gallery__brokenImageWrapper_ckp3u {
+    } .gallery__brokenImageWrapper_1917k {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted)
-} .gallery__brokenImageWrapper_ckp3u:hover {
+} .gallery__brokenImageWrapper_1917k:hover {
         opacity: 0.7;
-    } .gallery__brokenIcon_ckp3u {
+    } .gallery__brokenIcon_1917k {
     width: 40px;
     height: 40px;
-} .gallery__focused_ckp3u {
+} .gallery__focused_1917k {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -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-a664c8d2.js';
+import { s as styles, S as Slide } from '../../slide-31fa8c5e.js';
 import 'swiper/swiper.min.css';
 
 SwiperCore.use([EffectFade, A11y, Controller]);

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

@@ -1,4 +1,4 @@
-/* hash: l3wug */
+/* hash: 1huqa */
 :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-light-base-bg-primary: #fff;
@@ -18,68 +18,72 @@
     /* Up */
 
     /* Hard up */
-} :root {
-    --border-radius-m: 8px;
+} :root { /* deprecated */ /* deprecated */
+    --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
     --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-16: var(--gap-m);
+    --gap-32: var(--gap-2xl);
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
-} .gallery__component_1pdv9 {
+} .gallery__component_1rc6z {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-0-inverted);
-} .gallery__swiper_1pdv9 {
+} .gallery__swiper_1rc6z {
     display: flex;
     width: 100%;
     height: 100%;
 
     /* 168px - высота хэдера и футера */
     max-height: calc(100vh - 168px);
-    padding: var(--gap-2xl) var(--gap-m);
+    padding: var(--gap-32) var(--gap-16);
     box-sizing: border-box;
-} .gallery__singleSlide_1pdv9 .gallery__swiper_1pdv9 {
+} .gallery__singleSlide_1rc6z .gallery__swiper_1rc6z {
     max-height: calc(100vh - 80px);
-    padding: var(--gap-2xl);
-} .gallery__hidden_1pdv9 {
+    padding: var(--gap-32);
+} .gallery__hidden_1rc6z {
     display: none;
-} .gallery__slide_1pdv9 {
+} .gallery__slide_1rc6z {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
-} .gallery__slideLoading_1pdv9 {
+} .gallery__slideLoading_1rc6z {
     background-color: var(--color-static-neutral-100-inverted);
     border-radius: var(--border-radius-m);
-} .gallery__image_1pdv9 {
+} .gallery__image_1rc6z {
     width: 0;
     height: 0;
     -webkit-user-select: none;
             user-select: none;
     background-color: var(--color-light-base-bg-primary);
     border-radius: var(--border-radius-m);
-} .gallery__smallImage_1pdv9 {
+} .gallery__smallImage_1rc6z {
     position: relative;
     width: auto;
     height: auto;
     -webkit-user-select: none;
             user-select: none;
     background-color: var(--color-light-base-bg-primary);
-} .gallery__verticalImageFit_1pdv9 {
+} .gallery__verticalImageFit_1rc6z {
     width: auto;
     height: 100%;
-} .gallery__horizontalImageFit_1pdv9 {
+} .gallery__horizontalImageFit_1rc6z {
     width: 100%;
     height: auto;
-} .gallery__arrow_1pdv9 {
+} .gallery__arrow_1rc6z {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -91,14 +95,14 @@
     color: var(--color-static-neutral-translucent-1300-inverted);
     transition: background-color 0.15s ease-in-out;
     outline: none
-} .gallery__arrow_1pdv9:hover {
+} .gallery__arrow_1rc6z:hover {
         background-color: var(--color-static-neutral-0-inverted-hover);
-    } .gallery__arrow_1pdv9:active {
+    } .gallery__arrow_1rc6z:active {
         background-color: var(--color-static-neutral-0-inverted-press);
-    } .gallery__focused_1pdv9 {
+    } .gallery__focused_1rc6z {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__placeholder_1pdv9 {
+} .gallery__placeholder_1rc6z {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -106,18 +110,18 @@
     height: 300px;
     border-radius: var(--border-radius-m);
     background-color: var(--color-static-neutral-300-inverted);
-} .gallery__brokenImgWrapper_1pdv9 {
+} .gallery__brokenImgWrapper_1rc6z {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 150px;
     text-align: center;
-} .gallery__brokenImgIcon_1pdv9 {
+} .gallery__brokenImgIcon_1rc6z {
     width: 80px;
     height: 80px;
     margin-bottom: var(--gap-2xs);
-} .gallery__fullScreenImage_1pdv9 {
+} .gallery__fullScreenImage_1rc6z {
     width: 100%;
     height: auto;
     background-color: var(--color-light-base-bg-primary);

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

@@ -4,4 +4,4 @@ import '@alfalab/core-components-typography/esm';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';
-export { S as Slide } from '../../slide-a664c8d2.js';
+export { S as Slide } from '../../slide-31fa8c5e.js';

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

@@ -4,7 +4,7 @@ import { getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { ImagePreview } from '../image-preview/Component.js';
 
-var styles = {"component":"gallery__component_el00b","preview":"gallery__preview_el00b"};
+var styles = {"component":"gallery__component_13b8t","preview":"gallery__preview_13b8t"};
 require('./index.css')
 
 var MIN_SCROLL_STEP = 24;