@alfalab/core-components-gallery 7.2.0-alfasans → 7.2.0
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.
- package/components/bottom-button/index.css +5 -5
- package/components/bottom-button/index.module.css.js +1 -1
- package/components/buttons/index.css +5 -5
- package/components/buttons/index.module.css.js +1 -1
- package/components/header/index.css +1 -1
- package/components/header/index.module.css.js +1 -1
- package/components/header-info-block/index.css +4 -4
- package/components/header-info-block/index.module.css.js +1 -1
- package/components/header-mobile/index.css +6 -6
- package/components/header-mobile/index.module.css.js +1 -1
- package/components/image-preview/index.css +17 -17
- package/components/image-preview/index.module.css.js +1 -1
- package/components/image-viewer/index.css +28 -28
- package/components/image-viewer/index.module.css.js +1 -1
- package/components/image-viewer/video/index.css +7 -7
- package/components/image-viewer/video/index.module.css.js +1 -1
- package/components/info-bar/index.css +3 -3
- package/components/info-bar/index.module.css.js +1 -1
- package/components/navigation-bar/index.css +8 -8
- package/components/navigation-bar/index.module.css.js +1 -1
- package/components/subtitles/index.css +3 -3
- package/components/subtitles/index.module.css.js +1 -1
- package/esm/components/bottom-button/index.css +5 -5
- package/esm/components/bottom-button/index.module.css.js +1 -1
- package/esm/components/buttons/index.css +5 -5
- package/esm/components/buttons/index.module.css.js +1 -1
- package/esm/components/header/index.css +1 -1
- package/esm/components/header/index.module.css.js +1 -1
- package/esm/components/header-info-block/index.css +4 -4
- package/esm/components/header-info-block/index.module.css.js +1 -1
- package/esm/components/header-mobile/index.css +6 -6
- package/esm/components/header-mobile/index.module.css.js +1 -1
- package/esm/components/image-preview/index.css +17 -17
- package/esm/components/image-preview/index.module.css.js +1 -1
- package/esm/components/image-viewer/index.css +28 -28
- package/esm/components/image-viewer/index.module.css.js +1 -1
- package/esm/components/image-viewer/video/index.css +7 -7
- package/esm/components/image-viewer/video/index.module.css.js +1 -1
- package/esm/components/info-bar/index.css +3 -3
- package/esm/components/info-bar/index.module.css.js +1 -1
- package/esm/components/navigation-bar/index.css +8 -8
- package/esm/components/navigation-bar/index.module.css.js +1 -1
- package/esm/components/subtitles/index.css +3 -3
- package/esm/components/subtitles/index.module.css.js +1 -1
- package/esm/index.css +9 -9
- package/esm/index.module.css.js +1 -1
- package/index.css +9 -9
- package/index.module.css.js +1 -1
- package/modern/components/bottom-button/index.css +5 -5
- package/modern/components/bottom-button/index.module.css.js +1 -1
- package/modern/components/buttons/index.css +5 -5
- package/modern/components/buttons/index.module.css.js +1 -1
- package/modern/components/header/index.css +1 -1
- package/modern/components/header/index.module.css.js +1 -1
- package/modern/components/header-info-block/index.css +4 -4
- package/modern/components/header-info-block/index.module.css.js +1 -1
- package/modern/components/header-mobile/index.css +6 -6
- package/modern/components/header-mobile/index.module.css.js +1 -1
- package/modern/components/image-preview/index.css +17 -17
- package/modern/components/image-preview/index.module.css.js +1 -1
- package/modern/components/image-viewer/index.css +28 -28
- package/modern/components/image-viewer/index.module.css.js +1 -1
- package/modern/components/image-viewer/video/index.css +7 -7
- package/modern/components/image-viewer/video/index.module.css.js +1 -1
- package/modern/components/info-bar/index.css +3 -3
- package/modern/components/info-bar/index.module.css.js +1 -1
- package/modern/components/navigation-bar/index.css +8 -8
- package/modern/components/navigation-bar/index.module.css.js +1 -1
- package/modern/components/subtitles/index.css +3 -3
- package/modern/components/subtitles/index.module.css.js +1 -1
- package/modern/index.css +9 -9
- package/modern/index.module.css.js +1 -1
- package/package.json +11 -11
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
--border-radius-0: 0;
|
|
8
8
|
--border-radius-24: var(--border-radius-3xl);
|
|
9
9
|
}
|
|
10
|
-
.
|
|
10
|
+
.gallery__videoWrapper_1ogqj {
|
|
11
11
|
display: flex;
|
|
12
12
|
align-items: center;
|
|
13
13
|
justify-content: center;
|
|
@@ -17,17 +17,17 @@
|
|
|
17
17
|
min-height: 0;
|
|
18
18
|
position: relative;
|
|
19
19
|
}
|
|
20
|
-
.
|
|
20
|
+
.gallery__video_1ogqj {
|
|
21
21
|
max-width: 100%;
|
|
22
22
|
max-height: 100%;
|
|
23
23
|
-o-object-fit: contain;
|
|
24
24
|
object-fit: contain;
|
|
25
25
|
border-radius: var(--border-radius-24);
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.gallery__mobile_1ogqj {
|
|
28
28
|
border-radius: var(--border-radius-0);
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
.gallery__videoButton_1ogqj {
|
|
31
31
|
position: absolute;
|
|
32
32
|
top: 50%;
|
|
33
33
|
left: 50%;
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
z-index: 1;
|
|
36
36
|
color: green;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
.gallery__icon_1ogqj {
|
|
39
39
|
color: var(--color-static-neutral-0);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.gallery__iconShape_1ogqj {
|
|
42
42
|
fill: var(--color-static-neutral-translucent-700);
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.gallery__bottomButton_1ogqj {
|
|
45
45
|
position: absolute;
|
|
46
46
|
bottom: 48px;
|
|
47
47
|
left: 32px;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"videoWrapper":"
|
|
3
|
+
const 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"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
--gap-4: var(--gap-2xs);
|
|
8
8
|
--gap-8: var(--gap-xs);
|
|
9
9
|
}
|
|
10
|
-
.
|
|
10
|
+
.gallery__description_kr284 {
|
|
11
11
|
text-align: center;
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
.gallery__infoWrapper_kr284 {
|
|
14
14
|
background-color: var(--color-static-neutral-0-inverted);
|
|
15
15
|
display: flex;
|
|
16
16
|
align-items: center;
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
position: relative;
|
|
20
20
|
height: 48px;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
.gallery__infoWrapper_kr284.gallery__video_kr284 {
|
|
23
23
|
padding: 0 var(--gap-4) var(--gap-4);
|
|
24
24
|
justify-content: space-between;
|
|
25
25
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"description":"
|
|
3
|
+
const styles = {"description":"gallery__description_kr284","infoWrapper":"gallery__infoWrapper_kr284","video":"gallery__video_kr284"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--gap-12: var(--gap-s);
|
|
14
14
|
--gap-24: var(--gap-xl);
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
.gallery__component_1roeg {
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-wrap: nowrap;
|
|
19
19
|
align-content: center;
|
|
@@ -25,25 +25,25 @@
|
|
|
25
25
|
scrollbar-width: none;
|
|
26
26
|
background-color: var(--color-static-neutral-0-inverted);
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.gallery__component_1roeg.gallery__mobile_1roeg {
|
|
29
29
|
padding: var(--gap-8) var(--gap-24);
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.gallery__component_1roeg::-webkit-scrollbar {
|
|
32
32
|
display: none;
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
.gallery__previews_1roeg {
|
|
35
35
|
display: flex;
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.gallery__preview_1roeg {
|
|
38
38
|
flex-shrink: 0;
|
|
39
39
|
margin-right: var(--gap-4);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.gallery__preview_1roeg.gallery__mobile_1roeg {
|
|
42
42
|
margin-right: var(--gap-2);
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.gallery__preview_1roeg:first-child {
|
|
45
45
|
margin-left: auto;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.gallery__preview_1roeg:last-child {
|
|
48
48
|
margin-right: auto;
|
|
49
49
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"
|
|
3
|
+
const styles = {"component":"gallery__component_1roeg","mobile":"gallery__mobile_1roeg","preview":"gallery__preview_1roeg"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
--gap-16: var(--gap-m);
|
|
6
6
|
--gap-32: var(--gap-2xl);
|
|
7
7
|
}
|
|
8
|
-
.
|
|
8
|
+
.gallery__subtitles_9u7yv {
|
|
9
9
|
position: absolute;
|
|
10
10
|
align-self: flex-end;
|
|
11
11
|
padding: var(--gap-0) var(--gap-32);
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
opacity 500ms ease-in-out,
|
|
19
19
|
margin-bottom 270ms ease-in-out;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
.gallery__subtitles_9u7yv.gallery__mobile_9u7yv {
|
|
22
22
|
position: static;
|
|
23
23
|
position: initial;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
.gallery__hideSubtitles_9u7yv {
|
|
26
26
|
opacity: 0;
|
|
27
27
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"subtitles":"
|
|
3
|
+
const styles = {"subtitles":"gallery__subtitles_9u7yv","mobile":"gallery__mobile_9u7yv","hideSubtitles":"gallery__hideSubtitles_9u7yv"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/index.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--sat: env(safe-area-inset-top, var(--gap-0));
|
|
14
14
|
--sab: env(safe-area-inset-bottom, var(--gap-0));
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
.gallery__container_1wpb9 {
|
|
17
17
|
position: relative;
|
|
18
18
|
overflow-x: hidden;
|
|
19
19
|
overflow-y: auto;
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
padding-top: var(--sat);
|
|
28
28
|
padding-bottom: var(--sab);
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
.gallery__container_1wpb9.gallery__mobile_1wpb9 {
|
|
31
31
|
overflow: hidden;
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
.gallery__modal_1wpb9 {
|
|
34
34
|
flex-grow: 1;
|
|
35
35
|
width: 100vw;
|
|
36
36
|
height: 100vh;
|
|
37
37
|
height: 100dvh;
|
|
38
38
|
background: transparent;
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.gallery__navigationVideo_1wpb9 {
|
|
41
41
|
z-index: 3;
|
|
42
42
|
width: 100%;
|
|
43
43
|
position: absolute;
|
|
@@ -46,18 +46,18 @@
|
|
|
46
46
|
transition: transform 0.3s ease-in-out;
|
|
47
47
|
text-align: center;
|
|
48
48
|
}
|
|
49
|
-
.
|
|
49
|
+
.gallery__hide_1wpb9 {
|
|
50
50
|
transform: translateY(114px);
|
|
51
51
|
}
|
|
52
|
-
.
|
|
52
|
+
.gallery__hideInfo_1wpb9 {
|
|
53
53
|
transform: translateY(48px);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
.gallery__bottomButton_1wpb9 {
|
|
56
56
|
width: calc(100% - var(--gap-32));
|
|
57
57
|
margin: var(--gap-16);
|
|
58
58
|
background-color: var(--color-static-neutral-translucent-500-inverted);
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
.gallery__subtitles_1wpb9 {
|
|
61
61
|
padding: var(--gap-0) var(--gap-32);
|
|
62
62
|
margin-bottom: var(--gap-16);
|
|
63
63
|
width: 100%;
|
|
@@ -68,6 +68,6 @@
|
|
|
68
68
|
opacity 500ms ease-in-out,
|
|
69
69
|
margin-bottom 270ms ease-in-out;
|
|
70
70
|
}
|
|
71
|
-
.
|
|
71
|
+
.gallery__hideSubtitles_1wpb9 {
|
|
72
72
|
opacity: 0;
|
|
73
73
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"container":"
|
|
3
|
+
const styles = {"container":"gallery__container_1wpb9","mobile":"gallery__mobile_1wpb9","modal":"gallery__modal_1wpb9","navigationVideo":"gallery__navigationVideo_1wpb9","hide":"gallery__hide_1wpb9","hideInfo":"gallery__hideInfo_1wpb9","bottomButton":"gallery__bottomButton_1wpb9"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-gallery",
|
|
3
|
-
"version": "7.2.0
|
|
3
|
+
"version": "7.2.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -13,14 +13,14 @@
|
|
|
13
13
|
"build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@alfalab/core-components-base-modal": "7.1.7
|
|
17
|
-
"@alfalab/core-components-button": "13.2.1
|
|
18
|
-
"@alfalab/core-components-icon-button": "8.0.9
|
|
19
|
-
"@alfalab/core-components-icon-view": "5.0.4
|
|
20
|
-
"@alfalab/core-components-mq": "6.0.6
|
|
21
|
-
"@alfalab/core-components-spinner": "6.0.6
|
|
22
|
-
"@alfalab/core-components-tooltip": "9.0.16
|
|
23
|
-
"@alfalab/core-components-typography": "6.0.9
|
|
16
|
+
"@alfalab/core-components-base-modal": "^7.1.7",
|
|
17
|
+
"@alfalab/core-components-button": "^13.2.1",
|
|
18
|
+
"@alfalab/core-components-icon-button": "^8.0.9",
|
|
19
|
+
"@alfalab/core-components-icon-view": "^5.0.4",
|
|
20
|
+
"@alfalab/core-components-mq": "^6.0.6",
|
|
21
|
+
"@alfalab/core-components-spinner": "^6.0.6",
|
|
22
|
+
"@alfalab/core-components-tooltip": "^9.0.16",
|
|
23
|
+
"@alfalab/core-components-typography": "^6.0.9",
|
|
24
24
|
"@alfalab/hooks": "^1.17.0",
|
|
25
25
|
"@alfalab/icons-glyph": "^2.260.0",
|
|
26
26
|
"classnames": "^2.5.1",
|
|
@@ -38,6 +38,6 @@
|
|
|
38
38
|
"access": "public",
|
|
39
39
|
"directory": "dist"
|
|
40
40
|
},
|
|
41
|
-
"themesVersion": "15.2.0
|
|
42
|
-
"varsVersion": "11.1.0
|
|
41
|
+
"themesVersion": "15.2.0",
|
|
42
|
+
"varsVersion": "11.1.0"
|
|
43
43
|
}
|