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

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

@@ -8,7 +8,7 @@
     --gap-12: 12px;
     --gap-32: 32px;
 }
-.gallery__component_wi3cw {
+.gallery__component_1m301 {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -24,31 +24,31 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__component_wi3cw.gallery__mobile_wi3cw {
+.gallery__component_1m301.gallery__mobile_1m301 {
         padding: var(--gap-8);
     }
-.gallery__component_wi3cw.gallery__dragging_wi3cw {
+.gallery__component_1m301.gallery__dragging_1m301 {
         cursor: grabbing;
     }
-.gallery__component_wi3cw.gallery__dragging_wi3cw * {
+.gallery__component_1m301.gallery__dragging_1m301 * {
             cursor: grabbing;
         }
-.gallery__component_wi3cw::-webkit-scrollbar {
+.gallery__component_1m301::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_wi3cw {
+.gallery__previews_1m301 {
     display: flex;
 }
-.gallery__preview_wi3cw {
+.gallery__preview_1m301 {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_wi3cw.gallery__mobile_wi3cw {
+.gallery__preview_1m301.gallery__mobile_1m301 {
         margin-right: var(--gap-2);
     }
-.gallery__preview_wi3cw:first-child {
+.gallery__preview_1m301:first-child {
         margin-left: auto;
     }
-.gallery__preview_wi3cw:last-child {
+.gallery__preview_1m301: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_wi3cw","mobile":"gallery__mobile_wi3cw","dragging":"gallery__dragging_wi3cw","preview":"gallery__preview_wi3cw"};
+var styles = {"component":"gallery__component_1m301","mobile":"gallery__mobile_1m301","dragging":"gallery__dragging_1m301","preview":"gallery__preview_1m301"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/subtitles/index.css

@@ -3,7 +3,7 @@
     --gap-16: 16px;
     --gap-32: 32px;
 }
-.gallery__subtitles_1gd8i {
+.gallery__subtitles_1eon8 {
     position: absolute;
     align-self: flex-end;
     padding: var(--gap-0) var(--gap-32);
@@ -16,10 +16,10 @@
         opacity 500ms ease-in-out,
         margin-bottom 270ms ease-in-out;
 }
-.gallery__subtitles_1gd8i.gallery__mobile_1gd8i {
+.gallery__subtitles_1eon8.gallery__mobile_1eon8 {
         position: static;
         position: initial;
     }
-.gallery__hideSubtitles_1gd8i {
+.gallery__hideSubtitles_1eon8 {
     opacity: 0;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"subtitles":"gallery__subtitles_1gd8i","mobile":"gallery__mobile_1gd8i","hideSubtitles":"gallery__hideSubtitles_1gd8i"};
+var styles = {"subtitles":"gallery__subtitles_1eon8","mobile":"gallery__mobile_1eon8","hideSubtitles":"gallery__hideSubtitles_1eon8"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.css

@@ -11,7 +11,7 @@
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
-.gallery__container_1sl24 {
+.gallery__container_br2in {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -25,17 +25,17 @@
     padding-top: var(--sat);
     padding-bottom: var(--sab);
 }
-.gallery__container_1sl24.gallery__mobile_1sl24 {
+.gallery__container_br2in.gallery__mobile_br2in {
         overflow: hidden;
     }
-.gallery__modal_1sl24 {
+.gallery__modal_br2in {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     height: 100dvh;
     background: transparent;
 }
-.gallery__navigationVideo_1sl24 {
+.gallery__navigationVideo_br2in {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -44,18 +44,18 @@
     transition: transform 0.3s ease-in-out;
     text-align: center;
 }
-.gallery__hide_1sl24 {
+.gallery__hide_br2in {
     transform: translateY(114px);
 }
-.gallery__hideInfo_1sl24 {
+.gallery__hideInfo_br2in {
     transform: translateY(48px);
 }
-.gallery__bottomButton_1sl24 {
+.gallery__bottomButton_br2in {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__subtitles_1sl24 {
+.gallery__subtitles_br2in {
     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_1sl24 {
+.gallery__hideSubtitles_br2in {
     opacity: 0;
 }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"container":"gallery__container_1sl24","mobile":"gallery__mobile_1sl24","modal":"gallery__modal_1sl24","navigationVideo":"gallery__navigationVideo_1sl24","hide":"gallery__hide_1sl24","hideInfo":"gallery__hideInfo_1sl24","bottomButton":"gallery__bottomButton_1sl24"};
+var styles = {"container":"gallery__container_br2in","mobile":"gallery__mobile_br2in","modal":"gallery__modal_br2in","navigationVideo":"gallery__navigationVideo_br2in","hide":"gallery__hide_br2in","hideInfo":"gallery__hideInfo_br2in","bottomButton":"gallery__bottomButton_br2in"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/index.css

@@ -11,7 +11,7 @@
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
-.gallery__container_1sl24 {
+.gallery__container_br2in {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -25,17 +25,17 @@
     padding-top: var(--sat);
     padding-bottom: var(--sab);
 }
-.gallery__container_1sl24.gallery__mobile_1sl24 {
+.gallery__container_br2in.gallery__mobile_br2in {
         overflow: hidden;
     }
-.gallery__modal_1sl24 {
+.gallery__modal_br2in {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     height: 100dvh;
     background: transparent;
 }
-.gallery__navigationVideo_1sl24 {
+.gallery__navigationVideo_br2in {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -44,18 +44,18 @@
     transition: transform 0.3s ease-in-out;
     text-align: center;
 }
-.gallery__hide_1sl24 {
+.gallery__hide_br2in {
     transform: translateY(114px);
 }
-.gallery__hideInfo_1sl24 {
+.gallery__hideInfo_br2in {
     transform: translateY(48px);
 }
-.gallery__bottomButton_1sl24 {
+.gallery__bottomButton_br2in {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__subtitles_1sl24 {
+.gallery__subtitles_br2in {
     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_1sl24 {
+.gallery__hideSubtitles_br2in {
     opacity: 0;
 }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"container":"gallery__container_1sl24","mobile":"gallery__mobile_1sl24","modal":"gallery__modal_1sl24","navigationVideo":"gallery__navigationVideo_1sl24","hide":"gallery__hide_1sl24","hideInfo":"gallery__hideInfo_1sl24","bottomButton":"gallery__bottomButton_1sl24"};
+var styles = {"container":"gallery__container_br2in","mobile":"gallery__mobile_br2in","modal":"gallery__modal_br2in","navigationVideo":"gallery__navigationVideo_br2in","hide":"gallery__hide_br2in","hideInfo":"gallery__hideInfo_br2in","bottomButton":"gallery__bottomButton_br2in"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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_hbxv7 {
+.gallery__component_1f3x7 {
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__component_hbxv7:hover {
+.gallery__component_1f3x7:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
     }
-.gallery__component_hbxv7:active {
+.gallery__component_1f3x7:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
     }
-.gallery__component_hbxv7 {
+.gallery__component_1f3x7 {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
 }
-.gallery__notVisible_hbxv7 {
+.gallery__notVisible_1f3x7 {
     transform: translateY(250%);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"gallery__component_hbxv7","notVisible":"gallery__notVisible_hbxv7"};
+const styles = {"component":"gallery__component_1f3x7","notVisible":"gallery__notVisible_1f3x7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/buttons/index.css

@@ -7,19 +7,19 @@
 :root {
     --gap-32: 32px;
 }
-.gallery__buttons_1u4xn {
+.gallery__buttons_1ayha {
     display: flex;
     padding-left: var(--gap-32);
 }
-.gallery__buttons_1u4xn path {
+.gallery__buttons_1ayha path {
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
-.gallery__iconButton_1u4xn path {
+.gallery__iconButton_1ayha path {
         color: var(--color-static-neutral-100);
     }
-.gallery__iconButton_1u4xn:hover path {
+.gallery__iconButton_1ayha:hover path {
         color: var(--color-static-neutral-100-hover);
     }
-.gallery__iconButton_1u4xn:active path {
+.gallery__iconButton_1ayha: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_1u4xn"};
+const styles = {"iconButton":"gallery__iconButton_1ayha"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/header/index.css

@@ -3,7 +3,7 @@
     --gap-24: 24px;
     --gap-32: 32px;
 }
-.gallery__header_1p142 {
+.gallery__header_1hrd8 {
     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_1p142"};
+const styles = {"header":"gallery__header_1hrd8"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,24 +1,24 @@
 :root {
     --gap-4: 4px;
 }
-.gallery__info_myf7d {
+.gallery__info_bt6x0 {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
 }
-.gallery__filenameHead_myf7d {
+.gallery__filenameHead_bt6x0 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
-.gallery__filenameContainer_myf7d {
+.gallery__filenameContainer_bt6x0 {
     overflow: hidden;
     display: inline-flex;
 }
-.gallery__description_myf7d {
+.gallery__description_bt6x0 {
     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_myf7d","filenameHead":"gallery__filenameHead_myf7d","filenameContainer":"gallery__filenameContainer_myf7d","description":"gallery__description_myf7d"};
+const styles = {"info":"gallery__info_bt6x0","filenameHead":"gallery__filenameHead_bt6x0","filenameContainer":"gallery__filenameContainer_bt6x0","description":"gallery__description_bt6x0"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,7 +1,7 @@
 :root {
     --color-static-neutral-0-inverted: #262629;
 }
-.gallery__headerMobile_d0osk {
+.gallery__headerMobile_13jvh {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -10,21 +10,21 @@
     justify-content: space-between;
     align-items: center;
 }
-.gallery__headerMobile_d0osk.gallery__video_d0osk {
+.gallery__headerMobile_13jvh.gallery__video_13jvh {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
     }
-.gallery__hide_d0osk {
+.gallery__hide_13jvh {
     transform: translateY(-96px);
 }
-.gallery__leftButton_d0osk,
-.gallery__rightButtons_d0osk {
+.gallery__leftButton_13jvh,
+.gallery__rightButtons_13jvh {
     display: flex;
     align-items: center;
 }
-.gallery__description_d0osk {
+.gallery__description_13jvh {
     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_d0osk","video":"gallery__video_d0osk","hide":"gallery__hide_d0osk","rightButtons":"gallery__rightButtons_d0osk","description":"gallery__description_d0osk"};
+const styles = {"headerMobile":"gallery__headerMobile_13jvh","video":"gallery__video_13jvh","hide":"gallery__hide_13jvh","rightButtons":"gallery__rightButtons_13jvh","description":"gallery__description_13jvh"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -10,23 +10,23 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_b9vh8 {
+.gallery__component_1a82g {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
 }
-.gallery__component_b9vh8 .gallery__image_b9vh8 {
+.gallery__component_1a82g .gallery__image_1a82g {
         opacity: 0.3;
     }
-.gallery__component_b9vh8.gallery__mobile_b9vh8 {
+.gallery__component_1a82g.gallery__mobile_1a82g {
         padding: 0;
     }
-.gallery__active_b9vh8 > .gallery__image_b9vh8 {
+.gallery__active_1a82g > .gallery__image_1a82g {
         opacity: 1;
     }
-.gallery__preview_b9vh8 {
+.gallery__preview_1a82g {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -36,15 +36,15 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__preview_b9vh8.gallery__mobile_b9vh8 {
+.gallery__preview_1a82g.gallery__mobile_1a82g {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     }
-.gallery__image_b9vh8 {
+.gallery__image_1a82g {
     transition: opacity 0.15s ease-in-out;
 }
-.gallery__image_b9vh8 > img {
+.gallery__image_1a82g > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -54,36 +54,36 @@
         overflow: clip;
         overflow-clip-margin: border-box;
     }
-.gallery__image_b9vh8:hover {
+.gallery__image_1a82g:hover {
         opacity: 0.7;
     }
-.gallery__loading_b9vh8 {
+.gallery__loading_1a82g {
     background-color: var(--color-static-neutral-100-inverted);
 }
-.gallery__loading_b9vh8 .gallery__active_b9vh8 {
+.gallery__loading_1a82g .gallery__active_1a82g {
         background-color: var(--color-static-neutral-translucent-100-inverted);
     }
-.gallery__brokenImageWrapper_b9vh8 {
+.gallery__brokenImageWrapper_1a82g {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-translucent-100-inverted);
     opacity: 0.3;
 }
-.gallery__brokenImageWrapper_b9vh8.gallery__active_b9vh8 {
+.gallery__brokenImageWrapper_1a82g.gallery__active_1a82g {
         opacity: 1;
     }
-.gallery__brokenIcon_b9vh8 {
+.gallery__brokenIcon_1a82g {
     width: 40px;
     height: 40px;
 }
-.gallery__focused_b9vh8 {
+.gallery__focused_1a82g {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__canvasPreview_b9vh8 {
+.gallery__canvasPreview_1a82g {
     border-radius: var(--border-radius-12);
 }
-.gallery__canvasPreview_b9vh8.gallery__mobile_b9vh8 {
+.gallery__canvasPreview_1a82g.gallery__mobile_1a82g {
         border-radius: var(--border-radius-8);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"gallery__component_b9vh8","image":"gallery__image_b9vh8","mobile":"gallery__mobile_b9vh8","active":"gallery__active_b9vh8","preview":"gallery__preview_b9vh8","loading":"gallery__loading_b9vh8","brokenImageWrapper":"gallery__brokenImageWrapper_b9vh8","brokenIcon":"gallery__brokenIcon_b9vh8","focused":"gallery__focused_b9vh8","canvasPreview":"gallery__canvasPreview_b9vh8"};
+const styles = {"component":"gallery__component_1a82g","image":"gallery__image_1a82g","mobile":"gallery__mobile_1a82g","active":"gallery__active_1a82g","preview":"gallery__preview_1a82g","loading":"gallery__loading_1a82g","brokenImageWrapper":"gallery__brokenImageWrapper_1a82g","brokenIcon":"gallery__brokenIcon_1a82g","focused":"gallery__focused_1a82g","canvasPreview":"gallery__canvasPreview_1a82g"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map