@alfalab/core-components-gallery 6.0.1 → 6.0.3

package/components/navigation-bar/index.css

@@ -11,7 +11,7 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
-} .gallery__component_5ncte {
+} .gallery__component_16qcv {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -21,20 +21,20 @@
     box-sizing: border-box;
     padding: var(--gap-12) var(--gap-24);
     scrollbar-width: none;
-    background-color: var(--color-static-neutral-0-inverted)
-} .gallery__component_5ncte.gallery__mobile_5ncte {
+    background-color: var(--color-static-neutral-0-inverted);
+} .gallery__component_16qcv.gallery__mobile_16qcv {
         padding: var(--gap-8) var(--gap-24);
-    } .gallery__component_5ncte::-webkit-scrollbar {
+    } .gallery__component_16qcv::-webkit-scrollbar {
         display: none;
-    } .gallery__previews_5ncte {
+    } .gallery__previews_16qcv {
     display: flex;
-} .gallery__preview_5ncte {
+} .gallery__preview_16qcv {
     flex-shrink: 0;
-    margin-right: var(--gap-4)
-} .gallery__preview_5ncte.gallery__mobile_5ncte {
+    margin-right: var(--gap-4);
+} .gallery__preview_16qcv.gallery__mobile_16qcv {
         margin-right: var(--gap-2);
-    } .gallery__preview_5ncte:first-child {
+    } .gallery__preview_16qcv:first-child {
         margin-left: auto;
-    } .gallery__preview_5ncte:last-child {
+    } .gallery__preview_16qcv:last-child {
         margin-right: auto;
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_5ncte","mobile":"gallery__mobile_5ncte","preview":"gallery__preview_5ncte"};
+var styles = {"component":"gallery__component_16qcv","mobile":"gallery__mobile_16qcv","preview":"gallery__preview_16qcv"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/navigation-bar/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/navigation-bar/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: flex;\n    flex-wrap: nowrap;\n    align-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    overflow-x: auto;\n    box-sizing: border-box;\n    padding: var(--gap-12) var(--gap-24);\n    scrollbar-width: none;\n    background-color: var(--color-static-neutral-0-inverted);\n\n    &.mobile {\n        padding: var(--gap-8) var(--gap-24);\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n}\n\n.previews {\n    display: flex;\n}\n\n.preview {\n    flex-shrink: 0;\n    margin-right: var(--gap-4);\n\n    &.mobile {\n        margin-right: var(--gap-2);\n    }\n\n    &:first-child {\n        margin-left: auto;\n    }\n\n    &:last-child {\n        margin-right: auto;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAsC,SAAS,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/navigation-bar/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: flex;\n    flex-wrap: nowrap;\n    align-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    overflow-x: auto;\n    box-sizing: border-box;\n    padding: var(--gap-12) var(--gap-24);\n    scrollbar-width: none;\n    background-color: var(--color-static-neutral-0-inverted);\n\n    &.mobile {\n        padding: var(--gap-8) var(--gap-24);\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n}\n\n.previews {\n    display: flex;\n}\n\n.preview {\n    flex-shrink: 0;\n    margin-right: var(--gap-4);\n\n    &.mobile {\n        margin-right: var(--gap-2);\n    }\n\n    &:first-child {\n        margin-left: auto;\n    }\n\n    &:last-child {\n        margin-right: auto;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAsC,SAAS,CAAC,wBAAwB,CAAC;;;;"}

package/components/subtitles/index.css

@@ -4,7 +4,7 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
-} .gallery__subtitles_1kffz {
+} .gallery__subtitles_1b2md {
     position: absolute;
     align-self: flex-end;
     padding: var(--gap-0) var(--gap-32);
@@ -13,9 +13,10 @@
     text-align: center;
     opacity: 1;
     z-index: 1;
-    transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out
-} .gallery__subtitles_1kffz.gallery__mobile_1kffz {
-        position: unset;
-    } .gallery__hideSubtitles_1kffz {
+    transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;
+} .gallery__subtitles_1b2md.gallery__mobile_1b2md {
+        position: static;
+        position: initial;
+    } .gallery__hideSubtitles_1b2md {
     opacity: 0;
 }

package/components/subtitles/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"subtitles":"gallery__subtitles_1kffz","mobile":"gallery__mobile_1kffz","hideSubtitles":"gallery__hideSubtitles_1kffz"};
+var styles = {"subtitles":"gallery__subtitles_1b2md","mobile":"gallery__mobile_1b2md","hideSubtitles":"gallery__hideSubtitles_1b2md"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/subtitles/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/subtitles/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.subtitles {\n    position: absolute;\n    align-self: flex-end;\n    padding: var(--gap-0) var(--gap-32);\n    margin-bottom: var(--gap-16);\n    width: 100%;\n    text-align: center;\n    opacity: 1;\n    z-index: 1;\n    transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;\n\n    &.mobile {\n        position: unset;\n    }\n}\n\n.hideSubtitles {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,eAAe,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/subtitles/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.subtitles {\n    position: absolute;\n    align-self: flex-end;\n    padding: var(--gap-0) var(--gap-32);\n    margin-bottom: var(--gap-16);\n    width: 100%;\n    text-align: center;\n    opacity: 1;\n    z-index: 1;\n    transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;\n\n    &.mobile {\n        position: unset;\n    }\n}\n\n.hideSubtitles {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,eAAe,CAAC,8BAA8B,CAAC;;;;"}

package/cssm/components/buttons/index.module.css

@@ -8,7 +8,7 @@
     --gap-32: var(--gap-2xl);
 } .buttons {
     display: flex;
-    padding-left: var(--gap-32)
+    padding-left: var(--gap-32);
 } .buttons path {
         color: var(--color-static-neutral-translucent-1300-inverted);
     } .iconButton path {

package/cssm/components/header-mobile/index.module.css

@@ -7,7 +7,7 @@
     padding: 0;
     display: flex;
     justify-content: space-between;
-    align-items: center
+    align-items: center;
 } .headerMobile.video {
         position: absolute;
         width: 100%;

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

@@ -14,7 +14,7 @@
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
-    outline: none
+    outline: none;
 } .component .image {
         opacity: 0.3;
     } .component.mobile {
@@ -29,13 +29,13 @@
     cursor: pointer;
     -webkit-user-select: none;
        -moz-user-select: none;
-            user-select: none
+            user-select: none;
 } .preview.mobile {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     } .image {
-    transition: opacity 0.15s ease-in-out
+    transition: opacity 0.15s ease-in-out;
 } .image > img {
         display: block;
         width: 100%;
@@ -48,7 +48,7 @@
     } .image:hover {
         opacity: 0.7;
     } .loading {
-    background-color: var(--color-static-neutral-100-inverted)
+    background-color: var(--color-static-neutral-100-inverted);
 } .loading .active {
         background-color: var(--color-static-neutral-300-inverted);
     } .brokenImageWrapper {
@@ -56,7 +56,7 @@
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
-    opacity: 0.3
+    opacity: 0.3;
 } .brokenImageWrapper.active {
         opacity: 1;
     } .brokenIcon {
@@ -66,7 +66,7 @@
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 } .canvasPreview {
-    border-radius: var(--border-radius-12)
+    border-radius: var(--border-radius-12);
 } .canvasPreview.mobile {
         border-radius: var(--border-radius-8);
     }

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

@@ -15,6 +15,7 @@
     --gap-2xs: 4px;
     --gap-m: 16px;
     --gap-2xl: 32px;
+    --gap-4: var(--gap-2xs);
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 } :root {
@@ -30,7 +31,7 @@
     height: 100%;
     max-height: calc(100vh - 168px);
     padding: var(--gap-32) var(--gap-16);
-    box-sizing: border-box
+    box-sizing: border-box;
 } .swiper.mobile {
         max-height: calc(100vh - 210px);
     } .swiper.mobileVideo {
@@ -42,7 +43,7 @@
 
     max-height: calc(100vh - 80px);
     padding: var(--gap-32);
-    box-sizing: border-box
+    box-sizing: border-box;
 } .singleSlideContainer.mobile {
         max-height: calc(100vh - 174px);
         padding: 0;
@@ -69,7 +70,7 @@
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
-    border-radius: var(--border-radius-8)
+    border-radius: var(--border-radius-8);
 } .image.mobile {
         border-radius: var(--border-radius-0);
     } .smallImage {
@@ -96,7 +97,7 @@
     cursor: pointer;
     color: var(--color-static-neutral-translucent-1300-inverted);
     transition: background-color 0.15s ease-in-out;
-    outline: none
+    outline: none;
 } .arrow:hover {
         background-color: var(--color-static-neutral-0-inverted-hover);
     } .arrow:active {
@@ -122,7 +123,7 @@
 } .brokenImgIcon {
     width: 80px;
     height: 80px;
-    margin-bottom: var(--gap-2xs);
+    margin-bottom: var(--gap-4);
 } .fullScreenImage {
     width: 100%;
     height: auto;

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

@@ -3,6 +3,7 @@
     --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
 } :root {
     --border-radius-3xl: 24px;
+    --border-radius-0: 0;
     --border-radius-24: var(--border-radius-3xl);
 } .videoWrapper {
     display: flex;
@@ -15,7 +16,7 @@
     max-height: 100%;
     border-radius: var(--border-radius-24);
 } .mobile {
-    border-radius: 0;
+    border-radius: var(--border-radius-0);
 } .videoButton {
     position: absolute;
     top: 50%;

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

@@ -14,7 +14,7 @@
     justify-content: center;
     padding: 0 var(--gap-8) var(--gap-4);
     position: relative;
-    height: 48px
+    height: 48px;
 } .infoWrapper.video {
         padding: 0 var(--gap-4) var(--gap-4);
         justify-content: space-between;

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

@@ -21,7 +21,7 @@
     box-sizing: border-box;
     padding: var(--gap-12) var(--gap-24);
     scrollbar-width: none;
-    background-color: var(--color-static-neutral-0-inverted)
+    background-color: var(--color-static-neutral-0-inverted);
 } .component.mobile {
         padding: var(--gap-8) var(--gap-24);
     } .component::-webkit-scrollbar {
@@ -30,7 +30,7 @@
     display: flex;
 } .preview {
     flex-shrink: 0;
-    margin-right: var(--gap-4)
+    margin-right: var(--gap-4);
 } .preview.mobile {
         margin-right: var(--gap-2);
     } .preview:first-child {

package/cssm/components/subtitles/index.module.css

@@ -13,9 +13,10 @@
     text-align: center;
     opacity: 1;
     z-index: 1;
-    transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out
+    transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;
 } .subtitles.mobile {
-        position: unset;
+        position: static;
+        position: initial;
     } .hideSubtitles {
     opacity: 0;
 }

package/cssm/index.module.css

@@ -21,7 +21,7 @@
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
     padding-top: var(--sat);
-    padding-bottom: var(--sab)
+    padding-bottom: var(--sab);
 } .container.mobile {
         overflow: hidden;
     } .modal {

package/esm/components/bottom-button/index.css

@@ -2,16 +2,16 @@
     --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
     --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
     --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
-} .gallery__component_1pgxx {
+} .gallery__component_1ytrj {
     background-color: var(--color-static-neutral-translucent-500-inverted);
-} .gallery__component_1pgxx:hover {
+} .gallery__component_1ytrj:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
-    } .gallery__component_1pgxx:active {
+    } .gallery__component_1ytrj:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
-    } .gallery__component_1pgxx {
+    } .gallery__component_1ytrj {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
-} .gallery__notVisible_1pgxx {
+} .gallery__notVisible_1ytrj {
     transform: translateY(250%);
 }

package/esm/components/bottom-button/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_1pgxx","notVisible":"gallery__notVisible_1pgxx"};
+var styles = {"component":"gallery__component_1ytrj","notVisible":"gallery__notVisible_1ytrj"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/bottom-button/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/bottom-button/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    background-color: var(--color-static-neutral-translucent-500-inverted);\n    &:hover {\n        background-color: var(--color-static-neutral-translucent-500-inverted-hover);\n    }\n    &:active {\n        background-color: var(--color-static-neutral-translucent-500-inverted-press);\n    }\n\n    transition: transform 1s ease-in-out;\n    will-change: transform;\n}\n\n.notVisible {\n    transform: translateY(250%);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/bottom-button/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    background-color: var(--color-static-neutral-translucent-500-inverted);\n    &:hover {\n        background-color: var(--color-static-neutral-translucent-500-inverted-hover);\n    }\n    &:active {\n        background-color: var(--color-static-neutral-translucent-500-inverted-press);\n    }\n\n    transition: transform 1s ease-in-out;\n    will-change: transform;\n}\n\n.notVisible {\n    transform: translateY(250%);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}

package/esm/components/buttons/index.css

@@ -6,15 +6,15 @@
 } :root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} .gallery__buttons_18gty {
+} .gallery__buttons_1hsw5 {
     display: flex;
-    padding-left: var(--gap-32)
-} .gallery__buttons_18gty path {
+    padding-left: var(--gap-32);
+} .gallery__buttons_1hsw5 path {
         color: var(--color-static-neutral-translucent-1300-inverted);
-    } .gallery__iconButton_18gty path {
+    } .gallery__iconButton_1hsw5 path {
         color: var(--color-static-neutral-100);
-    } .gallery__iconButton_18gty:hover path {
+    } .gallery__iconButton_1hsw5:hover path {
         color: var(--color-static-neutral-100-hover);
-    } .gallery__iconButton_18gty:active path {
+    } .gallery__iconButton_1hsw5:active path {
         color: var(--color-static-neutral-100-press);
     }

package/esm/components/buttons/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"iconButton":"gallery__iconButton_18gty"};
+var styles = {"iconButton":"gallery__iconButton_1hsw5"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/buttons/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/buttons/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.buttons {\n    display: flex;\n    padding-left: var(--gap-32);\n\n    & path {\n        color: var(--color-static-neutral-translucent-1300-inverted);\n    }\n}\n\n.iconButton {\n    & path {\n        color: var(--color-static-neutral-100);\n    }\n\n    &:hover path {\n        color: var(--color-static-neutral-100-hover);\n    }\n\n    &:active path {\n        color: var(--color-static-neutral-100-press);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAoC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/buttons/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.buttons {\n    display: flex;\n    padding-left: var(--gap-32);\n\n    & path {\n        color: var(--color-static-neutral-translucent-1300-inverted);\n    }\n}\n\n.iconButton {\n    & path {\n        color: var(--color-static-neutral-100);\n    }\n\n    &:hover path {\n        color: var(--color-static-neutral-100-hover);\n    }\n\n    &:active path {\n        color: var(--color-static-neutral-100-press);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAoC,YAAY,CAAC,2BAA2B,CAAC;;;;"}

package/esm/components/header/index.css

@@ -3,7 +3,7 @@
     --gap-2xl: 32px;
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
-} .gallery__header_1f9pw {
+} .gallery__header_hblwl {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;

package/esm/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"header":"gallery__header_1f9pw"};
+var styles = {"header":"gallery__header_hblwl"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/header/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.header {\n    display: flex;\n    justify-content: space-between;\n    flex-shrink: 0;\n    width: 100%;\n    padding: var(--gap-16) var(--gap-32);\n    box-sizing: border-box;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n    display: flex;\n    justify-content: space-between;\n    flex-shrink: 0;\n    width: 100%;\n    padding: var(--gap-16) var(--gap-32);\n    box-sizing: border-box;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,uBAAuB,CAAC;;;;"}

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

@@ -1,21 +1,21 @@
 :root {
     --gap-2xs: 4px;
     --gap-4: var(--gap-2xs);
-} .gallery__info_eau9a {
+} .gallery__info_1c8y9 {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
-} .gallery__filenameHead_eau9a {
+} .gallery__filenameHead_1c8y9 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-} .gallery__filenameContainer_eau9a {
+} .gallery__filenameContainer_1c8y9 {
     overflow: hidden;
     display: inline-flex;
-} .gallery__description_eau9a {
+} .gallery__description_1c8y9 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"info":"gallery__info_eau9a","filenameHead":"gallery__filenameHead_eau9a","filenameContainer":"gallery__filenameContainer_eau9a","description":"gallery__description_eau9a"};
+var styles = {"info":"gallery__info_1c8y9","filenameHead":"gallery__filenameHead_1c8y9","filenameContainer":"gallery__filenameContainer_1c8y9","description":"gallery__description_1c8y9"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/header-info-block/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/header-info-block/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.info {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    overflow: hidden;\n}\n\n.filenameHead {\n    display: inline;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n}\n\n.filenameContainer {\n    overflow: hidden;\n    display: inline-flex;\n}\n\n.description {\n    display: inline;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    margin-top: var(--gap-4);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,MAAM,CAAC,qBAAqB,CAAC,cAAc,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/header-info-block/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.info {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    overflow: hidden;\n}\n\n.filenameHead {\n    display: inline;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n}\n\n.filenameContainer {\n    overflow: hidden;\n    display: inline-flex;\n}\n\n.description {\n    display: inline;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    margin-top: var(--gap-4);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,MAAM,CAAC,qBAAqB,CAAC,cAAc,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}

package/esm/components/header-mobile/index.css

@@ -1,25 +1,25 @@
 :root {
     --color-static-neutral-0-inverted: #262629;
-} .gallery__headerMobile_161it {
+} .gallery__headerMobile_83etg {
     position: relative;
     height: 72px;
     z-index: 3;
     padding: 0;
     display: flex;
     justify-content: space-between;
-    align-items: center
-} .gallery__headerMobile_161it.gallery__video_161it {
+    align-items: center;
+} .gallery__headerMobile_83etg.gallery__video_83etg {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
-    } .gallery__hide_161it {
+    } .gallery__hide_83etg {
     transform: translateY(-96px);
-} .gallery__leftButton_161it,
-.gallery__rightButtons_161it {
+} .gallery__leftButton_83etg,
+.gallery__rightButtons_83etg {
     display: flex;
     align-items: center;
-} .gallery__description_161it {
+} .gallery__description_83etg {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

package/esm/components/header-mobile/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"headerMobile":"gallery__headerMobile_161it","video":"gallery__video_161it","hide":"gallery__hide_161it","rightButtons":"gallery__rightButtons_161it","description":"gallery__description_161it"};
+var styles = {"headerMobile":"gallery__headerMobile_83etg","video":"gallery__video_83etg","hide":"gallery__hide_83etg","rightButtons":"gallery__rightButtons_83etg","description":"gallery__description_83etg"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/header-mobile/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/header-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.headerMobile {\n    position: relative;\n    height: 72px;\n    z-index: 3;\n    padding: 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    &.video {\n        position: absolute;\n        width: 100%;\n        background-color: var(--color-static-neutral-0-inverted);\n        transition: transform 0.3s ease-in-out;\n    }\n}\n\n.hide {\n    transform: translateY(-96px);\n}\n\n.leftButton,\n.rightButtons {\n    display: flex;\n    align-items: center;\n}\n\n.description {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,qBAAqB,CAA0C,cAAc,CAAC,6BAA6B,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/header-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.headerMobile {\n    position: relative;\n    height: 72px;\n    z-index: 3;\n    padding: 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    &.video {\n        position: absolute;\n        width: 100%;\n        background-color: var(--color-static-neutral-0-inverted);\n        transition: transform 0.3s ease-in-out;\n    }\n}\n\n.hide {\n    transform: translateY(-96px);\n}\n\n.leftButton,\n.rightButtons {\n    display: flex;\n    align-items: center;\n}\n\n.description {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,qBAAqB,CAA0C,cAAc,CAAC,6BAA6B,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}

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

@@ -9,19 +9,19 @@
     --border-radius-12: var(--border-radius-l);
 } :root {
     --focus-color: var(--color-light-status-info);
-} .gallery__component_1cpps {
+} .gallery__component_bmpqk {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
-    outline: none
-} .gallery__component_1cpps .gallery__image_1cpps {
+    outline: none;
+} .gallery__component_bmpqk .gallery__image_bmpqk {
         opacity: 0.3;
-    } .gallery__component_1cpps.gallery__mobile_1cpps {
+    } .gallery__component_bmpqk.gallery__mobile_bmpqk {
         padding: 0;
-    } .gallery__active_1cpps > .gallery__image_1cpps {
+    } .gallery__active_bmpqk > .gallery__image_bmpqk {
         opacity: 1;
-    } .gallery__preview_1cpps {
+    } .gallery__preview_bmpqk {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -29,14 +29,14 @@
     cursor: pointer;
     -webkit-user-select: none;
        -moz-user-select: none;
-            user-select: none
-} .gallery__preview_1cpps.gallery__mobile_1cpps {
+            user-select: none;
+} .gallery__preview_bmpqk.gallery__mobile_bmpqk {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
-    } .gallery__image_1cpps {
-    transition: opacity 0.15s ease-in-out
-} .gallery__image_1cpps > img {
+    } .gallery__image_bmpqk {
+    transition: opacity 0.15s ease-in-out;
+} .gallery__image_bmpqk > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -45,28 +45,28 @@
            object-fit: cover;
         overflow: clip;
         overflow-clip-margin: border-box;
-    } .gallery__image_1cpps:hover {
+    } .gallery__image_bmpqk:hover {
         opacity: 0.7;
-    } .gallery__loading_1cpps {
-    background-color: var(--color-static-neutral-100-inverted)
-} .gallery__loading_1cpps .gallery__active_1cpps {
+    } .gallery__loading_bmpqk {
+    background-color: var(--color-static-neutral-100-inverted);
+} .gallery__loading_bmpqk .gallery__active_bmpqk {
         background-color: var(--color-static-neutral-300-inverted);
-    } .gallery__brokenImageWrapper_1cpps {
+    } .gallery__brokenImageWrapper_bmpqk {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
-    opacity: 0.3
-} .gallery__brokenImageWrapper_1cpps.gallery__active_1cpps {
+    opacity: 0.3;
+} .gallery__brokenImageWrapper_bmpqk.gallery__active_bmpqk {
         opacity: 1;
-    } .gallery__brokenIcon_1cpps {
+    } .gallery__brokenIcon_bmpqk {
     width: 40px;
     height: 40px;
-} .gallery__focused_1cpps {
+} .gallery__focused_bmpqk {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__canvasPreview_1cpps {
-    border-radius: var(--border-radius-12)
-} .gallery__canvasPreview_1cpps.gallery__mobile_1cpps {
+} .gallery__canvasPreview_bmpqk {
+    border-radius: var(--border-radius-12);
+} .gallery__canvasPreview_bmpqk.gallery__mobile_bmpqk {
         border-radius: var(--border-radius-8);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_1cpps","image":"gallery__image_1cpps","mobile":"gallery__mobile_1cpps","active":"gallery__active_1cpps","preview":"gallery__preview_1cpps","loading":"gallery__loading_1cpps","brokenImageWrapper":"gallery__brokenImageWrapper_1cpps","brokenIcon":"gallery__brokenIcon_1cpps","focused":"gallery__focused_1cpps","canvasPreview":"gallery__canvasPreview_1cpps"};
+var styles = {"component":"gallery__component_bmpqk","image":"gallery__image_bmpqk","mobile":"gallery__mobile_bmpqk","active":"gallery__active_bmpqk","preview":"gallery__preview_bmpqk","loading":"gallery__loading_bmpqk","brokenImageWrapper":"gallery__brokenImageWrapper_bmpqk","brokenIcon":"gallery__brokenIcon_bmpqk","focused":"gallery__focused_bmpqk","canvasPreview":"gallery__canvasPreview_bmpqk"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/image-preview/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/image-preview/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: flex;\n    z-index: 3;\n    overflow: hidden;\n    transition: border 0.15s ease-in-out;\n    outline: none;\n\n    & .image {\n        opacity: 0.3;\n    }\n\n    &.mobile {\n        padding: 0;\n    }\n}\n\n.active {\n    & > .image {\n        opacity: 1;\n    }\n}\n\n.preview {\n    width: 56px;\n    height: 56px;\n    flex-shrink: 0;\n    border-radius: var(--border-radius-12);\n    cursor: pointer;\n    user-select: none;\n\n    &.mobile {\n        width: 46px;\n        height: 46px;\n        border-radius: var(--border-radius-8);\n    }\n}\n\n.image {\n    transition: opacity 0.15s ease-in-out;\n\n    & > img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        object-fit: cover;\n        overflow: clip;\n        overflow-clip-margin: border-box;\n    }\n\n    &:hover {\n        opacity: 0.7;\n    }\n}\n\n.loading {\n    background-color: var(--color-static-neutral-100-inverted);\n\n    & .active {\n        background-color: var(--color-static-neutral-300-inverted);\n    }\n}\n\n.brokenImageWrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: var(--color-static-neutral-300-inverted);\n    opacity: 0.3;\n\n    &.active {\n        opacity: 1;\n    }\n}\n\n.brokenIcon {\n    width: 40px;\n    height: 40px;\n}\n\n.focused {\n    @mixin focus-outline;\n}\n\n.canvasPreview {\n    border-radius: var(--border-radius-12);\n\n    &.mobile {\n        border-radius: var(--border-radius-8);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,SAAS,CAAC,wBAAwB,CAAC,SAAS,CAAC,wBAAwB,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,YAAY,CAAC,2BAA2B,CAAC,SAAS,CAAC,wBAAwB,CAAC,eAAe,CAAC,8BAA8B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/image-preview/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: flex;\n    z-index: 3;\n    overflow: hidden;\n    transition: border 0.15s ease-in-out;\n    outline: none;\n\n    & .image {\n        opacity: 0.3;\n    }\n\n    &.mobile {\n        padding: 0;\n    }\n}\n\n.active {\n    & > .image {\n        opacity: 1;\n    }\n}\n\n.preview {\n    width: 56px;\n    height: 56px;\n    flex-shrink: 0;\n    border-radius: var(--border-radius-12);\n    cursor: pointer;\n    user-select: none;\n\n    &.mobile {\n        width: 46px;\n        height: 46px;\n        border-radius: var(--border-radius-8);\n    }\n}\n\n.image {\n    transition: opacity 0.15s ease-in-out;\n\n    & > img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        object-fit: cover;\n        overflow: clip;\n        overflow-clip-margin: border-box;\n    }\n\n    &:hover {\n        opacity: 0.7;\n    }\n}\n\n.loading {\n    background-color: var(--color-static-neutral-100-inverted);\n\n    & .active {\n        background-color: var(--color-static-neutral-300-inverted);\n    }\n}\n\n.brokenImageWrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: var(--color-static-neutral-300-inverted);\n    opacity: 0.3;\n\n    &.active {\n        opacity: 1;\n    }\n}\n\n.brokenIcon {\n    width: 40px;\n    height: 40px;\n}\n\n.focused {\n    @mixin focus-outline;\n}\n\n.canvasPreview {\n    border-radius: var(--border-radius-12);\n\n    &.mobile {\n        border-radius: var(--border-radius-8);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,SAAS,CAAC,wBAAwB,CAAC,SAAS,CAAC,wBAAwB,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,YAAY,CAAC,2BAA2B,CAAC,SAAS,CAAC,wBAAwB,CAAC,eAAe,CAAC,8BAA8B,CAAC;;;;"}