@alfalab/core-components-gallery 7.1.8 → 7.1.9

package/modern/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/modern/components/info-bar/index.module.css.js

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

package/modern/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/modern/components/navigation-bar/index.module.css.js

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

package/modern/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/modern/components/subtitles/index.module.css.js

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

package/modern/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/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const 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"};
+const 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/moderncssm/components/image-viewer/index.module.css

@@ -66,158 +66,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%;
+        .singleSlideContainer.mobile {
+            max-height: calc(100vh - 174px);
+            padding: 0;
+        }
 
-    max-height: calc(100vh - 80px);
-    padding: var(--gap-32);
-    box-sizing: border-box;
-}
+        .singleSlideContainer.mobileVideo {
+            max-height: 100vh;
+        }
 
-.singleSlideContainer.mobile {
-        max-height: calc(100vh - 174px);
-        padding: 0;
+    .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;
-}
+    .slideLoading {
+        background-color: var(--color-static-neutral-translucent-100-inverted);
+        border-radius: var(--border-radius-8);
+    }
 
-.slide {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-}
+    .spinner {
+        position: absolute;
+        color: var(--color-static-neutral-translucent-1300-inverted);
+    }
 
-.slideLoading {
-    background-color: var(--color-static-neutral-translucent-100-inverted);
-    border-radius: var(--border-radius-8);
-}
+    .image {
+        width: 0;
+        height: 0;
+        -webkit-user-select: none;
+           -moz-user-select: none;
+                user-select: none;
+        border-radius: var(--border-radius-8);
+    }
 
-.spinner {
-    position: absolute;
-    color: var(--color-static-neutral-translucent-1300-inverted);
-}
+        .image.mobile {
+            border-radius: var(--border-radius-0);
+        }
 
-.image {
-    width: 0;
-    height: 0;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    border-radius: var(--border-radius-8);
-}
+    .smallImage {
+        position: relative;
+        width: auto;
+        height: auto;
+        -webkit-user-select: none;
+           -moz-user-select: none;
+                user-select: none;
+    }
 
-.image.mobile {
-        border-radius: var(--border-radius-0);
+    .verticalImageFit {
+        width: auto;
+        height: 100%;
     }
 
-.smallImage {
-    position: relative;
-    width: auto;
-    height: auto;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-}
+    .horizontalImageFit {
+        width: 100%;
+        height: auto;
+    }
 
-.verticalImageFit {
-    width: auto;
-    height: 100%;
-}
+    .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;
+    }
 
-.horizontalImageFit {
-    width: 100%;
-    height: auto;
-}
+        .arrow:hover {
+            background-color: var(--color-static-neutral-0-inverted-hover);
+        }
 
-.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:active {
+            background-color: var(--color-static-neutral-0-inverted-press);
+        }
 
-.arrow:hover {
-        background-color: var(--color-static-neutral-0-inverted-hover);
+    .focused {
+        outline: 2px solid var(--focus-color);
+        outline-offset: 2px;
     }
 
-.arrow:active {
-        background-color: var(--color-static-neutral-0-inverted-press);
+    .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);
     }
 
-.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;
-}
+    .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);
-}
+    .brokenImgIcon {
+        width: 80px;
+        height: 80px;
+        margin-bottom: var(--gap-4);
+    }
 
-.fullScreenImage {
-    width: 100%;
-    height: auto;
-    background-color: var(--color-light-base-bg-primary);
-}
+    .fullScreenImage {
+        width: 100%;
+        height: auto;
+        background-color: var(--color-light-base-bg-primary);
+    }
 
-.fullScreenVideo {
-    width: calc(100% - 192px);
-    max-height: calc(100vh - 82px);
+    .fullScreenVideo {
+        width: calc(100% - 192px);
+        max-height: calc(100vh - 82px);
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-gallery",
-    "version": "7.1.8",
+    "version": "7.1.9",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -13,15 +13,15 @@
         "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^7.1.5",
-        "@alfalab/core-components-button": "^13.1.3",
-        "@alfalab/core-components-icon-button": "^8.0.6",
-        "@alfalab/core-components-icon-view": "^5.0.3",
-        "@alfalab/core-components-mq": "^6.0.4",
-        "@alfalab/core-components-spinner": "^6.0.4",
-        "@alfalab/core-components-tooltip": "^9.0.13",
-        "@alfalab/core-components-typography": "^6.0.6",
-        "@alfalab/hooks": "^1.13.1",
+        "@alfalab/core-components-base-modal": "^7.1.6",
+        "@alfalab/core-components-button": "^13.1.4",
+        "@alfalab/core-components-icon-button": "^8.0.7",
+        "@alfalab/core-components-icon-view": "^5.0.4",
+        "@alfalab/core-components-mq": "^6.0.5",
+        "@alfalab/core-components-spinner": "^6.0.5",
+        "@alfalab/core-components-tooltip": "^9.0.14",
+        "@alfalab/core-components-typography": "^6.0.7",
+        "@alfalab/hooks": "^1.17.0",
         "@alfalab/icons-glyph": "^2.260.0",
         "classnames": "^2.5.1",
         "element-closest": "^3.0.2",