@alfalab/core-components-gallery 7.1.8-alfasans → 7.1.9

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"videoWrapper":"gallery__videoWrapper_oicgk","video":"gallery__video_oicgk","mobile":"gallery__mobile_oicgk","videoButton":"gallery__videoButton_oicgk","icon":"gallery__icon_oicgk","iconShape":"gallery__iconShape_oicgk","bottomButton":"gallery__bottomButton_oicgk"};
+var styles = {"videoWrapper":"gallery__videoWrapper_ojpyh","video":"gallery__video_ojpyh","mobile":"gallery__mobile_ojpyh","videoButton":"gallery__videoButton_ojpyh","icon":"gallery__icon_ojpyh","iconShape":"gallery__iconShape_ojpyh","bottomButton":"gallery__bottomButton_ojpyh"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/info-bar/index.css

@@ -7,10 +7,10 @@
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
 }
-.gallery__description_1ucxs {
+.gallery__description_1a6rt {
     text-align: center;
 }
-.gallery__infoWrapper_1ucxs {
+.gallery__infoWrapper_1a6rt {
     background-color: var(--color-static-neutral-0-inverted);
     display: flex;
     align-items: center;
@@ -19,7 +19,7 @@
     position: relative;
     height: 48px;
 }
-.gallery__infoWrapper_1ucxs.gallery__video_1ucxs {
+.gallery__infoWrapper_1a6rt.gallery__video_1a6rt {
         padding: 0 var(--gap-4) var(--gap-4);
         justify-content: space-between;
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"description":"gallery__description_1ucxs","infoWrapper":"gallery__infoWrapper_1ucxs","video":"gallery__video_1ucxs"};
+var styles = {"description":"gallery__description_1a6rt","infoWrapper":"gallery__infoWrapper_1a6rt","video":"gallery__video_1a6rt"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/navigation-bar/index.css

@@ -13,7 +13,7 @@
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
 }
-.gallery__component_8n4eb {
+.gallery__component_y7sqx {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -25,25 +25,25 @@
     scrollbar-width: none;
     background-color: var(--color-static-neutral-0-inverted);
 }
-.gallery__component_8n4eb.gallery__mobile_8n4eb {
+.gallery__component_y7sqx.gallery__mobile_y7sqx {
         padding: var(--gap-8) var(--gap-24);
     }
-.gallery__component_8n4eb::-webkit-scrollbar {
+.gallery__component_y7sqx::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_8n4eb {
+.gallery__previews_y7sqx {
     display: flex;
 }
-.gallery__preview_8n4eb {
+.gallery__preview_y7sqx {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_8n4eb.gallery__mobile_8n4eb {
+.gallery__preview_y7sqx.gallery__mobile_y7sqx {
         margin-right: var(--gap-2);
     }
-.gallery__preview_8n4eb:first-child {
+.gallery__preview_y7sqx:first-child {
         margin-left: auto;
     }
-.gallery__preview_8n4eb:last-child {
+.gallery__preview_y7sqx: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_8n4eb","mobile":"gallery__mobile_8n4eb","preview":"gallery__preview_8n4eb"};
+var styles = {"component":"gallery__component_y7sqx","mobile":"gallery__mobile_y7sqx","preview":"gallery__preview_y7sqx"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/subtitles/index.css

@@ -5,7 +5,7 @@
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 }
-.gallery__subtitles_eui1e {
+.gallery__subtitles_16707 {
     position: absolute;
     align-self: flex-end;
     padding: var(--gap-0) var(--gap-32);
@@ -18,10 +18,10 @@
         opacity 500ms ease-in-out,
         margin-bottom 270ms ease-in-out;
 }
-.gallery__subtitles_eui1e.gallery__mobile_eui1e {
+.gallery__subtitles_16707.gallery__mobile_16707 {
         position: static;
         position: initial;
     }
-.gallery__hideSubtitles_eui1e {
+.gallery__hideSubtitles_16707 {
     opacity: 0;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"subtitles":"gallery__subtitles_eui1e","mobile":"gallery__mobile_eui1e","hideSubtitles":"gallery__hideSubtitles_eui1e"};
+var styles = {"subtitles":"gallery__subtitles_16707","mobile":"gallery__mobile_16707","hideSubtitles":"gallery__hideSubtitles_16707"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -90,134 +90,158 @@
         opacity: 0;
         z-index: -1000;
     }
-}
-.swiper {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    max-height: calc(100vh - 168px);
-    padding: var(--gap-32) var(--gap-16);
-    box-sizing: border-box;
-}
-.swiper.mobile {
-        max-height: calc(100vh - 210px);
+
+    .swiper {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        max-height: calc(100vh - 168px);
+        padding: var(--gap-32) var(--gap-16);
+        box-sizing: border-box;
     }
-.swiper.mobileVideo {
-        max-height: 100vh;
+
+        .swiper.mobile {
+            max-height: calc(100vh - 210px);
+        }
+
+        .swiper.mobileVideo {
+            max-height: 100vh;
+        }
+
+    .singleSlideContainer {
+        display: flex;
+        width: 100%;
+        height: 100%;
+
+        max-height: calc(100vh - 80px);
+        padding: var(--gap-32);
+        box-sizing: border-box;
     }
-.singleSlideContainer {
-    display: flex;
-    width: 100%;
-    height: 100%;
 
-    max-height: calc(100vh - 80px);
-    padding: var(--gap-32);
-    box-sizing: border-box;
-}
-.singleSlideContainer.mobile {
-        max-height: calc(100vh - 174px);
-        padding: 0;
+        .singleSlideContainer.mobile {
+            max-height: calc(100vh - 174px);
+            padding: 0;
+        }
+
+        .singleSlideContainer.mobileVideo {
+            max-height: 100vh;
+        }
+
+    .hidden {
+        display: none;
     }
-.singleSlideContainer.mobileVideo {
-        max-height: 100vh;
+
+    .slide {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: 100%;
     }
-.hidden {
-    display: none;
-}
-.slide {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-}
-.slideLoading {
-    background-color: var(--color-static-neutral-translucent-100-inverted);
-    border-radius: var(--border-radius-8);
-}
-.spinner {
-    position: absolute;
-    color: var(--color-static-neutral-translucent-1300-inverted);
-}
-.image {
-    width: 0;
-    height: 0;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    border-radius: var(--border-radius-8);
-}
-.image.mobile {
-        border-radius: var(--border-radius-0);
-    }
-.smallImage {
-    position: relative;
-    width: auto;
-    height: auto;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-}
-.verticalImageFit {
-    width: auto;
-    height: 100%;
-}
-.horizontalImageFit {
-    width: 100%;
-    height: auto;
-}
-.arrow {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    flex-shrink: 0;
-    width: 96px;
-    height: 100%;
-    cursor: pointer;
-    color: var(--color-static-neutral-translucent-1300-inverted);
-    transition: background-color 0.15s ease-in-out;
-    outline: none;
-}
-.arrow:hover {
-        background-color: var(--color-static-neutral-0-inverted-hover);
+
+    .slideLoading {
+        background-color: var(--color-static-neutral-translucent-100-inverted);
+        border-radius: var(--border-radius-8);
     }
-.arrow:active {
-        background-color: var(--color-static-neutral-0-inverted-press);
+
+    .spinner {
+        position: absolute;
+        color: var(--color-static-neutral-translucent-1300-inverted);
+    }
+
+    .image {
+        width: 0;
+        height: 0;
+        -webkit-user-select: none;
+           -moz-user-select: none;
+                user-select: none;
+        border-radius: var(--border-radius-8);
+    }
+
+        .image.mobile {
+            border-radius: var(--border-radius-0);
+        }
+
+    .smallImage {
+        position: relative;
+        width: auto;
+        height: auto;
+        -webkit-user-select: none;
+           -moz-user-select: none;
+                user-select: none;
+    }
+
+    .verticalImageFit {
+        width: auto;
+        height: 100%;
+    }
+
+    .horizontalImageFit {
+        width: 100%;
+        height: auto;
+    }
+
+    .arrow {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        flex-shrink: 0;
+        width: 96px;
+        height: 100%;
+        cursor: pointer;
+        color: var(--color-static-neutral-translucent-1300-inverted);
+        transition: background-color 0.15s ease-in-out;
+        outline: none;
+    }
+
+        .arrow:hover {
+            background-color: var(--color-static-neutral-0-inverted-hover);
+        }
+
+        .arrow:active {
+            background-color: var(--color-static-neutral-0-inverted-press);
+        }
+
+    .focused {
+        outline: 2px solid var(--focus-color);
+        outline-offset: 2px;
+    }
+
+    .placeholder {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: 100%;
+        border-radius: var(--border-radius-8);
+        background-color: var(--color-static-neutral-300-inverted);
+    }
+
+    .brokenImgWrapper {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 150px;
+        text-align: center;
+    }
+
+    .brokenImgIcon {
+        width: 80px;
+        height: 80px;
+        margin-bottom: var(--gap-4);
+    }
+
+    .fullScreenImage {
+        width: 100%;
+        height: auto;
+        background-color: var(--color-light-base-bg-primary);
+    }
+
+    .fullScreenVideo {
+        width: calc(100% - 192px);
+        max-height: calc(100vh - 82px);
     }
-.focused {
-    outline: 2px solid var(--focus-color);
-    outline-offset: 2px;
-}
-.placeholder {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    border-radius: var(--border-radius-8);
-    background-color: var(--color-static-neutral-300-inverted);
-}
-.brokenImgWrapper {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 150px;
-    text-align: center;
-}
-.brokenImgIcon {
-    width: 80px;
-    height: 80px;
-    margin-bottom: var(--gap-4);
-}
-.fullScreenImage {
-    width: 100%;
-    height: auto;
-    background-color: var(--color-light-base-bg-primary);
-}
-.fullScreenVideo {
-    width: calc(100% - 192px);
-    max-height: calc(100vh - 82px);
 }

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

@@ -3,20 +3,20 @@
     --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_d38x7 {
+.gallery__component_b4oj9 {
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__component_d38x7:hover {
+.gallery__component_b4oj9:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
     }
-.gallery__component_d38x7:active {
+.gallery__component_b4oj9:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
     }
-.gallery__component_d38x7 {
+.gallery__component_b4oj9 {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
 }
-.gallery__notVisible_d38x7 {
+.gallery__notVisible_b4oj9 {
     transform: translateY(250%);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_d38x7","notVisible":"gallery__notVisible_d38x7"};
+var styles = {"component":"gallery__component_b4oj9","notVisible":"gallery__notVisible_b4oj9"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/buttons/index.css

@@ -8,19 +8,19 @@
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
 }
-.gallery__buttons_bn3hi {
+.gallery__buttons_mcsvv {
     display: flex;
     padding-left: var(--gap-32);
 }
-.gallery__buttons_bn3hi path {
+.gallery__buttons_mcsvv path {
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
-.gallery__iconButton_bn3hi path {
+.gallery__iconButton_mcsvv path {
         color: var(--color-static-neutral-100);
     }
-.gallery__iconButton_bn3hi:hover path {
+.gallery__iconButton_mcsvv:hover path {
         color: var(--color-static-neutral-100-hover);
     }
-.gallery__iconButton_bn3hi:active path {
+.gallery__iconButton_mcsvv: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_bn3hi"};
+var styles = {"iconButton":"gallery__iconButton_mcsvv"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/header/index.css

@@ -4,7 +4,7 @@
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 }
-.gallery__header_czos3 {
+.gallery__header_mp9yw {
     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_czos3"};
+var styles = {"header":"gallery__header_mp9yw"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -2,24 +2,24 @@
     --gap-2xs: 4px;
     --gap-4: var(--gap-2xs);
 }
-.gallery__info_1r4c0 {
+.gallery__info_10evb {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
 }
-.gallery__filenameHead_1r4c0 {
+.gallery__filenameHead_10evb {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
-.gallery__filenameContainer_1r4c0 {
+.gallery__filenameContainer_10evb {
     overflow: hidden;
     display: inline-flex;
 }
-.gallery__description_1r4c0 {
+.gallery__description_10evb {
     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_1r4c0","filenameHead":"gallery__filenameHead_1r4c0","filenameContainer":"gallery__filenameContainer_1r4c0","description":"gallery__description_1r4c0"};
+var styles = {"info":"gallery__info_10evb","filenameHead":"gallery__filenameHead_10evb","filenameContainer":"gallery__filenameContainer_10evb","description":"gallery__description_10evb"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,7 +1,7 @@
 :root {
     --color-static-neutral-0-inverted: #262629;
 }
-.gallery__headerMobile_1830e {
+.gallery__headerMobile_1ylyq {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -10,21 +10,21 @@
     justify-content: space-between;
     align-items: center;
 }
-.gallery__headerMobile_1830e.gallery__video_1830e {
+.gallery__headerMobile_1ylyq.gallery__video_1ylyq {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
     }
-.gallery__hide_1830e {
+.gallery__hide_1ylyq {
     transform: translateY(-96px);
 }
-.gallery__leftButton_1830e,
-.gallery__rightButtons_1830e {
+.gallery__leftButton_1ylyq,
+.gallery__rightButtons_1ylyq {
     display: flex;
     align-items: center;
 }
-.gallery__description_1830e {
+.gallery__description_1ylyq {
     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_1830e","video":"gallery__video_1830e","hide":"gallery__hide_1830e","rightButtons":"gallery__rightButtons_1830e","description":"gallery__description_1830e"};
+var styles = {"headerMobile":"gallery__headerMobile_1ylyq","video":"gallery__video_1ylyq","hide":"gallery__hide_1ylyq","rightButtons":"gallery__rightButtons_1ylyq","description":"gallery__description_1ylyq"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -12,23 +12,23 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_18zdf {
+.gallery__component_691o9 {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
 }
-.gallery__component_18zdf .gallery__image_18zdf {
+.gallery__component_691o9 .gallery__image_691o9 {
         opacity: 0.3;
     }
-.gallery__component_18zdf.gallery__mobile_18zdf {
+.gallery__component_691o9.gallery__mobile_691o9 {
         padding: 0;
     }
-.gallery__active_18zdf > .gallery__image_18zdf {
+.gallery__active_691o9 > .gallery__image_691o9 {
         opacity: 1;
     }
-.gallery__preview_18zdf {
+.gallery__preview_691o9 {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -38,15 +38,15 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__preview_18zdf.gallery__mobile_18zdf {
+.gallery__preview_691o9.gallery__mobile_691o9 {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     }
-.gallery__image_18zdf {
+.gallery__image_691o9 {
     transition: opacity 0.15s ease-in-out;
 }
-.gallery__image_18zdf > img {
+.gallery__image_691o9 > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -56,36 +56,36 @@
         overflow: clip;
         overflow-clip-margin: border-box;
     }
-.gallery__image_18zdf:hover {
+.gallery__image_691o9:hover {
         opacity: 0.7;
     }
-.gallery__loading_18zdf {
+.gallery__loading_691o9 {
     background-color: var(--color-static-neutral-100-inverted);
 }
-.gallery__loading_18zdf .gallery__active_18zdf {
+.gallery__loading_691o9 .gallery__active_691o9 {
         background-color: var(--color-static-neutral-300-inverted);
     }
-.gallery__brokenImageWrapper_18zdf {
+.gallery__brokenImageWrapper_691o9 {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
     opacity: 0.3;
 }
-.gallery__brokenImageWrapper_18zdf.gallery__active_18zdf {
+.gallery__brokenImageWrapper_691o9.gallery__active_691o9 {
         opacity: 1;
     }
-.gallery__brokenIcon_18zdf {
+.gallery__brokenIcon_691o9 {
     width: 40px;
     height: 40px;
 }
-.gallery__focused_18zdf {
+.gallery__focused_691o9 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__canvasPreview_18zdf {
+.gallery__canvasPreview_691o9 {
     border-radius: var(--border-radius-12);
 }
-.gallery__canvasPreview_18zdf.gallery__mobile_18zdf {
+.gallery__canvasPreview_691o9.gallery__mobile_691o9 {
         border-radius: var(--border-radius-8);
     }