@alfalab/core-components-gallery 6.0.1 → 6.0.3

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

@@ -15,77 +15,78 @@
     --gap-2xs: 4px;
     --gap-m: 16px;
     --gap-2xl: 32px;
+    --gap-4: var(--gap-2xs);
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 } :root {
     --focus-color: var(--color-light-status-info);
-} .gallery__component_1eaei {
+} .gallery__component_d6n2w {
     display: flex;
     flex-grow: 1;
     justify-content: center;
     background-color: var(--color-static-neutral-0-inverted);
-} .gallery__swiper_1eaei {
+} .gallery__swiper_d6n2w {
     display: flex;
     width: 100%;
     height: 100%;
     max-height: calc(100vh - 168px);
     padding: var(--gap-32) var(--gap-16);
-    box-sizing: border-box
-} .gallery__swiper_1eaei.gallery__mobile_1eaei {
+    box-sizing: border-box;
+} .gallery__swiper_d6n2w.gallery__mobile_d6n2w {
         max-height: calc(100vh - 210px);
-    } .gallery__swiper_1eaei.gallery__mobileVideo_1eaei {
+    } .gallery__swiper_d6n2w.gallery__mobileVideo_d6n2w {
         max-height: 100vh;
-    } .gallery__singleSlideContainer_1eaei {
+    } .gallery__singleSlideContainer_d6n2w {
     display: flex;
     width: 100%;
     height: 100%;
 
     max-height: calc(100vh - 80px);
     padding: var(--gap-32);
-    box-sizing: border-box
-} .gallery__singleSlideContainer_1eaei.gallery__mobile_1eaei {
+    box-sizing: border-box;
+} .gallery__singleSlideContainer_d6n2w.gallery__mobile_d6n2w {
         max-height: calc(100vh - 174px);
         padding: 0;
-    } .gallery__singleSlideContainer_1eaei.gallery__mobileVideo_1eaei {
+    } .gallery__singleSlideContainer_d6n2w.gallery__mobileVideo_d6n2w {
         max-height: 100vh;
-    } .gallery__hidden_1eaei {
+    } .gallery__hidden_d6n2w {
     display: none;
-} .gallery__slide_1eaei {
+} .gallery__slide_d6n2w {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
-} .gallery__slideLoading_1eaei {
+} .gallery__slideLoading_d6n2w {
     background-color: var(--color-static-neutral-translucent-100-inverted);
     border-radius: var(--border-radius-8);
-} .gallery__spinner_1eaei {
+} .gallery__spinner_d6n2w {
     position: absolute;
     color: var(--color-static-neutral-translucent-1300-inverted);
-} .gallery__image_1eaei {
+} .gallery__image_d6n2w {
     width: 0;
     height: 0;
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
-    border-radius: var(--border-radius-8)
-} .gallery__image_1eaei.gallery__mobile_1eaei {
+    border-radius: var(--border-radius-8);
+} .gallery__image_d6n2w.gallery__mobile_d6n2w {
         border-radius: var(--border-radius-0);
-    } .gallery__smallImage_1eaei {
+    } .gallery__smallImage_d6n2w {
     position: relative;
     width: auto;
     height: auto;
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
-} .gallery__verticalImageFit_1eaei {
+} .gallery__verticalImageFit_d6n2w {
     width: auto;
     height: 100%;
-} .gallery__horizontalImageFit_1eaei {
+} .gallery__horizontalImageFit_d6n2w {
     width: 100%;
     height: auto;
-} .gallery__arrow_1eaei {
+} .gallery__arrow_d6n2w {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -96,15 +97,15 @@
     cursor: pointer;
     color: var(--color-static-neutral-translucent-1300-inverted);
     transition: background-color 0.15s ease-in-out;
-    outline: none
-} .gallery__arrow_1eaei:hover {
+    outline: none;
+} .gallery__arrow_d6n2w:hover {
         background-color: var(--color-static-neutral-0-inverted-hover);
-    } .gallery__arrow_1eaei:active {
+    } .gallery__arrow_d6n2w:active {
         background-color: var(--color-static-neutral-0-inverted-press);
-    } .gallery__focused_1eaei {
+    } .gallery__focused_d6n2w {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .gallery__placeholder_1eaei {
+} .gallery__placeholder_d6n2w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -112,22 +113,22 @@
     height: 100%;
     border-radius: var(--border-radius-8);
     background-color: var(--color-static-neutral-300-inverted);
-} .gallery__brokenImgWrapper_1eaei {
+} .gallery__brokenImgWrapper_d6n2w {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 150px;
     text-align: center;
-} .gallery__brokenImgIcon_1eaei {
+} .gallery__brokenImgIcon_d6n2w {
     width: 80px;
     height: 80px;
-    margin-bottom: var(--gap-2xs);
-} .gallery__fullScreenImage_1eaei {
+    margin-bottom: var(--gap-4);
+} .gallery__fullScreenImage_d6n2w {
     width: 100%;
     height: auto;
     background-color: var(--color-light-base-bg-primary);
-} .gallery__fullScreenVideo_1eaei {
+} .gallery__fullScreenVideo_d6n2w {
     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_1eaei","swiper":"gallery__swiper_1eaei","mobile":"gallery__mobile_1eaei","mobileVideo":"gallery__mobileVideo_1eaei","singleSlideContainer":"gallery__singleSlideContainer_1eaei","hidden":"gallery__hidden_1eaei","slide":"gallery__slide_1eaei","slideLoading":"gallery__slideLoading_1eaei","spinner":"gallery__spinner_1eaei","image":"gallery__image_1eaei","smallImage":"gallery__smallImage_1eaei","verticalImageFit":"gallery__verticalImageFit_1eaei","horizontalImageFit":"gallery__horizontalImageFit_1eaei","arrow":"gallery__arrow_1eaei","focused":"gallery__focused_1eaei","placeholder":"gallery__placeholder_1eaei","brokenImgWrapper":"gallery__brokenImgWrapper_1eaei","brokenImgIcon":"gallery__brokenImgIcon_1eaei","fullScreenImage":"gallery__fullScreenImage_1eaei","fullScreenVideo":"gallery__fullScreenVideo_1eaei"};
+var styles = {"component":"gallery__component_d6n2w","swiper":"gallery__swiper_d6n2w","mobile":"gallery__mobile_d6n2w","mobileVideo":"gallery__mobileVideo_d6n2w","singleSlideContainer":"gallery__singleSlideContainer_d6n2w","hidden":"gallery__hidden_d6n2w","slide":"gallery__slide_d6n2w","slideLoading":"gallery__slideLoading_d6n2w","spinner":"gallery__spinner_d6n2w","image":"gallery__image_d6n2w","smallImage":"gallery__smallImage_d6n2w","verticalImageFit":"gallery__verticalImageFit_d6n2w","horizontalImageFit":"gallery__horizontalImageFit_d6n2w","arrow":"gallery__arrow_d6n2w","focused":"gallery__focused_d6n2w","placeholder":"gallery__placeholder_d6n2w","brokenImgWrapper":"gallery__brokenImgWrapper_d6n2w","brokenImgIcon":"gallery__brokenImgIcon_d6n2w","fullScreenImage":"gallery__fullScreenImage_d6n2w","fullScreenVideo":"gallery__fullScreenVideo_d6n2w"};
 
 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\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-2xs);\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/no-typography-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\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;;;;"}

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

@@ -3,31 +3,32 @@
     --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
 } :root {
     --border-radius-3xl: 24px;
+    --border-radius-0: 0;
     --border-radius-24: var(--border-radius-3xl);
-} .gallery__videoWrapper_2fow9 {
+} .gallery__videoWrapper_13ioy {
     display: flex;
     justify-content: center;
     height: 100%;
     width: auto;
     position: relative;
-} .gallery__video_2fow9 {
+} .gallery__video_13ioy {
     max-width: 100%;
     max-height: 100%;
     border-radius: var(--border-radius-24);
-} .gallery__mobile_2fow9 {
-    border-radius: 0;
-} .gallery__videoButton_2fow9 {
+} .gallery__mobile_13ioy {
+    border-radius: var(--border-radius-0);
+} .gallery__videoButton_13ioy {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
     color: green;
-} .gallery__icon_2fow9 {
+} .gallery__icon_13ioy {
     color: var(--color-static-neutral-0);
-} .gallery__iconShape_2fow9 {
+} .gallery__iconShape_13ioy {
     fill: var(--color-static-neutral-translucent-700);
-} .gallery__bottomButton_2fow9 {
+} .gallery__bottomButton_13ioy {
     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_2fow9","video":"gallery__video_2fow9","mobile":"gallery__mobile_2fow9","videoButton":"gallery__videoButton_2fow9","icon":"gallery__icon_2fow9","iconShape":"gallery__iconShape_2fow9","bottomButton":"gallery__bottomButton_2fow9"};
+var styles = {"videoWrapper":"gallery__videoWrapper_13ioy","video":"gallery__video_13ioy","mobile":"gallery__mobile_13ioy","videoButton":"gallery__videoButton_13ioy","icon":"gallery__icon_13ioy","iconShape":"gallery__iconShape_13ioy","bottomButton":"gallery__bottomButton_13ioy"};
 
 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/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: 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/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;;;;"}

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

@@ -5,17 +5,17 @@
     --gap-xs: 8px;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
-} .gallery__description_phx5o {
+} .gallery__description_1qlol {
     text-align: center;
-} .gallery__infoWrapper_phx5o {
+} .gallery__infoWrapper_1qlol {
     background-color: var(--color-static-neutral-0-inverted);
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 var(--gap-8) var(--gap-4);
     position: relative;
-    height: 48px
-} .gallery__infoWrapper_phx5o.gallery__video_phx5o {
+    height: 48px;
+} .gallery__infoWrapper_1qlol.gallery__video_1qlol {
         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_phx5o","infoWrapper":"gallery__infoWrapper_phx5o","video":"gallery__video_phx5o"};
+var styles = {"description":"gallery__description_1qlol","infoWrapper":"gallery__infoWrapper_1qlol","video":"gallery__video_1qlol"};
 
 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/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/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;;;;"}

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

@@ -11,7 +11,7 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
-} .gallery__component_5ncte {
+} .gallery__component_16qcv {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -21,20 +21,20 @@
     box-sizing: border-box;
     padding: var(--gap-12) var(--gap-24);
     scrollbar-width: none;
-    background-color: var(--color-static-neutral-0-inverted)
-} .gallery__component_5ncte.gallery__mobile_5ncte {
+    background-color: var(--color-static-neutral-0-inverted);
+} .gallery__component_16qcv.gallery__mobile_16qcv {
         padding: var(--gap-8) var(--gap-24);
-    } .gallery__component_5ncte::-webkit-scrollbar {
+    } .gallery__component_16qcv::-webkit-scrollbar {
         display: none;
-    } .gallery__previews_5ncte {
+    } .gallery__previews_16qcv {
     display: flex;
-} .gallery__preview_5ncte {
+} .gallery__preview_16qcv {
     flex-shrink: 0;
-    margin-right: var(--gap-4)
-} .gallery__preview_5ncte.gallery__mobile_5ncte {
+    margin-right: var(--gap-4);
+} .gallery__preview_16qcv.gallery__mobile_16qcv {
         margin-right: var(--gap-2);
-    } .gallery__preview_5ncte:first-child {
+    } .gallery__preview_16qcv:first-child {
         margin-left: auto;
-    } .gallery__preview_5ncte:last-child {
+    } .gallery__preview_16qcv: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_5ncte","mobile":"gallery__mobile_5ncte","preview":"gallery__preview_5ncte"};
+var styles = {"component":"gallery__component_16qcv","mobile":"gallery__mobile_16qcv","preview":"gallery__preview_16qcv"};
 
 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/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/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;;;;"}

package/esm/components/subtitles/index.css

@@ -4,7 +4,7 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
-} .gallery__subtitles_1kffz {
+} .gallery__subtitles_1b2md {
     position: absolute;
     align-self: flex-end;
     padding: var(--gap-0) var(--gap-32);
@@ -13,9 +13,10 @@
     text-align: center;
     opacity: 1;
     z-index: 1;
-    transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out
-} .gallery__subtitles_1kffz.gallery__mobile_1kffz {
-        position: unset;
-    } .gallery__hideSubtitles_1kffz {
+    transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;
+} .gallery__subtitles_1b2md.gallery__mobile_1b2md {
+        position: static;
+        position: initial;
+    } .gallery__hideSubtitles_1b2md {
     opacity: 0;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"subtitles":"gallery__subtitles_1kffz","mobile":"gallery__mobile_1kffz","hideSubtitles":"gallery__hideSubtitles_1kffz"};
+var styles = {"subtitles":"gallery__subtitles_1b2md","mobile":"gallery__mobile_1b2md","hideSubtitles":"gallery__hideSubtitles_1b2md"};
 
 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/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: opacity 500ms ease-in-out, 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/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: opacity 500ms ease-in-out, 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

@@ -10,7 +10,7 @@
 } :root {
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
-} .gallery__container_m438j {
+} .gallery__container_vgwu2 {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -21,15 +21,15 @@
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
     padding-top: var(--sat);
-    padding-bottom: var(--sab)
-} .gallery__container_m438j.gallery__mobile_m438j {
+    padding-bottom: var(--sab);
+} .gallery__container_vgwu2.gallery__mobile_vgwu2 {
         overflow: hidden;
-    } .gallery__modal_m438j {
+    } .gallery__modal_vgwu2 {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
-} .gallery__navigationVideo_m438j {
+} .gallery__navigationVideo_vgwu2 {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -37,15 +37,15 @@
     left: 0;
     transition: transform 0.3s ease-in-out;
     text-align: center;
-} .gallery__hide_m438j {
+} .gallery__hide_vgwu2 {
     transform: translateY(114px);
-} .gallery__hideInfo_m438j {
+} .gallery__hideInfo_vgwu2 {
     transform: translateY(48px);
-} .gallery__bottomButton_m438j {
+} .gallery__bottomButton_vgwu2 {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
-} .gallery__subtitles_m438j {
+} .gallery__subtitles_vgwu2 {
     padding: var(--gap-0) var(--gap-32);
     margin-bottom: var(--gap-16);
     width: 100%;
@@ -53,6 +53,6 @@
     opacity: 1;
     z-index: 1;
     transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;
-} .gallery__hideSubtitles_m438j {
+} .gallery__hideSubtitles_vgwu2 {
     opacity: 0;
 }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"gallery__container_m438j","mobile":"gallery__mobile_m438j","modal":"gallery__modal_m438j","navigationVideo":"gallery__navigationVideo_m438j","hide":"gallery__hide_m438j","hideInfo":"gallery__hideInfo_m438j","bottomButton":"gallery__bottomButton_m438j"};
+var styles = {"container":"gallery__container_vgwu2","mobile":"gallery__mobile_vgwu2","modal":"gallery__modal_vgwu2","navigationVideo":"gallery__navigationVideo_vgwu2","hide":"gallery__hide_vgwu2","hideInfo":"gallery__hideInfo_vgwu2","bottomButton":"gallery__bottomButton_vgwu2"};
 
 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/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: opacity 500ms ease-in-out, 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/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: opacity 500ms ease-in-out, 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

@@ -10,7 +10,7 @@
 } :root {
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
-} .gallery__container_m438j {
+} .gallery__container_vgwu2 {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -21,15 +21,15 @@
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
     padding-top: var(--sat);
-    padding-bottom: var(--sab)
-} .gallery__container_m438j.gallery__mobile_m438j {
+    padding-bottom: var(--sab);
+} .gallery__container_vgwu2.gallery__mobile_vgwu2 {
         overflow: hidden;
-    } .gallery__modal_m438j {
+    } .gallery__modal_vgwu2 {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     background: transparent;
-} .gallery__navigationVideo_m438j {
+} .gallery__navigationVideo_vgwu2 {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -37,15 +37,15 @@
     left: 0;
     transition: transform 0.3s ease-in-out;
     text-align: center;
-} .gallery__hide_m438j {
+} .gallery__hide_vgwu2 {
     transform: translateY(114px);
-} .gallery__hideInfo_m438j {
+} .gallery__hideInfo_vgwu2 {
     transform: translateY(48px);
-} .gallery__bottomButton_m438j {
+} .gallery__bottomButton_vgwu2 {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
-} .gallery__subtitles_m438j {
+} .gallery__subtitles_vgwu2 {
     padding: var(--gap-0) var(--gap-32);
     margin-bottom: var(--gap-16);
     width: 100%;
@@ -53,6 +53,6 @@
     opacity: 1;
     z-index: 1;
     transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out;
-} .gallery__hideSubtitles_m438j {
+} .gallery__hideSubtitles_vgwu2 {
     opacity: 0;
 }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"container":"gallery__container_m438j","mobile":"gallery__mobile_m438j","modal":"gallery__modal_m438j","navigationVideo":"gallery__navigationVideo_m438j","hide":"gallery__hide_m438j","hideInfo":"gallery__hideInfo_m438j","bottomButton":"gallery__bottomButton_m438j"};
+var styles = {"container":"gallery__container_vgwu2","mobile":"gallery__mobile_vgwu2","modal":"gallery__modal_vgwu2","navigationVideo":"gallery__navigationVideo_vgwu2","hide":"gallery__hide_vgwu2","hideInfo":"gallery__hideInfo_vgwu2","bottomButton":"gallery__bottomButton_vgwu2"};
 
 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/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: opacity 500ms ease-in-out, 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/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: opacity 500ms ease-in-out, 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

@@ -2,16 +2,16 @@
     --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
     --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_1pgxx {
+} .gallery__component_1ytrj {
     background-color: var(--color-static-neutral-translucent-500-inverted);
-} .gallery__component_1pgxx:hover {
+} .gallery__component_1ytrj:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
-    } .gallery__component_1pgxx:active {
+    } .gallery__component_1ytrj:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
-    } .gallery__component_1pgxx {
+    } .gallery__component_1ytrj {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
-} .gallery__notVisible_1pgxx {
+} .gallery__notVisible_1ytrj {
     transform: translateY(250%);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"gallery__component_1pgxx","notVisible":"gallery__notVisible_1pgxx"};
+const styles = {"component":"gallery__component_1ytrj","notVisible":"gallery__notVisible_1ytrj"};
 
 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/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/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;;;;"}

package/modern/components/buttons/index.css

@@ -6,15 +6,15 @@
 } :root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} .gallery__buttons_18gty {
+} .gallery__buttons_1hsw5 {
     display: flex;
-    padding-left: var(--gap-32)
-} .gallery__buttons_18gty path {
+    padding-left: var(--gap-32);
+} .gallery__buttons_1hsw5 path {
         color: var(--color-static-neutral-translucent-1300-inverted);
-    } .gallery__iconButton_18gty path {
+    } .gallery__iconButton_1hsw5 path {
         color: var(--color-static-neutral-100);
-    } .gallery__iconButton_18gty:hover path {
+    } .gallery__iconButton_1hsw5:hover path {
         color: var(--color-static-neutral-100-hover);
-    } .gallery__iconButton_18gty:active path {
+    } .gallery__iconButton_1hsw5: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_18gty"};
+const styles = {"iconButton":"gallery__iconButton_1hsw5"};
 
 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/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/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;;;;"}

package/modern/components/header/index.css

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