@alfalab/core-components-gallery 7.1.0 → 7.1.1-alfasans

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_c9p57 {
+.gallery__videoWrapper_ethtd {
     display: flex;
     justify-content: center;
     height: 100%;
     width: auto;
     position: relative;
 }
-.gallery__video_c9p57 {
+.gallery__video_ethtd {
     max-width: 100%;
     max-height: 100%;
     border-radius: var(--border-radius-24);
 }
-.gallery__mobile_c9p57 {
+.gallery__mobile_ethtd {
     border-radius: var(--border-radius-0);
 }
-.gallery__videoButton_c9p57 {
+.gallery__videoButton_ethtd {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -30,13 +30,13 @@
     z-index: 1;
     color: green;
 }
-.gallery__icon_c9p57 {
+.gallery__icon_ethtd {
     color: var(--color-static-neutral-0);
 }
-.gallery__iconShape_c9p57 {
+.gallery__iconShape_ethtd {
     fill: var(--color-static-neutral-translucent-700);
 }
-.gallery__bottomButton_c9p57 {
+.gallery__bottomButton_ethtd {
     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_c9p57","video":"gallery__video_c9p57","mobile":"gallery__mobile_c9p57","videoButton":"gallery__videoButton_c9p57","icon":"gallery__icon_c9p57","iconShape":"gallery__iconShape_c9p57","bottomButton":"gallery__bottomButton_c9p57"};
+var styles = {"videoWrapper":"gallery__videoWrapper_ethtd","video":"gallery__video_ethtd","mobile":"gallery__mobile_ethtd","videoButton":"gallery__videoButton_ethtd","icon":"gallery__icon_ethtd","iconShape":"gallery__iconShape_ethtd","bottomButton":"gallery__bottomButton_ethtd"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/image-viewer/video/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.videoWrapper {\n    display: flex;\n    justify-content: center;\n    height: 100%;\n    width: auto;\n    position: relative;\n}\n\n.video {\n    max-width: 100%;\n    max-height: 100%;\n    border-radius: var(--border-radius-24);\n}\n\n.mobile {\n    border-radius: var(--border-radius-0);\n}\n\n.videoButton {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    color: green;\n}\n\n.icon {\n    color: var(--color-static-neutral-0);\n}\n\n.iconShape {\n    fill: var(--color-static-neutral-translucent-700);\n}\n\n.bottomButton {\n    position: absolute;\n    bottom: 48px;\n    left: 32px;\n    right: 32px;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,WAAW,CAAC,0BAA0B,CAAC,cAAc,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/image-viewer/video/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.videoWrapper {\n    display: flex;\n    justify-content: center;\n    height: 100%;\n    width: auto;\n    position: relative;\n}\n\n.video {\n    max-width: 100%;\n    max-height: 100%;\n    border-radius: var(--border-radius-24);\n}\n\n.mobile {\n    border-radius: var(--border-radius-0);\n}\n\n.videoButton {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    color: green;\n}\n\n.icon {\n    color: var(--color-static-neutral-0);\n}\n\n.iconShape {\n    fill: var(--color-static-neutral-translucent-700);\n}\n\n.bottomButton {\n    position: absolute;\n    bottom: 48px;\n    left: 32px;\n    right: 32px;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,WAAW,CAAC,0BAA0B,CAAC,cAAc,CAAC,6BAA6B,CAAC;;;;"}

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

@@ -7,10 +7,10 @@
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
 }
-.gallery__description_e4exg {
+.gallery__description_re6m4 {
     text-align: center;
 }
-.gallery__infoWrapper_e4exg {
+.gallery__infoWrapper_re6m4 {
     background-color: var(--color-static-neutral-0-inverted);
     display: flex;
     align-items: center;
@@ -19,7 +19,7 @@
     position: relative;
     height: 48px;
 }
-.gallery__infoWrapper_e4exg.gallery__video_e4exg {
+.gallery__infoWrapper_re6m4.gallery__video_re6m4 {
         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_e4exg","infoWrapper":"gallery__infoWrapper_e4exg","video":"gallery__video_e4exg"};
+var styles = {"description":"gallery__description_re6m4","infoWrapper":"gallery__infoWrapper_re6m4","video":"gallery__video_re6m4"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/info-bar/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.description {\n    text-align: center;\n}\n\n.infoWrapper {\n    background-color: var(--color-static-neutral-0-inverted);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 var(--gap-8) var(--gap-4);\n    position: relative;\n    height: 48px;\n\n    &.video {\n        padding: 0 var(--gap-4) var(--gap-4);\n        justify-content: space-between;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,aAAa,CAAC,4BAA4B,CAAC,aAAa,CAAC,4BAA4B,CAAC,OAAO,CAAC,sBAAsB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/info-bar/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.description {\n    text-align: center;\n}\n\n.infoWrapper {\n    background-color: var(--color-static-neutral-0-inverted);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 var(--gap-8) var(--gap-4);\n    position: relative;\n    height: 48px;\n\n    &.video {\n        padding: 0 var(--gap-4) var(--gap-4);\n        justify-content: space-between;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,aAAa,CAAC,4BAA4B,CAAC,aAAa,CAAC,4BAA4B,CAAC,OAAO,CAAC,sBAAsB,CAAC;;;;"}

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

@@ -13,7 +13,7 @@
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
 }
-.gallery__component_fhd2d {
+.gallery__component_5eomf {
     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_fhd2d.gallery__mobile_fhd2d {
+.gallery__component_5eomf.gallery__mobile_5eomf {
         padding: var(--gap-8) var(--gap-24);
     }
-.gallery__component_fhd2d::-webkit-scrollbar {
+.gallery__component_5eomf::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_fhd2d {
+.gallery__previews_5eomf {
     display: flex;
 }
-.gallery__preview_fhd2d {
+.gallery__preview_5eomf {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_fhd2d.gallery__mobile_fhd2d {
+.gallery__preview_5eomf.gallery__mobile_5eomf {
         margin-right: var(--gap-2);
     }
-.gallery__preview_fhd2d:first-child {
+.gallery__preview_5eomf:first-child {
         margin-left: auto;
     }
-.gallery__preview_fhd2d:last-child {
+.gallery__preview_5eomf: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_fhd2d","mobile":"gallery__mobile_fhd2d","preview":"gallery__preview_fhd2d"};
+var styles = {"component":"gallery__component_5eomf","mobile":"gallery__mobile_5eomf","preview":"gallery__preview_5eomf"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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/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;;;;"}
+{"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;;;;"}

package/esm/components/subtitles/index.css

@@ -5,7 +5,7 @@
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 }
-.gallery__subtitles_1yg4j {
+.gallery__subtitles_ojcol {
     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_1yg4j.gallery__mobile_1yg4j {
+.gallery__subtitles_ojcol.gallery__mobile_ojcol {
         position: static;
         position: initial;
     }
-.gallery__hideSubtitles_1yg4j {
+.gallery__hideSubtitles_ojcol {
     opacity: 0;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"subtitles":"gallery__subtitles_1yg4j","mobile":"gallery__mobile_1yg4j","hideSubtitles":"gallery__hideSubtitles_1yg4j"};
+var styles = {"subtitles":"gallery__subtitles_ojcol","mobile":"gallery__mobile_ojcol","hideSubtitles":"gallery__hideSubtitles_ojcol"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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/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:\n        opacity 500ms ease-in-out,\n        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/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:\n        opacity 500ms ease-in-out,\n        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/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_83eok {
+.gallery__container_ldm08 {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -26,16 +26,16 @@
     padding-top: var(--sat);
     padding-bottom: var(--sab);
 }
-.gallery__container_83eok.gallery__mobile_83eok {
+.gallery__container_ldm08.gallery__mobile_ldm08 {
         overflow: hidden;
     }
-.gallery__modal_83eok {
+.gallery__modal_ldm08 {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
 }
-.gallery__navigationVideo_83eok {
+.gallery__navigationVideo_ldm08 {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -44,18 +44,18 @@
     transition: transform 0.3s ease-in-out;
     text-align: center;
 }
-.gallery__hide_83eok {
+.gallery__hide_ldm08 {
     transform: translateY(114px);
 }
-.gallery__hideInfo_83eok {
+.gallery__hideInfo_ldm08 {
     transform: translateY(48px);
 }
-.gallery__bottomButton_83eok {
+.gallery__bottomButton_ldm08 {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__subtitles_83eok {
+.gallery__subtitles_ldm08 {
     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_83eok {
+.gallery__hideSubtitles_ldm08 {
     opacity: 0;
 }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"gallery__container_83eok","mobile":"gallery__mobile_83eok","modal":"gallery__modal_83eok","navigationVideo":"gallery__navigationVideo_83eok","hide":"gallery__hide_83eok","hideInfo":"gallery__hideInfo_83eok","bottomButton":"gallery__bottomButton_83eok"};
+var styles = {"container":"gallery__container_ldm08","mobile":"gallery__mobile_ldm08","modal":"gallery__modal_ldm08","navigationVideo":"gallery__navigationVideo_ldm08","hide":"gallery__hide_ldm08","hideInfo":"gallery__hideInfo_ldm08","bottomButton":"gallery__bottomButton_ldm08"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '@alfalab/core-components-vars/src/safe-area.css';\n\n.container {\n    position: relative;\n    overflow-x: hidden;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    width: 100%;\n    background-color: var(--color-static-neutral-0-inverted);\n    padding-top: var(--sat);\n    padding-bottom: var(--sab);\n\n    &.mobile {\n        overflow: hidden;\n    }\n}\n\n.modal {\n    flex-grow: 1;\n    width: 100vw;\n    height: 100vh;\n    background: transparent;\n}\n\n.navigationVideo {\n    z-index: 3;\n    width: 100%;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    transition: transform 0.3s ease-in-out;\n    text-align: center;\n}\n\n.hide {\n    transform: translateY(114px);\n}\n\n.hideInfo {\n    transform: translateY(48px);\n}\n\n.bottomButton {\n    width: calc(100% - var(--gap-32));\n    margin: var(--gap-16);\n    background-color: var(--color-static-neutral-translucent-500-inverted);\n}\n\n.subtitles {\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:\n        opacity 500ms ease-in-out,\n        margin-bottom 270ms ease-in-out;\n}\n\n.hideSubtitles {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,yBAAyB,CAAC,cAAc,CAAC,6BAAmH,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '@alfalab/core-components-vars/src/safe-area.css';\n\n.container {\n    position: relative;\n    overflow-x: hidden;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    width: 100%;\n    background-color: var(--color-static-neutral-0-inverted);\n    padding-top: var(--sat);\n    padding-bottom: var(--sab);\n\n    &.mobile {\n        overflow: hidden;\n    }\n}\n\n.modal {\n    flex-grow: 1;\n    width: 100vw;\n    height: 100vh;\n    background: transparent;\n}\n\n.navigationVideo {\n    z-index: 3;\n    width: 100%;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    transition: transform 0.3s ease-in-out;\n    text-align: center;\n}\n\n.hide {\n    transform: translateY(114px);\n}\n\n.hideInfo {\n    transform: translateY(48px);\n}\n\n.bottomButton {\n    width: calc(100% - var(--gap-32));\n    margin: var(--gap-16);\n    background-color: var(--color-static-neutral-translucent-500-inverted);\n}\n\n.subtitles {\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:\n        opacity 500ms ease-in-out,\n        margin-bottom 270ms ease-in-out;\n}\n\n.hideSubtitles {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,yBAAyB,CAAC,cAAc,CAAC,6BAAmH,CAAC;;;;"}

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_83eok {
+.gallery__container_ldm08 {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -26,16 +26,16 @@
     padding-top: var(--sat);
     padding-bottom: var(--sab);
 }
-.gallery__container_83eok.gallery__mobile_83eok {
+.gallery__container_ldm08.gallery__mobile_ldm08 {
         overflow: hidden;
     }
-.gallery__modal_83eok {
+.gallery__modal_ldm08 {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
 }
-.gallery__navigationVideo_83eok {
+.gallery__navigationVideo_ldm08 {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -44,18 +44,18 @@
     transition: transform 0.3s ease-in-out;
     text-align: center;
 }
-.gallery__hide_83eok {
+.gallery__hide_ldm08 {
     transform: translateY(114px);
 }
-.gallery__hideInfo_83eok {
+.gallery__hideInfo_ldm08 {
     transform: translateY(48px);
 }
-.gallery__bottomButton_83eok {
+.gallery__bottomButton_ldm08 {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__subtitles_83eok {
+.gallery__subtitles_ldm08 {
     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_83eok {
+.gallery__hideSubtitles_ldm08 {
     opacity: 0;
 }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"container":"gallery__container_83eok","mobile":"gallery__mobile_83eok","modal":"gallery__modal_83eok","navigationVideo":"gallery__navigationVideo_83eok","hide":"gallery__hide_83eok","hideInfo":"gallery__hideInfo_83eok","bottomButton":"gallery__bottomButton_83eok"};
+var styles = {"container":"gallery__container_ldm08","mobile":"gallery__mobile_ldm08","modal":"gallery__modal_ldm08","navigationVideo":"gallery__navigationVideo_ldm08","hide":"gallery__hide_ldm08","hideInfo":"gallery__hideInfo_ldm08","bottomButton":"gallery__bottomButton_ldm08"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '@alfalab/core-components-vars/src/safe-area.css';\n\n.container {\n    position: relative;\n    overflow-x: hidden;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    width: 100%;\n    background-color: var(--color-static-neutral-0-inverted);\n    padding-top: var(--sat);\n    padding-bottom: var(--sab);\n\n    &.mobile {\n        overflow: hidden;\n    }\n}\n\n.modal {\n    flex-grow: 1;\n    width: 100vw;\n    height: 100vh;\n    background: transparent;\n}\n\n.navigationVideo {\n    z-index: 3;\n    width: 100%;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    transition: transform 0.3s ease-in-out;\n    text-align: center;\n}\n\n.hide {\n    transform: translateY(114px);\n}\n\n.hideInfo {\n    transform: translateY(48px);\n}\n\n.bottomButton {\n    width: calc(100% - var(--gap-32));\n    margin: var(--gap-16);\n    background-color: var(--color-static-neutral-translucent-500-inverted);\n}\n\n.subtitles {\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:\n        opacity 500ms ease-in-out,\n        margin-bottom 270ms ease-in-out;\n}\n\n.hideSubtitles {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,yBAAyB,CAAC,cAAc,CAAC,6BAAmH,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '@alfalab/core-components-vars/src/safe-area.css';\n\n.container {\n    position: relative;\n    overflow-x: hidden;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    width: 100%;\n    background-color: var(--color-static-neutral-0-inverted);\n    padding-top: var(--sat);\n    padding-bottom: var(--sab);\n\n    &.mobile {\n        overflow: hidden;\n    }\n}\n\n.modal {\n    flex-grow: 1;\n    width: 100vw;\n    height: 100vh;\n    background: transparent;\n}\n\n.navigationVideo {\n    z-index: 3;\n    width: 100%;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    transition: transform 0.3s ease-in-out;\n    text-align: center;\n}\n\n.hide {\n    transform: translateY(114px);\n}\n\n.hideInfo {\n    transform: translateY(48px);\n}\n\n.bottomButton {\n    width: calc(100% - var(--gap-32));\n    margin: var(--gap-16);\n    background-color: var(--color-static-neutral-translucent-500-inverted);\n}\n\n.subtitles {\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:\n        opacity 500ms ease-in-out,\n        margin-bottom 270ms ease-in-out;\n}\n\n.hideSubtitles {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,yBAAyB,CAAC,cAAc,CAAC,6BAAmH,CAAC;;;;"}

package/modern/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_1bg9d {
+.gallery__component_195lt {
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__component_1bg9d:hover {
+.gallery__component_195lt:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
     }
-.gallery__component_1bg9d:active {
+.gallery__component_195lt:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
     }
-.gallery__component_1bg9d {
+.gallery__component_195lt {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
 }
-.gallery__notVisible_1bg9d {
+.gallery__notVisible_195lt {
     transform: translateY(250%);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"gallery__component_1bg9d","notVisible":"gallery__notVisible_1bg9d"};
+const styles = {"component":"gallery__component_195lt","notVisible":"gallery__notVisible_195lt"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/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,eAAe,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/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,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}

package/modern/components/buttons/index.css

@@ -8,19 +8,19 @@
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
 }
-.gallery__buttons_a0rwx {
+.gallery__buttons_1if37 {
     display: flex;
     padding-left: var(--gap-32);
 }
-.gallery__buttons_a0rwx path {
+.gallery__buttons_1if37 path {
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
-.gallery__iconButton_a0rwx path {
+.gallery__iconButton_1if37 path {
         color: var(--color-static-neutral-100);
     }
-.gallery__iconButton_a0rwx:hover path {
+.gallery__iconButton_1if37:hover path {
         color: var(--color-static-neutral-100-hover);
     }
-.gallery__iconButton_a0rwx:active path {
+.gallery__iconButton_1if37:active path {
         color: var(--color-static-neutral-100-press);
     }

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

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

package/modern/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/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,eAAe,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/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,eAAe,CAAoC,YAAY,CAAC,2BAA2B,CAAC;;;;"}

package/modern/components/header/index.css

@@ -4,7 +4,7 @@
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 }
-.gallery__header_jgu71 {
+.gallery__header_1db9m {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;

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

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

package/modern/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/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,eAAe,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/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,eAAe,CAAC,QAAQ,CAAC,uBAAuB,CAAC;;;;"}

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

@@ -2,24 +2,24 @@
     --gap-2xs: 4px;
     --gap-4: var(--gap-2xs);
 }
-.gallery__info_1cqwa {
+.gallery__info_1esb1 {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
 }
-.gallery__filenameHead_1cqwa {
+.gallery__filenameHead_1esb1 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
-.gallery__filenameContainer_1cqwa {
+.gallery__filenameContainer_1esb1 {
     overflow: hidden;
     display: inline-flex;
 }
-.gallery__description_1cqwa {
+.gallery__description_1esb1 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"info":"gallery__info_1cqwa","filenameHead":"gallery__filenameHead_1cqwa","filenameContainer":"gallery__filenameContainer_1cqwa","description":"gallery__description_1cqwa"};
+const styles = {"info":"gallery__info_1esb1","filenameHead":"gallery__filenameHead_1esb1","filenameContainer":"gallery__filenameContainer_1esb1","description":"gallery__description_1esb1"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/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,eAAe,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/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,eAAe,CAAC,MAAM,CAAC,qBAAqB,CAAC,cAAc,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}

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

@@ -1,7 +1,7 @@
 :root {
     --color-static-neutral-0-inverted: #262629;
 }
-.gallery__headerMobile_1fvj2 {
+.gallery__headerMobile_14ukm {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -10,21 +10,21 @@
     justify-content: space-between;
     align-items: center;
 }
-.gallery__headerMobile_1fvj2.gallery__video_1fvj2 {
+.gallery__headerMobile_14ukm.gallery__video_14ukm {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
     }
-.gallery__hide_1fvj2 {
+.gallery__hide_14ukm {
     transform: translateY(-96px);
 }
-.gallery__leftButton_1fvj2,
-.gallery__rightButtons_1fvj2 {
+.gallery__leftButton_14ukm,
+.gallery__rightButtons_14ukm {
     display: flex;
     align-items: center;
 }
-.gallery__description_1fvj2 {
+.gallery__description_14ukm {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"headerMobile":"gallery__headerMobile_1fvj2","video":"gallery__video_1fvj2","hide":"gallery__hide_1fvj2","rightButtons":"gallery__rightButtons_1fvj2","description":"gallery__description_1fvj2"};
+const styles = {"headerMobile":"gallery__headerMobile_14ukm","video":"gallery__video_14ukm","hide":"gallery__hide_14ukm","rightButtons":"gallery__rightButtons_14ukm","description":"gallery__description_14ukm"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/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,eAAe,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/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,eAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,qBAAqB,CAA0C,cAAc,CAAC,6BAA6B,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}