@alfalab/core-components-gallery 7.1.8 → 7.1.9

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_fcv7j","image":"gallery__image_fcv7j","mobile":"gallery__mobile_fcv7j","active":"gallery__active_fcv7j","preview":"gallery__preview_fcv7j","loading":"gallery__loading_fcv7j","brokenImageWrapper":"gallery__brokenImageWrapper_fcv7j","brokenIcon":"gallery__brokenIcon_fcv7j","focused":"gallery__focused_fcv7j","canvasPreview":"gallery__canvasPreview_fcv7j"};
+var styles = {"component":"gallery__component_691o9","image":"gallery__image_691o9","mobile":"gallery__mobile_691o9","active":"gallery__active_691o9","preview":"gallery__preview_691o9","loading":"gallery__loading_691o9","brokenImageWrapper":"gallery__brokenImageWrapper_691o9","brokenIcon":"gallery__brokenIcon_691o9","focused":"gallery__focused_691o9","canvasPreview":"gallery__canvasPreview_691o9"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -24,7 +24,7 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_1653q {
+.gallery__component_1yz96 {
     display: flex;
     flex-grow: 1;
     justify-content: center;
@@ -90,134 +90,158 @@
         opacity: 0;
         z-index: -1000;
     }
-}
-.gallery__swiper_1653q {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    max-height: calc(100vh - 168px);
-    padding: var(--gap-32) var(--gap-16);
-    box-sizing: border-box;
-}
-.gallery__swiper_1653q.gallery__mobile_1653q {
-        max-height: calc(100vh - 210px);
+
+    .gallery__swiper_1yz96 {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        max-height: calc(100vh - 168px);
+        padding: var(--gap-32) var(--gap-16);
+        box-sizing: border-box;
     }
-.gallery__swiper_1653q.gallery__mobileVideo_1653q {
-        max-height: 100vh;
+
+        .gallery__swiper_1yz96.gallery__mobile_1yz96 {
+            max-height: calc(100vh - 210px);
+        }
+
+        .gallery__swiper_1yz96.gallery__mobileVideo_1yz96 {
+            max-height: 100vh;
+        }
+
+    .gallery__singleSlideContainer_1yz96 {
+        display: flex;
+        width: 100%;
+        height: 100%;
+
+        max-height: calc(100vh - 80px);
+        padding: var(--gap-32);
+        box-sizing: border-box;
     }
-.gallery__singleSlideContainer_1653q {
-    display: flex;
-    width: 100%;
-    height: 100%;
 
-    max-height: calc(100vh - 80px);
-    padding: var(--gap-32);
-    box-sizing: border-box;
-}
-.gallery__singleSlideContainer_1653q.gallery__mobile_1653q {
-        max-height: calc(100vh - 174px);
-        padding: 0;
+        .gallery__singleSlideContainer_1yz96.gallery__mobile_1yz96 {
+            max-height: calc(100vh - 174px);
+            padding: 0;
+        }
+
+        .gallery__singleSlideContainer_1yz96.gallery__mobileVideo_1yz96 {
+            max-height: 100vh;
+        }
+
+    .gallery__hidden_1yz96 {
+        display: none;
     }
-.gallery__singleSlideContainer_1653q.gallery__mobileVideo_1653q {
-        max-height: 100vh;
+
+    .gallery__slide_1yz96 {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: 100%;
     }
-.gallery__hidden_1653q {
-    display: none;
-}
-.gallery__slide_1653q {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-}
-.gallery__slideLoading_1653q {
-    background-color: var(--color-static-neutral-translucent-100-inverted);
-    border-radius: var(--border-radius-8);
-}
-.gallery__spinner_1653q {
-    position: absolute;
-    color: var(--color-static-neutral-translucent-1300-inverted);
-}
-.gallery__image_1653q {
-    width: 0;
-    height: 0;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    border-radius: var(--border-radius-8);
-}
-.gallery__image_1653q.gallery__mobile_1653q {
-        border-radius: var(--border-radius-0);
-    }
-.gallery__smallImage_1653q {
-    position: relative;
-    width: auto;
-    height: auto;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-}
-.gallery__verticalImageFit_1653q {
-    width: auto;
-    height: 100%;
-}
-.gallery__horizontalImageFit_1653q {
-    width: 100%;
-    height: auto;
-}
-.gallery__arrow_1653q {
-    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;
-}
-.gallery__arrow_1653q:hover {
-        background-color: var(--color-static-neutral-0-inverted-hover);
+
+    .gallery__slideLoading_1yz96 {
+        background-color: var(--color-static-neutral-translucent-100-inverted);
+        border-radius: var(--border-radius-8);
     }
-.gallery__arrow_1653q:active {
-        background-color: var(--color-static-neutral-0-inverted-press);
+
+    .gallery__spinner_1yz96 {
+        position: absolute;
+        color: var(--color-static-neutral-translucent-1300-inverted);
+    }
+
+    .gallery__image_1yz96 {
+        width: 0;
+        height: 0;
+        -webkit-user-select: none;
+           -moz-user-select: none;
+                user-select: none;
+        border-radius: var(--border-radius-8);
+    }
+
+        .gallery__image_1yz96.gallery__mobile_1yz96 {
+            border-radius: var(--border-radius-0);
+        }
+
+    .gallery__smallImage_1yz96 {
+        position: relative;
+        width: auto;
+        height: auto;
+        -webkit-user-select: none;
+           -moz-user-select: none;
+                user-select: none;
+    }
+
+    .gallery__verticalImageFit_1yz96 {
+        width: auto;
+        height: 100%;
+    }
+
+    .gallery__horizontalImageFit_1yz96 {
+        width: 100%;
+        height: auto;
+    }
+
+    .gallery__arrow_1yz96 {
+        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;
+    }
+
+        .gallery__arrow_1yz96:hover {
+            background-color: var(--color-static-neutral-0-inverted-hover);
+        }
+
+        .gallery__arrow_1yz96:active {
+            background-color: var(--color-static-neutral-0-inverted-press);
+        }
+
+    .gallery__focused_1yz96 {
+        outline: 2px solid var(--focus-color);
+        outline-offset: 2px;
+    }
+
+    .gallery__placeholder_1yz96 {
+        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);
+    }
+
+    .gallery__brokenImgWrapper_1yz96 {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 150px;
+        text-align: center;
+    }
+
+    .gallery__brokenImgIcon_1yz96 {
+        width: 80px;
+        height: 80px;
+        margin-bottom: var(--gap-4);
+    }
+
+    .gallery__fullScreenImage_1yz96 {
+        width: 100%;
+        height: auto;
+        background-color: var(--color-light-base-bg-primary);
+    }
+
+    .gallery__fullScreenVideo_1yz96 {
+        width: calc(100% - 192px);
+        max-height: calc(100vh - 82px);
     }
-.gallery__focused_1653q {
-    outline: 2px solid var(--focus-color);
-    outline-offset: 2px;
-}
-.gallery__placeholder_1653q {
-    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);
-}
-.gallery__brokenImgWrapper_1653q {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 150px;
-    text-align: center;
-}
-.gallery__brokenImgIcon_1653q {
-    width: 80px;
-    height: 80px;
-    margin-bottom: var(--gap-4);
-}
-.gallery__fullScreenImage_1653q {
-    width: 100%;
-    height: auto;
-    background-color: var(--color-light-base-bg-primary);
-}
-.gallery__fullScreenVideo_1653q {
-    width: calc(100% - 192px);
-    max-height: calc(100vh - 82px);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_1653q","swiper":"gallery__swiper_1653q","mobile":"gallery__mobile_1653q","mobileVideo":"gallery__mobileVideo_1653q","singleSlideContainer":"gallery__singleSlideContainer_1653q","hidden":"gallery__hidden_1653q","slide":"gallery__slide_1653q","slideLoading":"gallery__slideLoading_1653q","spinner":"gallery__spinner_1653q","image":"gallery__image_1653q","smallImage":"gallery__smallImage_1653q","verticalImageFit":"gallery__verticalImageFit_1653q","horizontalImageFit":"gallery__horizontalImageFit_1653q","arrow":"gallery__arrow_1653q","focused":"gallery__focused_1653q","placeholder":"gallery__placeholder_1653q","brokenImgWrapper":"gallery__brokenImgWrapper_1653q","brokenImgIcon":"gallery__brokenImgIcon_1653q","fullScreenImage":"gallery__fullScreenImage_1653q","fullScreenVideo":"gallery__fullScreenVideo_1653q"};
+var styles = {"component":"gallery__component_1yz96","swiper":"gallery__swiper_1yz96","mobile":"gallery__mobile_1yz96","mobileVideo":"gallery__mobileVideo_1yz96","singleSlideContainer":"gallery__singleSlideContainer_1yz96","hidden":"gallery__hidden_1yz96","slide":"gallery__slide_1yz96","slideLoading":"gallery__slideLoading_1yz96","spinner":"gallery__spinner_1yz96","image":"gallery__image_1yz96","smallImage":"gallery__smallImage_1yz96","verticalImageFit":"gallery__verticalImageFit_1yz96","horizontalImageFit":"gallery__horizontalImageFit_1yz96","arrow":"gallery__arrow_1yz96","focused":"gallery__focused_1yz96","placeholder":"gallery__placeholder_1yz96","brokenImgWrapper":"gallery__brokenImgWrapper_1yz96","brokenImgIcon":"gallery__brokenImgIcon_1yz96","fullScreenImage":"gallery__fullScreenImage_1yz96","fullScreenVideo":"gallery__fullScreenVideo_1yz96"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/image-viewer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: flex;\n    flex-grow: 1;\n    justify-content: center;\n    background-color: var(--color-static-neutral-0-inverted);\n\n    /* swiper/swiper.css; */\n    :global(.swiper) {\n        margin-left: auto;\n        margin-right: auto;\n        position: relative;\n        overflow: hidden;\n        list-style: none;\n        padding: 0;\n        z-index: 1;\n        display: block;\n    }\n    :global(.swiper-wrapper) {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n        display: flex;\n        transition-property: transform;\n        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n        box-sizing: content-box;\n    }\n    :global(.swiper-android) :global(.swiper-slide),\n    :global(.swiper-ios) :global(.swiper-slide),\n    :global(.swiper-wrapper) {\n        transform: translate3d(0, 0, 0);\n    }\n    :global(.swiper-horizontal) {\n        touch-action: pan-y;\n    }\n    :global(.swiper-slide) {\n        flex-shrink: 0;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        transition-property: transform;\n        display: block;\n    }\n    :global(.swiper-slide-invisible-blank) {\n        visibility: hidden;\n    }\n    :global(.swiper-autoheight),\n    :global(.swiper-autoheight) :global(.swiper-slide) {\n        height: auto;\n    }\n    :global(.swiper-autoheight) :global(.swiper-wrapper) {\n        align-items: flex-start;\n        transition-property: transform, height;\n    }\n    :global(.swiper-backface-hidden) :global(.swiper-slide) {\n        transform: translateZ(0);\n        backface-visibility: hidden;\n    }\n\n    /* swiper/modules/a11y.css */\n    :global(.swiper) :global(.swiper-notification) {\n        position: absolute;\n        left: 0;\n        top: 0;\n        pointer-events: none;\n        opacity: 0;\n        z-index: -1000;\n    }\n}\n\n.swiper {\n    display: flex;\n    width: 100%;\n    height: 100%;\n\n    /* 168px - высота хэдера и футера */\n    max-height: calc(100vh - 168px);\n    padding: var(--gap-32) var(--gap-16);\n    box-sizing: border-box;\n\n    &.mobile {\n        max-height: calc(100vh - 210px);\n    }\n\n    &.mobileVideo {\n        max-height: 100vh;\n    }\n}\n\n.singleSlideContainer {\n    display: flex;\n    width: 100%;\n    height: 100%;\n\n    max-height: calc(100vh - 80px);\n    padding: var(--gap-32);\n    box-sizing: border-box;\n\n    &.mobile {\n        max-height: calc(100vh - 174px);\n        padding: 0;\n    }\n\n    &.mobileVideo {\n        max-height: 100vh;\n    }\n}\n\n.hidden {\n    display: none;\n}\n\n.slide {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n}\n\n.slideLoading {\n    background-color: var(--color-static-neutral-translucent-100-inverted);\n    border-radius: var(--border-radius-8);\n}\n\n.spinner {\n    position: absolute;\n    color: var(--color-static-neutral-translucent-1300-inverted);\n}\n\n.image {\n    width: 0;\n    height: 0;\n    user-select: none;\n    border-radius: var(--border-radius-8);\n\n    &.mobile {\n        border-radius: var(--border-radius-0);\n    }\n}\n\n.smallImage {\n    position: relative;\n    width: auto;\n    height: auto;\n    user-select: none;\n}\n\n.verticalImageFit {\n    width: auto;\n    height: 100%;\n}\n\n.horizontalImageFit {\n    width: 100%;\n    height: auto;\n}\n\n.arrow {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    width: 96px;\n    height: 100%;\n    cursor: pointer;\n    color: var(--color-static-neutral-translucent-1300-inverted);\n    transition: background-color 0.15s ease-in-out;\n    outline: none;\n\n    &:hover {\n        background-color: var(--color-static-neutral-0-inverted-hover);\n    }\n\n    &:active {\n        background-color: var(--color-static-neutral-0-inverted-press);\n    }\n}\n\n.focused {\n    @mixin focus-outline;\n}\n\n.placeholder {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    border-radius: var(--border-radius-8);\n    background-color: var(--color-static-neutral-300-inverted);\n}\n\n.brokenImgWrapper {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 150px;\n    text-align: center;\n}\n\n.brokenImgIcon {\n    width: 80px;\n    height: 80px;\n    margin-bottom: var(--gap-4);\n}\n\n.fullScreenImage {\n    width: 100%;\n    height: auto;\n    background-color: var(--color-light-base-bg-primary);\n}\n\n.fullScreenVideo {\n    width: calc(100% - 192px);\n    max-height: calc(100vh - 82px);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,qCAAqC,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,cAAc,CAAC,6BAA6B,CAAC,SAAS,CAAC,wBAAwB,CAAC,OAAO,CAAC,sBAAsB,CAAC,YAAY,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,OAAO,CAAC,sBAAsB,CAAC,SAAS,CAAC,wBAAwB,CAAC,aAAa,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,eAAe,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,iBAAiB,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/image-viewer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: flex;\n    flex-grow: 1;\n    justify-content: center;\n    background-color: var(--color-static-neutral-0-inverted);\n\n    /* swiper/swiper.css; */\n    :global(.swiper) {\n        margin-left: auto;\n        margin-right: auto;\n        position: relative;\n        overflow: hidden;\n        list-style: none;\n        padding: 0;\n        z-index: 1;\n        display: block;\n    }\n    :global(.swiper-wrapper) {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n        display: flex;\n        transition-property: transform;\n        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n        box-sizing: content-box;\n    }\n    :global(.swiper-android) :global(.swiper-slide),\n    :global(.swiper-ios) :global(.swiper-slide),\n    :global(.swiper-wrapper) {\n        transform: translate3d(0, 0, 0);\n    }\n    :global(.swiper-horizontal) {\n        touch-action: pan-y;\n    }\n    :global(.swiper-slide) {\n        flex-shrink: 0;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        transition-property: transform;\n        display: block;\n    }\n    :global(.swiper-slide-invisible-blank) {\n        visibility: hidden;\n    }\n    :global(.swiper-autoheight),\n    :global(.swiper-autoheight) :global(.swiper-slide) {\n        height: auto;\n    }\n    :global(.swiper-autoheight) :global(.swiper-wrapper) {\n        align-items: flex-start;\n        transition-property: transform, height;\n    }\n    :global(.swiper-backface-hidden) :global(.swiper-slide) {\n        transform: translateZ(0);\n        backface-visibility: hidden;\n    }\n\n    /* swiper/modules/a11y.css */\n    :global(.swiper) :global(.swiper-notification) {\n        position: absolute;\n        left: 0;\n        top: 0;\n        pointer-events: none;\n        opacity: 0;\n        z-index: -1000;\n    }\n\n    .swiper {\n        display: flex;\n        width: 100%;\n        height: 100%;\n\n        /* 168px - высота хэдера и футера */\n        max-height: calc(100vh - 168px);\n        padding: var(--gap-32) var(--gap-16);\n        box-sizing: border-box;\n\n        &.mobile {\n            max-height: calc(100vh - 210px);\n        }\n\n        &.mobileVideo {\n            max-height: 100vh;\n        }\n    }\n\n    .singleSlideContainer {\n        display: flex;\n        width: 100%;\n        height: 100%;\n\n        max-height: calc(100vh - 80px);\n        padding: var(--gap-32);\n        box-sizing: border-box;\n\n        &.mobile {\n            max-height: calc(100vh - 174px);\n            padding: 0;\n        }\n\n        &.mobileVideo {\n            max-height: 100vh;\n        }\n    }\n\n    .hidden {\n        display: none;\n    }\n\n    .slide {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n        height: 100%;\n    }\n\n    .slideLoading {\n        background-color: var(--color-static-neutral-translucent-100-inverted);\n        border-radius: var(--border-radius-8);\n    }\n\n    .spinner {\n        position: absolute;\n        color: var(--color-static-neutral-translucent-1300-inverted);\n    }\n\n    .image {\n        width: 0;\n        height: 0;\n        user-select: none;\n        border-radius: var(--border-radius-8);\n\n        &.mobile {\n            border-radius: var(--border-radius-0);\n        }\n    }\n\n    .smallImage {\n        position: relative;\n        width: auto;\n        height: auto;\n        user-select: none;\n    }\n\n    .verticalImageFit {\n        width: auto;\n        height: 100%;\n    }\n\n    .horizontalImageFit {\n        width: 100%;\n        height: auto;\n    }\n\n    .arrow {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        flex-shrink: 0;\n        width: 96px;\n        height: 100%;\n        cursor: pointer;\n        color: var(--color-static-neutral-translucent-1300-inverted);\n        transition: background-color 0.15s ease-in-out;\n        outline: none;\n\n        &:hover {\n            background-color: var(--color-static-neutral-0-inverted-hover);\n        }\n\n        &:active {\n            background-color: var(--color-static-neutral-0-inverted-press);\n        }\n    }\n\n    .focused {\n        @mixin focus-outline;\n    }\n\n    .placeholder {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100%;\n        height: 100%;\n        border-radius: var(--border-radius-8);\n        background-color: var(--color-static-neutral-300-inverted);\n    }\n\n    .brokenImgWrapper {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 150px;\n        text-align: center;\n    }\n\n    .brokenImgIcon {\n        width: 80px;\n        height: 80px;\n        margin-bottom: var(--gap-4);\n    }\n\n    .fullScreenImage {\n        width: 100%;\n        height: auto;\n        background-color: var(--color-light-base-bg-primary);\n    }\n\n    .fullScreenVideo {\n        width: calc(100% - 192px);\n        max-height: calc(100vh - 82px);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,qCAAqC,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,cAAc,CAAC,6BAA6B,CAAC,SAAS,CAAC,wBAAwB,CAAC,OAAO,CAAC,sBAAsB,CAAC,YAAY,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,OAAO,CAAC,sBAAsB,CAAC,SAAS,CAAC,wBAAwB,CAAC,aAAa,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,eAAe,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,iBAAiB,CAAC,gCAAgC,CAAC;;;;"}

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

@@ -7,22 +7,22 @@
     --border-radius-0: 0;
     --border-radius-24: var(--border-radius-3xl);
 }
-.gallery__videoWrapper_91hpk {
+.gallery__videoWrapper_ojpyh {
     display: flex;
     justify-content: center;
     height: 100%;
     width: auto;
     position: relative;
 }
-.gallery__video_91hpk {
+.gallery__video_ojpyh {
     max-width: 100%;
     max-height: 100%;
     border-radius: var(--border-radius-24);
 }
-.gallery__mobile_91hpk {
+.gallery__mobile_ojpyh {
     border-radius: var(--border-radius-0);
 }
-.gallery__videoButton_91hpk {
+.gallery__videoButton_ojpyh {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -30,13 +30,13 @@
     z-index: 1;
     color: green;
 }
-.gallery__icon_91hpk {
+.gallery__icon_ojpyh {
     color: var(--color-static-neutral-0);
 }
-.gallery__iconShape_91hpk {
+.gallery__iconShape_ojpyh {
     fill: var(--color-static-neutral-translucent-700);
 }
-.gallery__bottomButton_91hpk {
+.gallery__bottomButton_ojpyh {
     position: absolute;
     bottom: 48px;
     left: 32px;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"videoWrapper":"gallery__videoWrapper_91hpk","video":"gallery__video_91hpk","mobile":"gallery__mobile_91hpk","videoButton":"gallery__videoButton_91hpk","icon":"gallery__icon_91hpk","iconShape":"gallery__iconShape_91hpk","bottomButton":"gallery__bottomButton_91hpk"};
+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"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/info-bar/index.css

@@ -7,10 +7,10 @@
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
 }
-.gallery__description_hcmd3 {
+.gallery__description_1a6rt {
     text-align: center;
 }
-.gallery__infoWrapper_hcmd3 {
+.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_hcmd3.gallery__video_hcmd3 {
+.gallery__infoWrapper_1a6rt.gallery__video_1a6rt {
         padding: 0 var(--gap-4) var(--gap-4);
         justify-content: space-between;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"description":"gallery__description_hcmd3","infoWrapper":"gallery__infoWrapper_hcmd3","video":"gallery__video_hcmd3"};
+var styles = {"description":"gallery__description_1a6rt","infoWrapper":"gallery__infoWrapper_1a6rt","video":"gallery__video_1a6rt"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -13,7 +13,7 @@
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
 }
-.gallery__component_ipki0 {
+.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_ipki0.gallery__mobile_ipki0 {
+.gallery__component_y7sqx.gallery__mobile_y7sqx {
         padding: var(--gap-8) var(--gap-24);
     }
-.gallery__component_ipki0::-webkit-scrollbar {
+.gallery__component_y7sqx::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_ipki0 {
+.gallery__previews_y7sqx {
     display: flex;
 }
-.gallery__preview_ipki0 {
+.gallery__preview_y7sqx {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_ipki0.gallery__mobile_ipki0 {
+.gallery__preview_y7sqx.gallery__mobile_y7sqx {
         margin-right: var(--gap-2);
     }
-.gallery__preview_ipki0:first-child {
+.gallery__preview_y7sqx:first-child {
         margin-left: auto;
     }
-.gallery__preview_ipki0:last-child {
+.gallery__preview_y7sqx:last-child {
         margin-right: auto;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_ipki0","mobile":"gallery__mobile_ipki0","preview":"gallery__preview_ipki0"};
+var styles = {"component":"gallery__component_y7sqx","mobile":"gallery__mobile_y7sqx","preview":"gallery__preview_y7sqx"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/subtitles/index.css

@@ -5,7 +5,7 @@
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 }
-.gallery__subtitles_2n7x6 {
+.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_2n7x6.gallery__mobile_2n7x6 {
+.gallery__subtitles_16707.gallery__mobile_16707 {
         position: static;
         position: initial;
     }
-.gallery__hideSubtitles_2n7x6 {
+.gallery__hideSubtitles_16707 {
     opacity: 0;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"subtitles":"gallery__subtitles_2n7x6","mobile":"gallery__mobile_2n7x6","hideSubtitles":"gallery__hideSubtitles_2n7x6"};
+var styles = {"subtitles":"gallery__subtitles_16707","mobile":"gallery__mobile_16707","hideSubtitles":"gallery__hideSubtitles_16707"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.css

@@ -13,7 +13,7 @@
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
-.gallery__container_4v78w {
+.gallery__container_10cj0 {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -26,16 +26,16 @@
     padding-top: var(--sat);
     padding-bottom: var(--sab);
 }
-.gallery__container_4v78w.gallery__mobile_4v78w {
+.gallery__container_10cj0.gallery__mobile_10cj0 {
         overflow: hidden;
     }
-.gallery__modal_4v78w {
+.gallery__modal_10cj0 {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
 }
-.gallery__navigationVideo_4v78w {
+.gallery__navigationVideo_10cj0 {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -44,18 +44,18 @@
     transition: transform 0.3s ease-in-out;
     text-align: center;
 }
-.gallery__hide_4v78w {
+.gallery__hide_10cj0 {
     transform: translateY(114px);
 }
-.gallery__hideInfo_4v78w {
+.gallery__hideInfo_10cj0 {
     transform: translateY(48px);
 }
-.gallery__bottomButton_4v78w {
+.gallery__bottomButton_10cj0 {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__subtitles_4v78w {
+.gallery__subtitles_10cj0 {
     padding: var(--gap-0) var(--gap-32);
     margin-bottom: var(--gap-16);
     width: 100%;
@@ -66,6 +66,6 @@
         opacity 500ms ease-in-out,
         margin-bottom 270ms ease-in-out;
 }
-.gallery__hideSubtitles_4v78w {
+.gallery__hideSubtitles_10cj0 {
     opacity: 0;
 }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"gallery__container_4v78w","mobile":"gallery__mobile_4v78w","modal":"gallery__modal_4v78w","navigationVideo":"gallery__navigationVideo_4v78w","hide":"gallery__hide_4v78w","hideInfo":"gallery__hideInfo_4v78w","bottomButton":"gallery__bottomButton_4v78w"};
+var styles = {"container":"gallery__container_10cj0","mobile":"gallery__mobile_10cj0","modal":"gallery__modal_10cj0","navigationVideo":"gallery__navigationVideo_10cj0","hide":"gallery__hide_10cj0","hideInfo":"gallery__hideInfo_10cj0","bottomButton":"gallery__bottomButton_10cj0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/index.css

@@ -13,7 +13,7 @@
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
-.gallery__container_4v78w {
+.gallery__container_10cj0 {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -26,16 +26,16 @@
     padding-top: var(--sat);
     padding-bottom: var(--sab);
 }
-.gallery__container_4v78w.gallery__mobile_4v78w {
+.gallery__container_10cj0.gallery__mobile_10cj0 {
         overflow: hidden;
     }
-.gallery__modal_4v78w {
+.gallery__modal_10cj0 {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
 }
-.gallery__navigationVideo_4v78w {
+.gallery__navigationVideo_10cj0 {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -44,18 +44,18 @@
     transition: transform 0.3s ease-in-out;
     text-align: center;
 }
-.gallery__hide_4v78w {
+.gallery__hide_10cj0 {
     transform: translateY(114px);
 }
-.gallery__hideInfo_4v78w {
+.gallery__hideInfo_10cj0 {
     transform: translateY(48px);
 }
-.gallery__bottomButton_4v78w {
+.gallery__bottomButton_10cj0 {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__subtitles_4v78w {
+.gallery__subtitles_10cj0 {
     padding: var(--gap-0) var(--gap-32);
     margin-bottom: var(--gap-16);
     width: 100%;
@@ -66,6 +66,6 @@
         opacity 500ms ease-in-out,
         margin-bottom 270ms ease-in-out;
 }
-.gallery__hideSubtitles_4v78w {
+.gallery__hideSubtitles_10cj0 {
     opacity: 0;
 }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"container":"gallery__container_4v78w","mobile":"gallery__mobile_4v78w","modal":"gallery__modal_4v78w","navigationVideo":"gallery__navigationVideo_4v78w","hide":"gallery__hide_4v78w","hideInfo":"gallery__hideInfo_4v78w","bottomButton":"gallery__bottomButton_4v78w"};
+var styles = {"container":"gallery__container_10cj0","mobile":"gallery__mobile_10cj0","modal":"gallery__modal_10cj0","navigationVideo":"gallery__navigationVideo_10cj0","hide":"gallery__hide_10cj0","hideInfo":"gallery__hideInfo_10cj0","bottomButton":"gallery__bottomButton_10cj0"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map