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

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_2hl18 {
+.gallery__component_92efx {
     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_2hl18.gallery__mobile_2hl18 {
+.gallery__component_92efx.gallery__mobile_92efx {
         padding: var(--gap-8) var(--gap-24);
     }
-.gallery__component_2hl18::-webkit-scrollbar {
+.gallery__component_92efx::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_2hl18 {
+.gallery__previews_92efx {
     display: flex;
 }
-.gallery__preview_2hl18 {
+.gallery__preview_92efx {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_2hl18.gallery__mobile_2hl18 {
+.gallery__preview_92efx.gallery__mobile_92efx {
         margin-right: var(--gap-2);
     }
-.gallery__preview_2hl18:first-child {
+.gallery__preview_92efx:first-child {
         margin-left: auto;
     }
-.gallery__preview_2hl18:last-child {
+.gallery__preview_92efx: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_2hl18","mobile":"gallery__mobile_2hl18","preview":"gallery__preview_2hl18"};
+var styles = {"component":"gallery__component_92efx","mobile":"gallery__mobile_92efx","preview":"gallery__preview_92efx"};
 
 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_1s1ch {
+.gallery__subtitles_sxjlr {
     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_1s1ch.gallery__mobile_1s1ch {
+.gallery__subtitles_sxjlr.gallery__mobile_sxjlr {
         position: static;
         position: initial;
     }
-.gallery__hideSubtitles_1s1ch {
+.gallery__hideSubtitles_sxjlr {
     opacity: 0;
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"subtitles":"gallery__subtitles_1s1ch","mobile":"gallery__mobile_1s1ch","hideSubtitles":"gallery__hideSubtitles_1s1ch"};
+var styles = {"subtitles":"gallery__subtitles_sxjlr","mobile":"gallery__mobile_sxjlr","hideSubtitles":"gallery__hideSubtitles_sxjlr"};
 
 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_1938i {
+.gallery__component_1kvg9 {
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__component_1938i:hover {
+.gallery__component_1kvg9:hover {
         background-color: var(--color-static-neutral-translucent-500-inverted-hover);
     }
-.gallery__component_1938i:active {
+.gallery__component_1kvg9:active {
         background-color: var(--color-static-neutral-translucent-500-inverted-press);
     }
-.gallery__component_1938i {
+.gallery__component_1kvg9 {
 
     transition: transform 1s ease-in-out;
     will-change: transform;
 }
-.gallery__notVisible_1938i {
+.gallery__notVisible_1kvg9 {
     transform: translateY(250%);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"gallery__component_1938i","notVisible":"gallery__notVisible_1938i"};
+var styles = {"component":"gallery__component_1kvg9","notVisible":"gallery__notVisible_1kvg9"};
 
 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_1bmlq {
+.gallery__buttons_ync02 {
     display: flex;
     padding-left: var(--gap-32);
 }
-.gallery__buttons_1bmlq path {
+.gallery__buttons_ync02 path {
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
-.gallery__iconButton_1bmlq path {
+.gallery__iconButton_ync02 path {
         color: var(--color-static-neutral-100);
     }
-.gallery__iconButton_1bmlq:hover path {
+.gallery__iconButton_ync02:hover path {
         color: var(--color-static-neutral-100-hover);
     }
-.gallery__iconButton_1bmlq:active path {
+.gallery__iconButton_ync02: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_1bmlq"};
+var styles = {"iconButton":"gallery__iconButton_ync02"};
 
 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_5ql27 {
+.gallery__header_11lf5 {
     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_5ql27"};
+var styles = {"header":"gallery__header_11lf5"};
 
 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_1qh5f {
+.gallery__info_1ae44 {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
 }
-.gallery__filenameHead_1qh5f {
+.gallery__filenameHead_1ae44 {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
-.gallery__filenameContainer_1qh5f {
+.gallery__filenameContainer_1ae44 {
     overflow: hidden;
     display: inline-flex;
 }
-.gallery__description_1qh5f {
+.gallery__description_1ae44 {
     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_1qh5f","filenameHead":"gallery__filenameHead_1qh5f","filenameContainer":"gallery__filenameContainer_1qh5f","description":"gallery__description_1qh5f"};
+var styles = {"info":"gallery__info_1ae44","filenameHead":"gallery__filenameHead_1ae44","filenameContainer":"gallery__filenameContainer_1ae44","description":"gallery__description_1ae44"};
 
 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_12vr1 {
+.gallery__headerMobile_18iag {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -10,21 +10,21 @@
     justify-content: space-between;
     align-items: center;
 }
-.gallery__headerMobile_12vr1.gallery__video_12vr1 {
+.gallery__headerMobile_18iag.gallery__video_18iag {
         position: absolute;
         width: 100%;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
     }
-.gallery__hide_12vr1 {
+.gallery__hide_18iag {
     transform: translateY(-96px);
 }
-.gallery__leftButton_12vr1,
-.gallery__rightButtons_12vr1 {
+.gallery__leftButton_18iag,
+.gallery__rightButtons_18iag {
     display: flex;
     align-items: center;
 }
-.gallery__description_12vr1 {
+.gallery__description_18iag {
     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_12vr1","video":"gallery__video_12vr1","hide":"gallery__hide_12vr1","rightButtons":"gallery__rightButtons_12vr1","description":"gallery__description_12vr1"};
+var styles = {"headerMobile":"gallery__headerMobile_18iag","video":"gallery__video_18iag","hide":"gallery__hide_18iag","rightButtons":"gallery__rightButtons_18iag","description":"gallery__description_18iag"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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_puwwp {
+.gallery__component_ypke8 {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
 }
-.gallery__component_puwwp .gallery__image_puwwp {
+.gallery__component_ypke8 .gallery__image_ypke8 {
         opacity: 0.3;
     }
-.gallery__component_puwwp.gallery__mobile_puwwp {
+.gallery__component_ypke8.gallery__mobile_ypke8 {
         padding: 0;
     }
-.gallery__active_puwwp > .gallery__image_puwwp {
+.gallery__active_ypke8 > .gallery__image_ypke8 {
         opacity: 1;
     }
-.gallery__preview_puwwp {
+.gallery__preview_ypke8 {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -38,15 +36,15 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__preview_puwwp.gallery__mobile_puwwp {
+.gallery__preview_ypke8.gallery__mobile_ypke8 {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     }
-.gallery__image_puwwp {
+.gallery__image_ypke8 {
     transition: opacity 0.15s ease-in-out;
 }
-.gallery__image_puwwp > img {
+.gallery__image_ypke8 > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -56,36 +54,36 @@
         overflow: clip;
         overflow-clip-margin: border-box;
     }
-.gallery__image_puwwp:hover {
+.gallery__image_ypke8:hover {
         opacity: 0.7;
     }
-.gallery__loading_puwwp {
+.gallery__loading_ypke8 {
     background-color: var(--color-static-neutral-100-inverted);
 }
-.gallery__loading_puwwp .gallery__active_puwwp {
+.gallery__loading_ypke8 .gallery__active_ypke8 {
         background-color: var(--color-static-neutral-300-inverted);
     }
-.gallery__brokenImageWrapper_puwwp {
+.gallery__brokenImageWrapper_ypke8 {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
     opacity: 0.3;
 }
-.gallery__brokenImageWrapper_puwwp.gallery__active_puwwp {
+.gallery__brokenImageWrapper_ypke8.gallery__active_ypke8 {
         opacity: 1;
     }
-.gallery__brokenIcon_puwwp {
+.gallery__brokenIcon_ypke8 {
     width: 40px;
     height: 40px;
 }
-.gallery__focused_puwwp {
+.gallery__focused_ypke8 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__canvasPreview_puwwp {
+.gallery__canvasPreview_ypke8 {
     border-radius: var(--border-radius-12);
 }
-.gallery__canvasPreview_puwwp.gallery__mobile_puwwp {
+.gallery__canvasPreview_ypke8.gallery__mobile_ypke8 {
         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_puwwp","image":"gallery__image_puwwp","mobile":"gallery__mobile_puwwp","active":"gallery__active_puwwp","preview":"gallery__preview_puwwp","loading":"gallery__loading_puwwp","brokenImageWrapper":"gallery__brokenImageWrapper_puwwp","brokenIcon":"gallery__brokenIcon_puwwp","focused":"gallery__focused_puwwp","canvasPreview":"gallery__canvasPreview_puwwp"};
+var styles = {"component":"gallery__component_ypke8","image":"gallery__image_ypke8","mobile":"gallery__mobile_ypke8","active":"gallery__active_ypke8","preview":"gallery__preview_ypke8","loading":"gallery__loading_ypke8","brokenImageWrapper":"gallery__brokenImageWrapper_ypke8","brokenIcon":"gallery__brokenIcon_ypke8","focused":"gallery__focused_ypke8","canvasPreview":"gallery__canvasPreview_ypke8"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map