@alfalab/core-components-gallery 7.4.0-alfasans → 7.4.0

package/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_nfxwa {
+.gallery__component_1l7x8 {
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__component_nfxwa:hover {
+.gallery__component_1l7x8:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
     }
-.gallery__component_nfxwa:active {
+.gallery__component_1l7x8:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
     }
-.gallery__component_nfxwa {
+.gallery__component_1l7x8 {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
 }
-.gallery__notVisible_nfxwa {
+.gallery__notVisible_1l7x8 {
     transform: translateY(250%);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_nfxwa","notVisible":"gallery__notVisible_nfxwa"};
+var styles = {"component":"gallery__component_1l7x8","notVisible":"gallery__notVisible_1l7x8"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/buttons/index.css

@@ -7,19 +7,19 @@
 :root {
     --gap-32: 32px;
 }
-.gallery__buttons_17tmt {
+.gallery__buttons_1h2hb {
     display: flex;
     padding-left: var(--gap-32);
 }
-.gallery__buttons_17tmt path {
+.gallery__buttons_1h2hb path {
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
-.gallery__iconButton_17tmt path {
+.gallery__iconButton_1h2hb path {
         color: var(--color-static-neutral-100);
     }
-.gallery__iconButton_17tmt:hover path {
+.gallery__iconButton_1h2hb:hover path {
         color: var(--color-static-neutral-100-hover);
     }
-.gallery__iconButton_17tmt:active path {
+.gallery__iconButton_1h2hb:active path {
         color: var(--color-static-neutral-100-press);
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"iconButton":"gallery__iconButton_17tmt"};
+var styles = {"iconButton":"gallery__iconButton_1h2hb"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/index.css

@@ -3,7 +3,7 @@
     --gap-24: 24px;
     --gap-32: 32px;
 }
-.gallery__header_1v544 {
+.gallery__header_1nvd9 {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"gallery__header_1v544"};
+var styles = {"header":"gallery__header_1nvd9"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,24 +1,24 @@
 :root {
     --gap-4: 4px;
 }
-.gallery__info_guf6a {
+.gallery__info_5p6vx {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
 }
-.gallery__filenameHead_guf6a {
+.gallery__filenameHead_5p6vx {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
-.gallery__filenameContainer_guf6a {
+.gallery__filenameContainer_5p6vx {
     overflow: hidden;
     display: inline-flex;
 }
-.gallery__description_guf6a {
+.gallery__description_5p6vx {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"info":"gallery__info_guf6a","filenameHead":"gallery__filenameHead_guf6a","filenameContainer":"gallery__filenameContainer_guf6a","description":"gallery__description_guf6a"};
+var styles = {"info":"gallery__info_5p6vx","filenameHead":"gallery__filenameHead_5p6vx","filenameContainer":"gallery__filenameContainer_5p6vx","description":"gallery__description_5p6vx"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header-mobile/index.css

@@ -1,7 +1,7 @@
 :root {
     --color-static-neutral-0-inverted: #262629;
 }
-.gallery__headerMobile_6worh {
+.gallery__headerMobile_xfvfx {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -10,21 +10,21 @@
     justify-content: space-between;
     align-items: center;
 }
-.gallery__headerMobile_6worh.gallery__video_6worh {
+.gallery__headerMobile_xfvfx.gallery__video_xfvfx {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
     }
-.gallery__hide_6worh {
+.gallery__hide_xfvfx {
     transform: translateY(-96px);
 }
-.gallery__leftButton_6worh,
-.gallery__rightButtons_6worh {
+.gallery__leftButton_xfvfx,
+.gallery__rightButtons_xfvfx {
     display: flex;
     align-items: center;
 }
-.gallery__description_6worh {
+.gallery__description_xfvfx {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"headerMobile":"gallery__headerMobile_6worh","video":"gallery__video_6worh","hide":"gallery__hide_6worh","rightButtons":"gallery__rightButtons_6worh","description":"gallery__description_6worh"};
+var styles = {"headerMobile":"gallery__headerMobile_xfvfx","video":"gallery__video_xfvfx","hide":"gallery__hide_xfvfx","rightButtons":"gallery__rightButtons_xfvfx","description":"gallery__description_xfvfx"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/image-preview/index.css

@@ -10,23 +10,23 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_55vg5 {
+.gallery__component_1442f {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
 }
-.gallery__component_55vg5 .gallery__image_55vg5 {
+.gallery__component_1442f .gallery__image_1442f {
         opacity: 0.3;
     }
-.gallery__component_55vg5.gallery__mobile_55vg5 {
+.gallery__component_1442f.gallery__mobile_1442f {
         padding: 0;
     }
-.gallery__active_55vg5 > .gallery__image_55vg5 {
+.gallery__active_1442f > .gallery__image_1442f {
         opacity: 1;
     }
-.gallery__preview_55vg5 {
+.gallery__preview_1442f {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -36,15 +36,15 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__preview_55vg5.gallery__mobile_55vg5 {
+.gallery__preview_1442f.gallery__mobile_1442f {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     }
-.gallery__image_55vg5 {
+.gallery__image_1442f {
     transition: opacity 0.15s ease-in-out;
 }
-.gallery__image_55vg5 > img {
+.gallery__image_1442f > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -54,36 +54,36 @@
         overflow: clip;
         overflow-clip-margin: border-box;
     }
-.gallery__image_55vg5:hover {
+.gallery__image_1442f:hover {
         opacity: 0.7;
     }
-.gallery__loading_55vg5 {
+.gallery__loading_1442f {
     background-color: var(--color-static-neutral-100-inverted);
 }
-.gallery__loading_55vg5 .gallery__active_55vg5 {
+.gallery__loading_1442f .gallery__active_1442f {
         background-color: var(--color-static-neutral-translucent-100-inverted);
     }
-.gallery__brokenImageWrapper_55vg5 {
+.gallery__brokenImageWrapper_1442f {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-translucent-100-inverted);
     opacity: 0.3;
 }
-.gallery__brokenImageWrapper_55vg5.gallery__active_55vg5 {
+.gallery__brokenImageWrapper_1442f.gallery__active_1442f {
         opacity: 1;
     }
-.gallery__brokenIcon_55vg5 {
+.gallery__brokenIcon_1442f {
     width: 40px;
     height: 40px;
 }
-.gallery__focused_55vg5 {
+.gallery__focused_1442f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__canvasPreview_55vg5 {
+.gallery__canvasPreview_1442f {
     border-radius: var(--border-radius-12);
 }
-.gallery__canvasPreview_55vg5.gallery__mobile_55vg5 {
+.gallery__canvasPreview_1442f.gallery__mobile_1442f {
         border-radius: var(--border-radius-8);
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_55vg5","image":"gallery__image_55vg5","mobile":"gallery__mobile_55vg5","active":"gallery__active_55vg5","preview":"gallery__preview_55vg5","loading":"gallery__loading_55vg5","brokenImageWrapper":"gallery__brokenImageWrapper_55vg5","brokenIcon":"gallery__brokenIcon_55vg5","focused":"gallery__focused_55vg5","canvasPreview":"gallery__canvasPreview_55vg5"};
+var styles = {"component":"gallery__component_1442f","image":"gallery__image_1442f","mobile":"gallery__mobile_1442f","active":"gallery__active_1442f","preview":"gallery__preview_1442f","loading":"gallery__loading_1442f","brokenImageWrapper":"gallery__brokenImageWrapper_1442f","brokenIcon":"gallery__brokenIcon_1442f","focused":"gallery__focused_1442f","canvasPreview":"gallery__canvasPreview_1442f"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/image-viewer/index.css

@@ -19,7 +19,7 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_1de8a {
+.gallery__component_1dx79 {
     display: flex;
     flex-grow: 1;
     justify-content: center;
@@ -87,7 +87,7 @@
         z-index: -1000;
     }
 
-    .gallery__swiperFrame_1de8a {
+    .gallery__swiperFrame_1dx79 {
         display: flex;
         flex: 1 1 0;
         min-width: 0;
@@ -99,17 +99,17 @@
         box-sizing: border-box;
     }
 
-        .gallery__swiperFrame_1de8a.gallery__mobile_1de8a {
+        .gallery__swiperFrame_1dx79.gallery__mobile_1dx79 {
             max-height: calc(100vh - 210px);
             max-height: calc(100dvh - 210px);
         }
 
-        .gallery__swiperFrame_1de8a.gallery__mobileVideo_1de8a {
+        .gallery__swiperFrame_1dx79.gallery__mobileVideo_1dx79 {
             max-height: 100vh;
             max-height: 100dvh;
         }
 
-    .gallery__fullScreenFrame_1de8a {
+    .gallery__fullScreenFrame_1dx79 {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -122,7 +122,7 @@
         overflow: hidden;
     }
 
-    .gallery__hiddenFrame_1de8a {
+    .gallery__hiddenFrame_1dx79 {
         flex: 0 0 0;
         width: 0;
         height: 0;
@@ -130,16 +130,16 @@
         overflow: hidden;
     }
 
-    .gallery__swiper_1de8a {
+    .gallery__swiper_1dx79 {
         width: 100%;
         height: 100%;
     }
 
-    .gallery__hidden_1de8a {
+    .gallery__hidden_1dx79 {
         display: none;
     }
 
-    .gallery__singleSlideContainer_1de8a {
+    .gallery__singleSlideContainer_1dx79 {
         display: flex;
         width: 100%;
         height: 100%;
@@ -151,18 +151,18 @@
         box-sizing: border-box;
     }
 
-        .gallery__singleSlideContainer_1de8a.gallery__mobile_1de8a {
+        .gallery__singleSlideContainer_1dx79.gallery__mobile_1dx79 {
             max-height: calc(100vh - 174px);
             max-height: calc(100dvh - 174px);
             padding: 0;
         }
 
-        .gallery__singleSlideContainer_1de8a.gallery__mobileVideo_1de8a {
+        .gallery__singleSlideContainer_1dx79.gallery__mobileVideo_1dx79 {
             max-height: 100vh;
             max-height: 100dvh;
         }
 
-    .gallery__slide_1de8a {
+    .gallery__slide_1dx79 {
         position: relative;
         display: flex;
         justify-content: center;
@@ -171,17 +171,17 @@
         height: 100%;
     }
 
-    .gallery__slideLoading_1de8a {
+    .gallery__slideLoading_1dx79 {
         background-color: var(--color-static-neutral-translucent-100-inverted);
         border-radius: var(--border-radius-8);
     }
 
-    .gallery__spinner_1de8a {
+    .gallery__spinner_1dx79 {
         position: absolute;
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
 
-    .gallery__image_1de8a {
+    .gallery__image_1dx79 {
         width: auto;
         height: auto;
         max-width: 100%;
@@ -194,11 +194,11 @@
         border-radius: var(--border-radius-8);
     }
 
-        .gallery__image_1de8a.gallery__mobile_1de8a {
+        .gallery__image_1dx79.gallery__mobile_1dx79 {
             border-radius: var(--border-radius-0);
         }
 
-    .gallery__smallImage_1de8a {
+    .gallery__smallImage_1dx79 {
         position: relative;
         width: auto;
         height: auto;
@@ -211,17 +211,17 @@
                 user-select: none;
     }
 
-    .gallery__verticalImageFit_1de8a {
+    .gallery__verticalImageFit_1dx79 {
         width: auto;
         height: 100%;
     }
 
-    .gallery__horizontalImageFit_1de8a {
+    .gallery__horizontalImageFit_1dx79 {
         width: 100%;
         height: auto;
     }
 
-    .gallery__fullScreenMedia_1de8a {
+    .gallery__fullScreenMedia_1dx79 {
         width: 100%;
         height: 100%;
         max-width: 100%;
@@ -231,7 +231,7 @@
         border-radius: var(--border-radius-0);
     }
 
-    .gallery__arrow_1de8a {
+    .gallery__arrow_1dx79 {
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -245,20 +245,20 @@
         outline: none;
     }
 
-        .gallery__arrow_1de8a:hover {
+        .gallery__arrow_1dx79:hover {
             background-color: var(--color-static-neutral-0-inverted-hover);
         }
 
-        .gallery__arrow_1de8a:active {
+        .gallery__arrow_1dx79:active {
             background-color: var(--color-static-neutral-0-inverted-press);
         }
 
-    .gallery__focused_1de8a {
+    .gallery__focused_1dx79 {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
     }
 
-    .gallery__placeholder_1de8a {
+    .gallery__placeholder_1dx79 {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -268,7 +268,7 @@
         background-color: var(--color-static-neutral-translucent-100-inverted);
     }
 
-    .gallery__brokenImgWrapper_1de8a {
+    .gallery__brokenImgWrapper_1dx79 {
         position: relative;
         display: flex;
         flex-direction: column;
@@ -277,13 +277,13 @@
         text-align: center;
     }
 
-    .gallery__brokenImgIcon_1de8a {
+    .gallery__brokenImgIcon_1dx79 {
         width: 80px;
         height: 80px;
         margin-bottom: var(--gap-4);
     }
 
-    .gallery__fullScreenVideo_1de8a {
+    .gallery__fullScreenVideo_1dx79 {
         width: 100%;
         height: 100%;
         max-height: none;

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_1de8a","swiperFrame":"gallery__swiperFrame_1de8a","mobile":"gallery__mobile_1de8a","mobileVideo":"gallery__mobileVideo_1de8a","fullScreenFrame":"gallery__fullScreenFrame_1de8a","hiddenFrame":"gallery__hiddenFrame_1de8a","swiper":"gallery__swiper_1de8a","hidden":"gallery__hidden_1de8a","singleSlideContainer":"gallery__singleSlideContainer_1de8a","slide":"gallery__slide_1de8a","slideLoading":"gallery__slideLoading_1de8a","spinner":"gallery__spinner_1de8a","image":"gallery__image_1de8a","smallImage":"gallery__smallImage_1de8a","verticalImageFit":"gallery__verticalImageFit_1de8a","horizontalImageFit":"gallery__horizontalImageFit_1de8a","fullScreenMedia":"gallery__fullScreenMedia_1de8a","arrow":"gallery__arrow_1de8a","focused":"gallery__focused_1de8a","placeholder":"gallery__placeholder_1de8a","brokenImgWrapper":"gallery__brokenImgWrapper_1de8a","brokenImgIcon":"gallery__brokenImgIcon_1de8a","fullScreenVideo":"gallery__fullScreenVideo_1de8a"};
+var styles = {"component":"gallery__component_1dx79","swiperFrame":"gallery__swiperFrame_1dx79","mobile":"gallery__mobile_1dx79","mobileVideo":"gallery__mobileVideo_1dx79","fullScreenFrame":"gallery__fullScreenFrame_1dx79","hiddenFrame":"gallery__hiddenFrame_1dx79","swiper":"gallery__swiper_1dx79","hidden":"gallery__hidden_1dx79","singleSlideContainer":"gallery__singleSlideContainer_1dx79","slide":"gallery__slide_1dx79","slideLoading":"gallery__slideLoading_1dx79","spinner":"gallery__spinner_1dx79","image":"gallery__image_1dx79","smallImage":"gallery__smallImage_1dx79","verticalImageFit":"gallery__verticalImageFit_1dx79","horizontalImageFit":"gallery__horizontalImageFit_1dx79","fullScreenMedia":"gallery__fullScreenMedia_1dx79","arrow":"gallery__arrow_1dx79","focused":"gallery__focused_1dx79","placeholder":"gallery__placeholder_1dx79","brokenImgWrapper":"gallery__brokenImgWrapper_1dx79","brokenImgIcon":"gallery__brokenImgIcon_1dx79","fullScreenVideo":"gallery__fullScreenVideo_1dx79"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -7,7 +7,7 @@
     --border-radius-0: 0;
     --border-radius-24: 24px;
 }
-.gallery__videoWrapper_1c0wk {
+.gallery__videoWrapper_1ozc5 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -18,27 +18,27 @@
     min-width: 300px;
     min-height: 200px;
 }
-.gallery__mobileWrapper_1c0wk {
+.gallery__mobileWrapper_1ozc5 {
     width: 100%;
 }
-.gallery__videoWrapper_1c0wk.gallery__loading_1c0wk {
+.gallery__videoWrapper_1ozc5.gallery__loading_1ozc5 {
     width: 100%;
     aspect-ratio: 16/9;
     background-color: var(--color-static-neutral-translucent-100-inverted);
     border-radius: var(--border-radius-24);
     align-items: center;
 }
-.gallery__video_1c0wk {
+.gallery__video_1ozc5 {
     max-width: 100%;
     max-height: 100%;
     -o-object-fit: contain;
        object-fit: contain;
     border-radius: var(--border-radius-24);
 }
-.gallery__mobile_1c0wk {
+.gallery__mobile_1ozc5 {
     border-radius: var(--border-radius-0);
 }
-.gallery__videoButton_1c0wk {
+.gallery__videoButton_1ozc5 {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -46,13 +46,13 @@
     z-index: 1;
     color: green;
 }
-.gallery__icon_1c0wk {
+.gallery__icon_1ozc5 {
     color: var(--color-static-neutral-0);
 }
-.gallery__iconShape_1c0wk {
+.gallery__iconShape_1ozc5 {
     fill: var(--color-static-neutral-translucent-700);
 }
-.gallery__bottomButton_1c0wk {
+.gallery__bottomButton_1ozc5 {
     position: absolute;
     bottom: 48px;
     left: 32px;

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"videoWrapper":"gallery__videoWrapper_1c0wk","mobileWrapper":"gallery__mobileWrapper_1c0wk","loading":"gallery__loading_1c0wk","video":"gallery__video_1c0wk","mobile":"gallery__mobile_1c0wk","videoButton":"gallery__videoButton_1c0wk","icon":"gallery__icon_1c0wk","iconShape":"gallery__iconShape_1c0wk","bottomButton":"gallery__bottomButton_1c0wk"};
+var styles = {"videoWrapper":"gallery__videoWrapper_1ozc5","mobileWrapper":"gallery__mobileWrapper_1ozc5","loading":"gallery__loading_1ozc5","video":"gallery__video_1ozc5","mobile":"gallery__mobile_1ozc5","videoButton":"gallery__videoButton_1ozc5","icon":"gallery__icon_1ozc5","iconShape":"gallery__iconShape_1ozc5","bottomButton":"gallery__bottomButton_1ozc5"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/info-bar/index.css

@@ -5,10 +5,10 @@
     --gap-4: 4px;
     --gap-8: 8px;
 }
-.gallery__description_9kc4j {
+.gallery__description_p4pw1 {
     text-align: center;
 }
-.gallery__infoWrapper_9kc4j {
+.gallery__infoWrapper_p4pw1 {
     background-color: var(--color-static-neutral-0-inverted);
     display: flex;
     align-items: center;
@@ -17,7 +17,7 @@
     position: relative;
     height: 48px;
 }
-.gallery__infoWrapper_9kc4j.gallery__video_9kc4j {
+.gallery__infoWrapper_p4pw1.gallery__video_p4pw1 {
         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_9kc4j","infoWrapper":"gallery__infoWrapper_9kc4j","video":"gallery__video_9kc4j"};
+var styles = {"description":"gallery__description_p4pw1","infoWrapper":"gallery__infoWrapper_p4pw1","video":"gallery__video_p4pw1"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/navigation-bar/index.css

@@ -8,7 +8,7 @@
     --gap-12: 12px;
     --gap-32: 32px;
 }
-.gallery__component_12m3d {
+.gallery__component_1s702 {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -24,31 +24,31 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__component_12m3d.gallery__mobile_12m3d {
+.gallery__component_1s702.gallery__mobile_1s702 {
         padding: var(--gap-8);
     }
-.gallery__component_12m3d.gallery__dragging_12m3d {
+.gallery__component_1s702.gallery__dragging_1s702 {
         cursor: grabbing;
     }
-.gallery__component_12m3d.gallery__dragging_12m3d * {
+.gallery__component_1s702.gallery__dragging_1s702 * {
             cursor: grabbing;
         }
-.gallery__component_12m3d::-webkit-scrollbar {
+.gallery__component_1s702::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_12m3d {
+.gallery__previews_1s702 {
     display: flex;
 }
-.gallery__preview_12m3d {
+.gallery__preview_1s702 {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_12m3d.gallery__mobile_12m3d {
+.gallery__preview_1s702.gallery__mobile_1s702 {
         margin-right: var(--gap-2);
     }
-.gallery__preview_12m3d:first-child {
+.gallery__preview_1s702:first-child {
         margin-left: auto;
     }
-.gallery__preview_12m3d:last-child {
+.gallery__preview_1s702: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_12m3d","mobile":"gallery__mobile_12m3d","dragging":"gallery__dragging_12m3d","preview":"gallery__preview_12m3d"};
+var styles = {"component":"gallery__component_1s702","mobile":"gallery__mobile_1s702","dragging":"gallery__dragging_1s702","preview":"gallery__preview_1s702"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map