@alfalab/core-components-gallery 7.2.1-alfasans → 7.2.2

package/components/navigation-bar/index.css

@@ -2,18 +2,13 @@
     --color-static-neutral-0-inverted: #262629;
 }
 :root {
-    --gap-3xs: 2px;
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
-    --gap-xl: 24px;
-    --gap-2: var(--gap-3xs);
-    --gap-4: var(--gap-2xs);
-    --gap-8: var(--gap-xs);
-    --gap-12: var(--gap-s);
-    --gap-24: var(--gap-xl);
+    --gap-2: 2px;
+    --gap-4: 4px;
+    --gap-8: 8px;
+    --gap-12: 12px;
+    --gap-24: 24px;
 }
-.gallery__component_19am2 {
+.gallery__component_ynb4r {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -25,25 +20,25 @@
     scrollbar-width: none;
     background-color: var(--color-static-neutral-0-inverted);
 }
-.gallery__component_19am2.gallery__mobile_19am2 {
+.gallery__component_ynb4r.gallery__mobile_ynb4r {
         padding: var(--gap-8) var(--gap-24);
     }
-.gallery__component_19am2::-webkit-scrollbar {
+.gallery__component_ynb4r::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_19am2 {
+.gallery__previews_ynb4r {
     display: flex;
 }
-.gallery__preview_19am2 {
+.gallery__preview_ynb4r {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_19am2.gallery__mobile_19am2 {
+.gallery__preview_ynb4r.gallery__mobile_ynb4r {
         margin-right: var(--gap-2);
     }
-.gallery__preview_19am2:first-child {
+.gallery__preview_ynb4r:first-child {
         margin-left: auto;
     }
-.gallery__preview_19am2:last-child {
+.gallery__preview_ynb4r: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_19am2","mobile":"gallery__mobile_19am2","preview":"gallery__preview_19am2"};
+var styles = {"component":"gallery__component_ynb4r","mobile":"gallery__mobile_ynb4r","preview":"gallery__preview_ynb4r"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/subtitles/index.css

@@ -1,11 +1,9 @@
 :root {
-    --gap-m: 16px;
-    --gap-2xl: 32px;
     --gap-0: 0px;
-    --gap-16: var(--gap-m);
-    --gap-32: var(--gap-2xl);
+    --gap-16: 16px;
+    --gap-32: 32px;
 }
-.gallery__subtitles_4cgc7 {
+.gallery__subtitles_r8yb2 {
     position: absolute;
     align-self: flex-end;
     padding: var(--gap-0) var(--gap-32);
@@ -18,10 +16,10 @@
         opacity 500ms ease-in-out,
         margin-bottom 270ms ease-in-out;
 }
-.gallery__subtitles_4cgc7.gallery__mobile_4cgc7 {
+.gallery__subtitles_r8yb2.gallery__mobile_r8yb2 {
         position: static;
         position: initial;
     }
-.gallery__hideSubtitles_4cgc7 {
+.gallery__hideSubtitles_r8yb2 {
     opacity: 0;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"subtitles":"gallery__subtitles_4cgc7","mobile":"gallery__mobile_4cgc7","hideSubtitles":"gallery__hideSubtitles_4cgc7"};
+var styles = {"subtitles":"gallery__subtitles_r8yb2","mobile":"gallery__mobile_r8yb2","hideSubtitles":"gallery__hideSubtitles_r8yb2"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -5,8 +5,7 @@
     --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
 }
 :root {
-    --gap-2xl: 32px;
-    --gap-32: var(--gap-2xl);
+    --gap-32: 32px;
 }
 .buttons {
     display: flex;

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

@@ -1,8 +1,6 @@
 :root {
-    --gap-m: 16px;
-    --gap-2xl: 32px;
-    --gap-16: var(--gap-m);
-    --gap-32: var(--gap-2xl);
+    --gap-16: 16px;
+    --gap-32: 32px;
 }
 .header {
     display: flex;

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

@@ -1,6 +1,5 @@
 :root {
-    --gap-2xs: 4px;
-    --gap-4: var(--gap-2xs);
+    --gap-4: 4px;
 }
 .info {
     height: 100%;

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

@@ -4,10 +4,8 @@
     --color-static-neutral-300-inverted: #29292c;
 }
 :root {
-    --border-radius-m: 8px;
-    --border-radius-l: 12px;
-    --border-radius-8: var(--border-radius-m);
-    --border-radius-12: var(--border-radius-l);
+    --border-radius-8: 8px;
+    --border-radius-12: 12px;
 }
 :root {
     --focus-color: var(--color-light-status-info);

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

@@ -8,18 +8,14 @@
     --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
 }
 :root {
-    --border-radius-m: 8px;
     --border-radius-0: 0;
-    --border-radius-8: var(--border-radius-m);
+    --border-radius-8: 8px;
 }
 :root {
-    --gap-2xs: 4px;
-    --gap-m: 16px;
-    --gap-2xl: 32px;
     --gap-0: 0px;
-    --gap-4: var(--gap-2xs);
-    --gap-16: var(--gap-m);
-    --gap-32: var(--gap-2xl);
+    --gap-4: 4px;
+    --gap-16: 16px;
+    --gap-32: 32px;
 }
 :root {
     --focus-color: var(--color-light-status-info);

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

@@ -3,9 +3,8 @@
     --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);
+    --border-radius-24: 24px;
 }
 .videoWrapper {
     display: flex;

package/cssm/components/info-bar/index.module.css

@@ -2,10 +2,8 @@
     --color-static-neutral-0-inverted: #262629;
 }
 :root {
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-4: var(--gap-2xs);
-    --gap-8: var(--gap-xs);
+    --gap-4: 4px;
+    --gap-8: 8px;
 }
 .description {
     text-align: center;

package/cssm/components/navigation-bar/index.module.css

@@ -2,16 +2,11 @@
     --color-static-neutral-0-inverted: #262629;
 }
 :root {
-    --gap-3xs: 2px;
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
-    --gap-xl: 24px;
-    --gap-2: var(--gap-3xs);
-    --gap-4: var(--gap-2xs);
-    --gap-8: var(--gap-xs);
-    --gap-12: var(--gap-s);
-    --gap-24: var(--gap-xl);
+    --gap-2: 2px;
+    --gap-4: 4px;
+    --gap-8: 8px;
+    --gap-12: 12px;
+    --gap-24: 24px;
 }
 .component {
     display: flex;

package/cssm/components/subtitles/index.module.css

@@ -1,9 +1,7 @@
 :root {
-    --gap-m: 16px;
-    --gap-2xl: 32px;
     --gap-0: 0px;
-    --gap-16: var(--gap-m);
-    --gap-32: var(--gap-2xl);
+    --gap-16: 16px;
+    --gap-32: 32px;
 }
 .subtitles {
     position: absolute;

package/cssm/index.module.css

@@ -3,11 +3,9 @@
     --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
 }
 :root {
-    --gap-m: 16px;
-    --gap-2xl: 32px;
     --gap-0: 0px;
-    --gap-16: var(--gap-m);
-    --gap-32: var(--gap-2xl);
+    --gap-16: 16px;
+    --gap-32: 32px;
 }
 :root {
     --sat: env(safe-area-inset-top, var(--gap-0));

package/esm/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_12iyi {
+.gallery__component_jmbk3 {
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__component_12iyi:hover {
+.gallery__component_jmbk3:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
     }
-.gallery__component_12iyi:active {
+.gallery__component_jmbk3:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
     }
-.gallery__component_12iyi {
+.gallery__component_jmbk3 {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
 }
-.gallery__notVisible_12iyi {
+.gallery__notVisible_jmbk3 {
     transform: translateY(250%);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_12iyi","notVisible":"gallery__notVisible_12iyi"};
+var styles = {"component":"gallery__component_jmbk3","notVisible":"gallery__notVisible_jmbk3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/buttons/index.css

@@ -5,22 +5,21 @@
     --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
 }
 :root {
-    --gap-2xl: 32px;
-    --gap-32: var(--gap-2xl);
+    --gap-32: 32px;
 }
-.gallery__buttons_17zvp {
+.gallery__buttons_fgvmq {
     display: flex;
     padding-left: var(--gap-32);
 }
-.gallery__buttons_17zvp path {
+.gallery__buttons_fgvmq path {
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
-.gallery__iconButton_17zvp path {
+.gallery__iconButton_fgvmq path {
         color: var(--color-static-neutral-100);
     }
-.gallery__iconButton_17zvp:hover path {
+.gallery__iconButton_fgvmq:hover path {
         color: var(--color-static-neutral-100-hover);
     }
-.gallery__iconButton_17zvp:active path {
+.gallery__iconButton_fgvmq:active path {
         color: var(--color-static-neutral-100-press);
     }

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

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

package/esm/components/header/index.css

@@ -1,10 +1,8 @@
 :root {
-    --gap-m: 16px;
-    --gap-2xl: 32px;
-    --gap-16: var(--gap-m);
-    --gap-32: var(--gap-2xl);
+    --gap-16: 16px;
+    --gap-32: 32px;
 }
-.gallery__header_c4i7e {
+.gallery__header_ubobr {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;

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

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

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

@@ -1,25 +1,24 @@
 :root {
-    --gap-2xs: 4px;
-    --gap-4: var(--gap-2xs);
+    --gap-4: 4px;
 }
-.gallery__info_2l9no {
+.gallery__info_z8vtz {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
 }
-.gallery__filenameHead_2l9no {
+.gallery__filenameHead_z8vtz {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
-.gallery__filenameContainer_2l9no {
+.gallery__filenameContainer_z8vtz {
     overflow: hidden;
     display: inline-flex;
 }
-.gallery__description_2l9no {
+.gallery__description_z8vtz {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"info":"gallery__info_2l9no","filenameHead":"gallery__filenameHead_2l9no","filenameContainer":"gallery__filenameContainer_2l9no","description":"gallery__description_2l9no"};
+var styles = {"info":"gallery__info_z8vtz","filenameHead":"gallery__filenameHead_z8vtz","filenameContainer":"gallery__filenameContainer_z8vtz","description":"gallery__description_z8vtz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,7 +1,7 @@
 :root {
     --color-static-neutral-0-inverted: #262629;
 }
-.gallery__headerMobile_9pe0x {
+.gallery__headerMobile_d2oj {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -10,21 +10,21 @@
     justify-content: space-between;
     align-items: center;
 }
-.gallery__headerMobile_9pe0x.gallery__video_9pe0x {
+.gallery__headerMobile_d2oj.gallery__video_d2oj {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
     }
-.gallery__hide_9pe0x {
+.gallery__hide_d2oj {
     transform: translateY(-96px);
 }
-.gallery__leftButton_9pe0x,
-.gallery__rightButtons_9pe0x {
+.gallery__leftButton_d2oj,
+.gallery__rightButtons_d2oj {
     display: flex;
     align-items: center;
 }
-.gallery__description_9pe0x {
+.gallery__description_d2oj {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"headerMobile":"gallery__headerMobile_9pe0x","video":"gallery__video_9pe0x","hide":"gallery__hide_9pe0x","rightButtons":"gallery__rightButtons_9pe0x","description":"gallery__description_9pe0x"};
+var styles = {"headerMobile":"gallery__headerMobile_d2oj","video":"gallery__video_d2oj","hide":"gallery__hide_d2oj","rightButtons":"gallery__rightButtons_d2oj","description":"gallery__description_d2oj"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/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/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,aAAe,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,aAAe,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,MAAM,CAAC,oBAAoB,CAAyC,cAAc,CAAC,4BAA4B,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}

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

@@ -4,31 +4,29 @@
     --color-static-neutral-300-inverted: #29292c;
 }
 :root {
-    --border-radius-m: 8px;
-    --border-radius-l: 12px;
-    --border-radius-8: var(--border-radius-m);
-    --border-radius-12: var(--border-radius-l);
+    --border-radius-8: 8px;
+    --border-radius-12: 12px;
 }
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_1pxtz {
+.gallery__component_1xnrd {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
 }
-.gallery__component_1pxtz .gallery__image_1pxtz {
+.gallery__component_1xnrd .gallery__image_1xnrd {
         opacity: 0.3;
     }
-.gallery__component_1pxtz.gallery__mobile_1pxtz {
+.gallery__component_1xnrd.gallery__mobile_1xnrd {
         padding: 0;
     }
-.gallery__active_1pxtz > .gallery__image_1pxtz {
+.gallery__active_1xnrd > .gallery__image_1xnrd {
         opacity: 1;
     }
-.gallery__preview_1pxtz {
+.gallery__preview_1xnrd {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -38,15 +36,15 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__preview_1pxtz.gallery__mobile_1pxtz {
+.gallery__preview_1xnrd.gallery__mobile_1xnrd {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     }
-.gallery__image_1pxtz {
+.gallery__image_1xnrd {
     transition: opacity 0.15s ease-in-out;
 }
-.gallery__image_1pxtz > img {
+.gallery__image_1xnrd > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -56,36 +54,36 @@
         overflow: clip;
         overflow-clip-margin: border-box;
     }
-.gallery__image_1pxtz:hover {
+.gallery__image_1xnrd:hover {
         opacity: 0.7;
     }
-.gallery__loading_1pxtz {
+.gallery__loading_1xnrd {
     background-color: var(--color-static-neutral-100-inverted);
 }
-.gallery__loading_1pxtz .gallery__active_1pxtz {
+.gallery__loading_1xnrd .gallery__active_1xnrd {
         background-color: var(--color-static-neutral-300-inverted);
     }
-.gallery__brokenImageWrapper_1pxtz {
+.gallery__brokenImageWrapper_1xnrd {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
     opacity: 0.3;
 }
-.gallery__brokenImageWrapper_1pxtz.gallery__active_1pxtz {
+.gallery__brokenImageWrapper_1xnrd.gallery__active_1xnrd {
         opacity: 1;
     }
-.gallery__brokenIcon_1pxtz {
+.gallery__brokenIcon_1xnrd {
     width: 40px;
     height: 40px;
 }
-.gallery__focused_1pxtz {
+.gallery__focused_1xnrd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__canvasPreview_1pxtz {
+.gallery__canvasPreview_1xnrd {
     border-radius: var(--border-radius-12);
 }
-.gallery__canvasPreview_1pxtz.gallery__mobile_1pxtz {
+.gallery__canvasPreview_1xnrd.gallery__mobile_1xnrd {
         border-radius: var(--border-radius-8);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_1pxtz","image":"gallery__image_1pxtz","mobile":"gallery__mobile_1pxtz","active":"gallery__active_1pxtz","preview":"gallery__preview_1pxtz","loading":"gallery__loading_1pxtz","brokenImageWrapper":"gallery__brokenImageWrapper_1pxtz","brokenIcon":"gallery__brokenIcon_1pxtz","focused":"gallery__focused_1pxtz","canvasPreview":"gallery__canvasPreview_1pxtz"};
+var styles = {"component":"gallery__component_1xnrd","image":"gallery__image_1xnrd","mobile":"gallery__mobile_1xnrd","active":"gallery__active_1xnrd","preview":"gallery__preview_1xnrd","loading":"gallery__loading_1xnrd","brokenImageWrapper":"gallery__brokenImageWrapper_1xnrd","brokenIcon":"gallery__brokenIcon_1xnrd","focused":"gallery__focused_1xnrd","canvasPreview":"gallery__canvasPreview_1xnrd"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map