npm - @alfalab/core-components-gallery - Versions diffs - 7.2.0 → 7.2.1-alfasans - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/components/image-viewer/video/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"videoWrapper":"gallery__videoWrapper_1ogqj","video":"gallery__video_1ogqj","mobile":"gallery__mobile_1ogqj","videoButton":"gallery__videoButton_1ogqj","icon":"gallery__icon_1ogqj","iconShape":"gallery__iconShape_1ogqj","bottomButton":"gallery__bottomButton_1ogqj"};
+var styles = {"videoWrapper":"gallery__videoWrapper_1ipf9","video":"gallery__video_1ipf9","mobile":"gallery__mobile_1ipf9","videoButton":"gallery__videoButton_1ipf9","icon":"gallery__icon_1ipf9","iconShape":"gallery__iconShape_1ipf9","bottomButton":"gallery__bottomButton_1ipf9"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/info-bar/index.css CHANGED Viewed

@@ -7,10 +7,10 @@
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
 }
-.gallery__description_kr284 {
+.gallery__description_fw1es {
     text-align: center;
 }
-.gallery__infoWrapper_kr284 {
+.gallery__infoWrapper_fw1es {
     background-color: var(--color-static-neutral-0-inverted);
     display: flex;
     align-items: center;
@@ -19,7 +19,7 @@
     position: relative;
     height: 48px;
 }
-.gallery__infoWrapper_kr284.gallery__video_kr284 {
+.gallery__infoWrapper_fw1es.gallery__video_fw1es {
         padding: 0 var(--gap-4) var(--gap-4);
         justify-content: space-between;
     }

package/components/info-bar/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"description":"gallery__description_kr284","infoWrapper":"gallery__infoWrapper_kr284","video":"gallery__video_kr284"};
+var styles = {"description":"gallery__description_fw1es","infoWrapper":"gallery__infoWrapper_fw1es","video":"gallery__video_fw1es"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/navigation-bar/index.css CHANGED Viewed

@@ -13,7 +13,7 @@
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
 }
-.gallery__component_1roeg {
+.gallery__component_19am2 {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -25,25 +25,25 @@
     scrollbar-width: none;
     background-color: var(--color-static-neutral-0-inverted);
 }
-.gallery__component_1roeg.gallery__mobile_1roeg {
+.gallery__component_19am2.gallery__mobile_19am2 {
         padding: var(--gap-8) var(--gap-24);
     }
-.gallery__component_1roeg::-webkit-scrollbar {
+.gallery__component_19am2::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_1roeg {
+.gallery__previews_19am2 {
     display: flex;
 }
-.gallery__preview_1roeg {
+.gallery__preview_19am2 {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_1roeg.gallery__mobile_1roeg {
+.gallery__preview_19am2.gallery__mobile_19am2 {
         margin-right: var(--gap-2);
     }
-.gallery__preview_1roeg:first-child {
+.gallery__preview_19am2:first-child {
         margin-left: auto;
     }
-.gallery__preview_1roeg:last-child {
+.gallery__preview_19am2:last-child {
         margin-right: auto;
     }

package/components/navigation-bar/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"component":"gallery__component_1roeg","mobile":"gallery__mobile_1roeg","preview":"gallery__preview_1roeg"};
+var styles = {"component":"gallery__component_19am2","mobile":"gallery__mobile_19am2","preview":"gallery__preview_19am2"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/subtitles/index.css CHANGED Viewed

@@ -5,7 +5,7 @@
     --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 }
-.gallery__subtitles_9u7yv {
+.gallery__subtitles_4cgc7 {
     position: absolute;
     align-self: flex-end;
     padding: var(--gap-0) var(--gap-32);
@@ -18,10 +18,10 @@
         opacity 500ms ease-in-out,
         margin-bottom 270ms ease-in-out;
 }
-.gallery__subtitles_9u7yv.gallery__mobile_9u7yv {
+.gallery__subtitles_4cgc7.gallery__mobile_4cgc7 {
         position: static;
         position: initial;
     }
-.gallery__hideSubtitles_9u7yv {
+.gallery__hideSubtitles_4cgc7 {
     opacity: 0;
 }

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

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

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

@@ -94,7 +94,8 @@
     .swiperFrame {
         display: flex;
-        width: 100%;
+        flex: 1 1 0;
+        min-width: 0;
         height: 100%;
         min-height: 0;
         max-height: calc(100vh - 168px);

package/cssm/components/image-viewer/slide.js CHANGED Viewed

@@ -45,6 +45,7 @@ var Slide = function (_a) {
     var small = utils.isSmallImage(meta);
     var verticalImageFit = !small && containerAspectRatio > imageAspectRatio;
     var horizontalImageFit = !small && containerAspectRatio <= imageAspectRatio;
+    var imageStyle = fullScreen || !containerHeight ? undefined : { maxHeight: "".concat(containerHeight, "px") };
     var handleImageRef = React.useCallback(function (node) {
         if ((node === null || node === void 0 ? void 0 : node.complete) && node.naturalWidth > 0 && !meta) {
             handleLoad({ currentTarget: node }, index$1);
@@ -62,7 +63,7 @@ var Slide = function (_a) {
                 _c[styles__default.default.fullScreenMedia] = fullScreen,
                 _c[styles__default.default.verticalImageFit] = verticalImageFit,
                 _c[styles__default.default.horizontalImageFit] = horizontalImageFit,
-                _c)), onLoad: function (event) { return handleLoad(event, index$1); }, onError: function () { return handleLoadError(index$1); }, style: fullScreen ? undefined : { maxHeight: "".concat(containerHeight, "px") }, "data-test-id": slideVisible ? constants.TestIds.ACTIVE_IMAGE : undefined })));
+                _c)), onLoad: function (event) { return handleLoad(event, index$1); }, onError: function () { return handleLoadError(index$1); }, style: imageStyle, "data-test-id": slideVisible ? constants.TestIds.ACTIVE_IMAGE : undefined })));
 };
 exports.Slide = Slide;

package/cssm/components/image-viewer/slide.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slide.js","sources":["../../../src/components/image-viewer/slide.tsx"],"sourcesContent":["import React, { type FC, type ReactNode, useCallback, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Spinner } from '@alfalab/core-components-spinner';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { GalleryContext } from '../../context';\nimport { type GalleryImage, type ImageMeta } from '../../types';\nimport { getImageAlt, isSmallImage, isVideo, TestIds } from '../../utils';\n\nimport { useHandleImageViewer } from './hooks';\nimport { NoImagePaths } from './paths';\nimport { Video } from './video';\n\nimport styles from './index.module.css';\n\ntype SlideInnerProps = {\n active: boolean;\n broken: boolean;\n loading: boolean;\n children: ReactNode;\n isVideoView?: boolean;\n};\n\nconst SlideInner: FC<SlideInnerProps> = ({ children, broken, loading, isVideoView }) => {\n const content = broken ? (\n <div className={styles.brokenImgWrapper}>\n <div className={styles.brokenImgIcon}>\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='80'\n height='80'\n viewBox='0 0 80 80'\n fill='none'\n >\n <rect width='80' height='80' fill='none' />\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d={NoImagePaths.baseImage}\n fill='#89898A'\n />\n <path d={NoImagePaths.triangleImage} fill='#89898A' />\n </svg>\n </div>\n\n <TypographyText view='primary-small' color='static-secondary-light'>\n Не удалось загрузить {isVideoView ? 'видео' : 'изображение'}\n </TypographyText>\n </div>\n ) : (\n children\n );\n\n return (\n <div className={cn(styles.slide, { [styles.slideLoading]: loading })}>\n {broken ? <div className={styles.placeholder}>{content}</div> : content}\n <Spinner className={styles.spinner} preset={48} visible={loading} />\n </div>\n );\n};\n\ntype SlideProps = {\n isActive: boolean;\n image: GalleryImage;\n meta?: ImageMeta;\n containerAspectRatio: number;\n imageAspectRatio: number;\n index: number;\n containerHeight: number;\n slideVisible: boolean;\n fullScreen?: boolean;\n};\n\nexport const Slide: FC<SlideProps> = ({\n isActive,\n meta,\n containerAspectRatio,\n imageAspectRatio,\n image,\n index,\n containerHeight,\n slideVisible,\n fullScreen,\n}) => {\n const { view } = useContext(GalleryContext);\n const { handleLoad, handleLoadError } = useHandleImageViewer();\n\n const broken = Boolean(meta?.broken);\n const small = isSmallImage(meta);\n const verticalImageFit = !small && containerAspectRatio > imageAspectRatio;\n const horizontalImageFit = !small && containerAspectRatio <= imageAspectRatio;\n\n const handleImageRef = useCallback(\n (node: HTMLImageElement \| null) => {\n if (node?.complete && node.naturalWidth > 0 && !meta) {\n handleLoad(\n { currentTarget: node } as React.SyntheticEvent<HTMLImageElement>,\n index,\n );\n }\n },\n [handleLoad, index, meta],\n );\n\n if (isVideo(image.src)) {\n return (\n <SlideInner isVideoView={true} active={isActive} broken={broken} loading={!meta}>\n <Video\n url={image.src}\n index={index}\n isActive={isActive}\n className={cn({ [styles.fullScreenMedia]: fullScreen })}\n />\n </SlideInner>\n );\n }\n\n return (\n <SlideInner active={isActive} broken={broken} loading={!meta}>\n <img\n ref={handleImageRef}\n src={image.src}\n alt={getImageAlt(image, index)}\n className={cn({\n [styles.smallImage]: small,\n [styles.image]: !small && meta,\n [styles.mobile]: view === 'mobile',\n [styles.fullScreenMedia]: fullScreen,\n [styles.verticalImageFit]: verticalImageFit,\n [styles.horizontalImageFit]: horizontalImageFit,\n })}\n onLoad={(event) => handleLoad(event, index)}\n onError={() => handleLoadError(index)}\n style={~~fullScreen ? undefined : { maxHeight: `${containerHeight~~}~~px` }}~~\n data-test-id={slideVisible ? TestIds.ACTIVE_IMAGE : undefined}\n />\n </SlideInner>\n );\n};\n"],"names":["React","styles","NoImagePaths","TypographyText","cn","Spinner","index","useContext","GalleryContext","useHandleImageViewer","isSmallImage","useCallback","isVideo","Video","getImageAlt","TestIds"],"mappings":"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~~AAE7E~~,IAAA,IAAM,cAAc,GAAGC,iBAAW,CAC9B,UAAC,IAA6B,EAAA;AAC1B,QAAA,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,QAAQ,KAAI,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE;YAClD,UAAU,CACN,EAAE,aAAa,EAAE,IAAI,EAA4C,EACjEL,OAAK,CACR;;KAER,EACD,CAAC,UAAU,EAAEA,OAAK,EAAE,IAAI,CAAC,CAC5B;AAED,IAAA,IAAIM,aAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;AACpB,QAAA,QACIZ,sBAAC,CAAA,aAAA,CAAA,UAAU,IAAC,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,IAAI,EAAA;AAC3E,YAAAA,sBAAA,CAAA,aAAA,CAACa,WAAK,EAAA,EACF,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAEP,OAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAEF,mBAAE,EAAG,EAAA,GAAA,EAAA,EAAA,EAAA,CAACH,uBAAM,CAAC,eAAe,CAAA,GAAG,UAAU,EAAA,EAAA,EAAG,EACzD,CAAA,CACO;;AAIrB,IAAA,QACID,sBAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,IAAI,EAAA;QACxDA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAEc,iBAAW,CAAC,KAAK,EAAER,OAAK,CAAC,EAC9B,SAAS,EAAEF,mBAAE,EAAA,EAAA,GAAA,EAAA;AACT,gBAAA,EAAA,CAACH,uBAAM,CAAC,UAAU,CAAA,GAAG,KAAK;AAC1B,gBAAA,EAAA,CAACA,uBAAM,CAAC,KAAK,IAAG,CAAC,KAAK,IAAI,IAAI;AAC9B,gBAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAG,GAAA,IAAI,KAAK,QAAQ;AAClC,gBAAA,EAAA,CAACA,uBAAM,CAAC,eAAe,CAAA,GAAG,UAAU;AACpC,gBAAA,EAAA,CAACA,uBAAM,CAAC,gBAAgB,CAAA,GAAG,gBAAgB;AAC3C,gBAAA,EAAA,CAACA,uBAAM,CAAC,kBAAkB,CAAA,GAAG,kBAAkB;oBACjD,EACF,MAAM,EAAE,UAAC,KAAK,~~EAAA~~,~~EAAK,~~OAAA,UAAU,CAAC,KAAK,EAAEK,OAAK,CAAC,CAAA,EAAA,EAC3C,OAAO,EAAE,YAAM,EAAA,OAAA,eAAe,CAACA,OAAK,CAAC,CAAtB,EAAsB,EACrC,KAAK,EAAE,UAAU,~~GAAG~~,~~SAAS~~,~~GAAG,EAAE,SAAS,EAAE,~~EAAA,~~CAAA,MAAA,CAAG,eAAe,EAAA,IAAA,CAAI,EAAE,EAAA,cAAA,EACvD,~~YAAY,GAAGS,iBAAO,CAAC,YAAY,GAAG,SAAS,~~EAAA,CAC~~/D,CACO;AAErB;;;;"}
1	+ {"version":3,"file":"slide.js","sources":["../../../src/components/image-viewer/slide.tsx"],"sourcesContent":["import React, { type FC, type ReactNode, useCallback, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Spinner } from '@alfalab/core-components-spinner';\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { GalleryContext } from '../../context';\nimport { type GalleryImage, type ImageMeta } from '../../types';\nimport { getImageAlt, isSmallImage, isVideo, TestIds } from '../../utils';\n\nimport { useHandleImageViewer } from './hooks';\nimport { NoImagePaths } from './paths';\nimport { Video } from './video';\n\nimport styles from './index.module.css';\n\ntype SlideInnerProps = {\n active: boolean;\n broken: boolean;\n loading: boolean;\n children: ReactNode;\n isVideoView?: boolean;\n};\n\nconst SlideInner: FC<SlideInnerProps> = ({ children, broken, loading, isVideoView }) => {\n const content = broken ? (\n <div className={styles.brokenImgWrapper}>\n <div className={styles.brokenImgIcon}>\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='80'\n height='80'\n viewBox='0 0 80 80'\n fill='none'\n >\n <rect width='80' height='80' fill='none' />\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d={NoImagePaths.baseImage}\n fill='#89898A'\n />\n <path d={NoImagePaths.triangleImage} fill='#89898A' />\n </svg>\n </div>\n\n <TypographyText view='primary-small' color='static-secondary-light'>\n Не удалось загрузить {isVideoView ? 'видео' : 'изображение'}\n </TypographyText>\n </div>\n ) : (\n children\n );\n\n return (\n <div className={cn(styles.slide, { [styles.slideLoading]: loading })}>\n {broken ? <div className={styles.placeholder}>{content}</div> : content}\n <Spinner className={styles.spinner} preset={48} visible={loading} />\n </div>\n );\n};\n\ntype SlideProps = {\n isActive: boolean;\n image: GalleryImage;\n meta?: ImageMeta;\n containerAspectRatio: number;\n imageAspectRatio: number;\n index: number;\n containerHeight: number;\n slideVisible: boolean;\n fullScreen?: boolean;\n};\n\nexport const Slide: FC<SlideProps> = ({\n isActive,\n meta,\n containerAspectRatio,\n imageAspectRatio,\n image,\n index,\n containerHeight,\n slideVisible,\n fullScreen,\n}) => {\n const { view } = useContext(GalleryContext);\n const { handleLoad, handleLoadError } = useHandleImageViewer();\n\n const broken = Boolean(meta?.broken);\n const small = isSmallImage(meta);\n const verticalImageFit = !small && containerAspectRatio > imageAspectRatio;\n const horizontalImageFit = !small && containerAspectRatio <= imageAspectRatio;\n const imageStyle =\n fullScreen \|\| !containerHeight ? undefined : { maxHeight: `${containerHeight}px` };\n\n const handleImageRef = useCallback(\n (node: HTMLImageElement \| null) => {\n if (node?.complete && node.naturalWidth > 0 && !meta) {\n handleLoad(\n { currentTarget: node } as React.SyntheticEvent<HTMLImageElement>,\n index,\n );\n }\n },\n [handleLoad, index, meta],\n );\n\n if (isVideo(image.src)) {\n return (\n <SlideInner isVideoView={true} active={isActive} broken={broken} loading={!meta}>\n <Video\n url={image.src}\n index={index}\n isActive={isActive}\n className={cn({ [styles.fullScreenMedia]: fullScreen })}\n />\n </SlideInner>\n );\n }\n\n return (\n <SlideInner active={isActive} broken={broken} loading={!meta}>\n <img\n ref={handleImageRef}\n src={image.src}\n alt={getImageAlt(image, index)}\n className={cn({\n [styles.smallImage]: small,\n [styles.image]: !small && meta,\n [styles.mobile]: view === 'mobile',\n [styles.fullScreenMedia]: fullScreen,\n [styles.verticalImageFit]: verticalImageFit,\n [styles.horizontalImageFit]: horizontalImageFit,\n })}\n onLoad={(event) => handleLoad(event, index)}\n onError={() => handleLoadError(index)}\n style={imageStyle}\n data-test-id={slideVisible ? TestIds.ACTIVE_IMAGE : undefined}\n />\n </SlideInner>\n );\n};\n"],"names":["React","styles","NoImagePaths","TypographyText","cn","Spinner","index","useContext","GalleryContext","useHandleImageViewer","isSmallImage","useCallback","isVideo","Video","getImageAlt","TestIds"],"mappings":"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"}

package/esm/components/bottom-button/index.css CHANGED Viewed

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

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

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

package/esm/components/buttons/index.css CHANGED Viewed

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

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

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

package/esm/components/header/index.css CHANGED Viewed

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

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

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

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

@@ -2,24 +2,24 @@
     --gap-2xs: 4px;
     --gap-4: var(--gap-2xs);
 }
-.gallery__info_67sij {
+.gallery__info_2l9no {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
 }
-.gallery__filenameHead_67sij {
+.gallery__filenameHead_2l9no {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
-.gallery__filenameContainer_67sij {
+.gallery__filenameContainer_2l9no {
     overflow: hidden;
     display: inline-flex;
 }
-.gallery__description_67sij {
+.gallery__description_2l9no {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import './index.css';
-var styles = {"headerMobile":"gallery__headerMobile_t1ge4","video":"gallery__video_t1ge4","hide":"gallery__hide_t1ge4","rightButtons":"gallery__rightButtons_t1ge4","description":"gallery__description_t1ge4"};
+var styles = {"headerMobile":"gallery__headerMobile_9pe0x","video":"gallery__video_9pe0x","hide":"gallery__hide_9pe0x","rightButtons":"gallery__rightButtons_9pe0x","description":"gallery__description_9pe0x"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -12,23 +12,23 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_14mo1 {
+.gallery__component_1pxtz {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
 }
-.gallery__component_14mo1 .gallery__image_14mo1 {
+.gallery__component_1pxtz .gallery__image_1pxtz {
         opacity: 0.3;
     }
-.gallery__component_14mo1.gallery__mobile_14mo1 {
+.gallery__component_1pxtz.gallery__mobile_1pxtz {
         padding: 0;
     }
-.gallery__active_14mo1 > .gallery__image_14mo1 {
+.gallery__active_1pxtz > .gallery__image_1pxtz {
         opacity: 1;
     }
-.gallery__preview_14mo1 {
+.gallery__preview_1pxtz {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -38,15 +38,15 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__preview_14mo1.gallery__mobile_14mo1 {
+.gallery__preview_1pxtz.gallery__mobile_1pxtz {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     }
-.gallery__image_14mo1 {
+.gallery__image_1pxtz {
     transition: opacity 0.15s ease-in-out;
 }
-.gallery__image_14mo1 > img {
+.gallery__image_1pxtz > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -56,36 +56,36 @@
         overflow: clip;
         overflow-clip-margin: border-box;
     }
-.gallery__image_14mo1:hover {
+.gallery__image_1pxtz:hover {
         opacity: 0.7;
     }
-.gallery__loading_14mo1 {
+.gallery__loading_1pxtz {
     background-color: var(--color-static-neutral-100-inverted);
 }
-.gallery__loading_14mo1 .gallery__active_14mo1 {
+.gallery__loading_1pxtz .gallery__active_1pxtz {
         background-color: var(--color-static-neutral-300-inverted);
     }
-.gallery__brokenImageWrapper_14mo1 {
+.gallery__brokenImageWrapper_1pxtz {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-300-inverted);
     opacity: 0.3;
 }
-.gallery__brokenImageWrapper_14mo1.gallery__active_14mo1 {
+.gallery__brokenImageWrapper_1pxtz.gallery__active_1pxtz {
         opacity: 1;
     }
-.gallery__brokenIcon_14mo1 {
+.gallery__brokenIcon_1pxtz {
     width: 40px;
     height: 40px;
 }
-.gallery__focused_14mo1 {
+.gallery__focused_1pxtz {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__canvasPreview_14mo1 {
+.gallery__canvasPreview_1pxtz {
     border-radius: var(--border-radius-12);
 }
-.gallery__canvasPreview_14mo1.gallery__mobile_14mo1 {
+.gallery__canvasPreview_1pxtz.gallery__mobile_1pxtz {
         border-radius: var(--border-radius-8);
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
-var styles = {"component":"gallery__component_14mo1","image":"gallery__image_14mo1","mobile":"gallery__mobile_14mo1","active":"gallery__active_14mo1","preview":"gallery__preview_14mo1","loading":"gallery__loading_14mo1","brokenImageWrapper":"gallery__brokenImageWrapper_14mo1","brokenIcon":"gallery__brokenIcon_14mo1","focused":"gallery__focused_14mo1","canvasPreview":"gallery__canvasPreview_14mo1"};
+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"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map