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

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 (86) hide show
  1. package/components/bottom-button/index.css +5 -5
  2. package/components/bottom-button/index.module.css.js +1 -1
  3. package/components/buttons/index.css +6 -7
  4. package/components/buttons/index.module.css.js +1 -1
  5. package/components/header/index.css +3 -5
  6. package/components/header/index.module.css.js +1 -1
  7. package/components/header-info-block/index.css +5 -6
  8. package/components/header-info-block/index.module.css.js +1 -1
  9. package/components/header-mobile/index.css +6 -6
  10. package/components/header-mobile/index.module.css.js +1 -1
  11. package/components/header-mobile/index.module.css.js.map +1 -1
  12. package/components/image-preview/index.css +19 -21
  13. package/components/image-preview/index.module.css.js +1 -1
  14. package/components/image-viewer/index.css +32 -36
  15. package/components/image-viewer/index.module.css.js +1 -1
  16. package/components/image-viewer/video/index.css +8 -9
  17. package/components/image-viewer/video/index.module.css.js +1 -1
  18. package/components/info-bar/index.css +5 -7
  19. package/components/info-bar/index.module.css.js +1 -1
  20. package/components/navigation-bar/index.css +13 -18
  21. package/components/navigation-bar/index.module.css.js +1 -1
  22. package/components/subtitles/index.css +5 -7
  23. package/components/subtitles/index.module.css.js +1 -1
  24. package/cssm/components/buttons/index.module.css +1 -2
  25. package/cssm/components/header/index.module.css +2 -4
  26. package/cssm/components/header-info-block/index.module.css +1 -2
  27. package/cssm/components/image-preview/index.module.css +2 -4
  28. package/cssm/components/image-viewer/index.module.css +4 -8
  29. package/cssm/components/image-viewer/video/index.module.css +1 -2
  30. package/cssm/components/info-bar/index.module.css +2 -4
  31. package/cssm/components/navigation-bar/index.module.css +5 -10
  32. package/cssm/components/subtitles/index.module.css +2 -4
  33. package/cssm/index.module.css +2 -4
  34. package/esm/components/bottom-button/index.css +5 -5
  35. package/esm/components/bottom-button/index.module.css.js +1 -1
  36. package/esm/components/buttons/index.css +6 -7
  37. package/esm/components/buttons/index.module.css.js +1 -1
  38. package/esm/components/header/index.css +3 -5
  39. package/esm/components/header/index.module.css.js +1 -1
  40. package/esm/components/header-info-block/index.css +5 -6
  41. package/esm/components/header-info-block/index.module.css.js +1 -1
  42. package/esm/components/header-mobile/index.css +6 -6
  43. package/esm/components/header-mobile/index.module.css.js +1 -1
  44. package/esm/components/header-mobile/index.module.css.js.map +1 -1
  45. package/esm/components/image-preview/index.css +19 -21
  46. package/esm/components/image-preview/index.module.css.js +1 -1
  47. package/esm/components/image-viewer/index.css +32 -36
  48. package/esm/components/image-viewer/index.module.css.js +1 -1
  49. package/esm/components/image-viewer/video/index.css +8 -9
  50. package/esm/components/image-viewer/video/index.module.css.js +1 -1
  51. package/esm/components/info-bar/index.css +5 -7
  52. package/esm/components/info-bar/index.module.css.js +1 -1
  53. package/esm/components/navigation-bar/index.css +13 -18
  54. package/esm/components/navigation-bar/index.module.css.js +1 -1
  55. package/esm/components/subtitles/index.css +5 -7
  56. package/esm/components/subtitles/index.module.css.js +1 -1
  57. package/esm/index.css +11 -13
  58. package/esm/index.module.css.js +1 -1
  59. package/index.css +11 -13
  60. package/index.module.css.js +1 -1
  61. package/modern/components/bottom-button/index.css +5 -5
  62. package/modern/components/bottom-button/index.module.css.js +1 -1
  63. package/modern/components/buttons/index.css +6 -7
  64. package/modern/components/buttons/index.module.css.js +1 -1
  65. package/modern/components/header/index.css +3 -5
  66. package/modern/components/header/index.module.css.js +1 -1
  67. package/modern/components/header-info-block/index.css +5 -6
  68. package/modern/components/header-info-block/index.module.css.js +1 -1
  69. package/modern/components/header-mobile/index.css +6 -6
  70. package/modern/components/header-mobile/index.module.css.js +1 -1
  71. package/modern/components/header-mobile/index.module.css.js.map +1 -1
  72. package/modern/components/image-preview/index.css +19 -21
  73. package/modern/components/image-preview/index.module.css.js +1 -1
  74. package/modern/components/image-viewer/index.css +32 -36
  75. package/modern/components/image-viewer/index.module.css.js +1 -1
  76. package/modern/components/image-viewer/video/index.css +8 -9
  77. package/modern/components/image-viewer/video/index.module.css.js +1 -1
  78. package/modern/components/info-bar/index.css +5 -7
  79. package/modern/components/info-bar/index.module.css.js +1 -1
  80. package/modern/components/navigation-bar/index.css +13 -18
  81. package/modern/components/navigation-bar/index.module.css.js +1 -1
  82. package/modern/components/subtitles/index.css +5 -7
  83. package/modern/components/subtitles/index.module.css.js +1 -1
  84. package/modern/index.css +11 -13
  85. package/modern/index.module.css.js +1 -1
  86. package/package.json +11 -11
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"iconButton":"gallery__iconButton_17zvp"};
3
+ const styles = {"iconButton":"gallery__iconButton_fgvmq"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,10 +1,8 @@
1
1
  :root {
2
- --gap-m: 16px;
3
- --gap-2xl: 32px;
4
- --gap-16: var(--gap-m);
5
- --gap-32: var(--gap-2xl);
2
+ --gap-16: 16px;
3
+ --gap-32: 32px;
6
4
  }
7
- .gallery__header_c4i7e {
5
+ .gallery__header_ubobr {
8
6
  display: flex;
9
7
  justify-content: space-between;
10
8
  flex-shrink: 0;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"header":"gallery__header_c4i7e"};
3
+ const styles = {"header":"gallery__header_ubobr"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,25 +1,24 @@
1
1
  :root {
2
- --gap-2xs: 4px;
3
- --gap-4: var(--gap-2xs);
2
+ --gap-4: 4px;
4
3
  }
5
- .gallery__info_2l9no {
4
+ .gallery__info_z8vtz {
6
5
  height: 100%;
7
6
  display: flex;
8
7
  flex-direction: column;
9
8
  justify-content: center;
10
9
  overflow: hidden;
11
10
  }
12
- .gallery__filenameHead_2l9no {
11
+ .gallery__filenameHead_z8vtz {
13
12
  display: inline;
14
13
  text-overflow: ellipsis;
15
14
  overflow: hidden;
16
15
  white-space: nowrap;
17
16
  }
18
- .gallery__filenameContainer_2l9no {
17
+ .gallery__filenameContainer_z8vtz {
19
18
  overflow: hidden;
20
19
  display: inline-flex;
21
20
  }
22
- .gallery__description_2l9no {
21
+ .gallery__description_z8vtz {
23
22
  display: inline;
24
23
  text-overflow: ellipsis;
25
24
  overflow: hidden;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"info":"gallery__info_2l9no","filenameHead":"gallery__filenameHead_2l9no","filenameContainer":"gallery__filenameContainer_2l9no","description":"gallery__description_2l9no"};
3
+ const styles = {"info":"gallery__info_z8vtz","filenameHead":"gallery__filenameHead_z8vtz","filenameContainer":"gallery__filenameContainer_z8vtz","description":"gallery__description_z8vtz"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --color-static-neutral-0-inverted: #262629;
3
3
  }
4
- .gallery__headerMobile_9pe0x {
4
+ .gallery__headerMobile_d2oj {
5
5
  position: relative;
6
6
  height: 72px;
7
7
  z-index: 3;
@@ -10,21 +10,21 @@
10
10
  justify-content: space-between;
11
11
  align-items: center;
12
12
  }
13
- .gallery__headerMobile_9pe0x.gallery__video_9pe0x {
13
+ .gallery__headerMobile_d2oj.gallery__video_d2oj {
14
14
  position: absolute;
15
15
  width: 100%;
16
16
  background-color: var(--color-static-neutral-0-inverted);
17
17
  transition: transform 0.3s ease-in-out;
18
18
  }
19
- .gallery__hide_9pe0x {
19
+ .gallery__hide_d2oj {
20
20
  transform: translateY(-96px);
21
21
  }
22
- .gallery__leftButton_9pe0x,
23
- .gallery__rightButtons_9pe0x {
22
+ .gallery__leftButton_d2oj,
23
+ .gallery__rightButtons_d2oj {
24
24
  display: flex;
25
25
  align-items: center;
26
26
  }
27
- .gallery__description_9pe0x {
27
+ .gallery__description_d2oj {
28
28
  position: absolute;
29
29
  left: 50%;
30
30
  transform: translateX(-50%);
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"headerMobile":"gallery__headerMobile_9pe0x","video":"gallery__video_9pe0x","hide":"gallery__hide_9pe0x","rightButtons":"gallery__rightButtons_9pe0x","description":"gallery__description_9pe0x"};
3
+ const styles = {"headerMobile":"gallery__headerMobile_d2oj","video":"gallery__video_d2oj","hide":"gallery__hide_d2oj","rightButtons":"gallery__rightButtons_d2oj","description":"gallery__description_d2oj"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +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,eAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,qBAAqB,CAA0C,cAAc,CAAC,6BAA6B,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}
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,eAAe,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,MAAM,CAAC,oBAAoB,CAAyC,cAAc,CAAC,4BAA4B,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}
@@ -4,31 +4,29 @@
4
4
  --color-static-neutral-300-inverted: #29292c;
5
5
  }
6
6
  :root {
7
- --border-radius-m: 8px;
8
- --border-radius-l: 12px;
9
- --border-radius-8: var(--border-radius-m);
10
- --border-radius-12: var(--border-radius-l);
7
+ --border-radius-8: 8px;
8
+ --border-radius-12: 12px;
11
9
  }
12
10
  :root {
13
11
  --focus-color: var(--color-light-status-info);
14
12
  }
15
- .gallery__component_1pxtz {
13
+ .gallery__component_1xnrd {
16
14
  display: flex;
17
15
  z-index: 3;
18
16
  overflow: hidden;
19
17
  transition: border 0.15s ease-in-out;
20
18
  outline: none;
21
19
  }
22
- .gallery__component_1pxtz .gallery__image_1pxtz {
20
+ .gallery__component_1xnrd .gallery__image_1xnrd {
23
21
  opacity: 0.3;
24
22
  }
25
- .gallery__component_1pxtz.gallery__mobile_1pxtz {
23
+ .gallery__component_1xnrd.gallery__mobile_1xnrd {
26
24
  padding: 0;
27
25
  }
28
- .gallery__active_1pxtz > .gallery__image_1pxtz {
26
+ .gallery__active_1xnrd > .gallery__image_1xnrd {
29
27
  opacity: 1;
30
28
  }
31
- .gallery__preview_1pxtz {
29
+ .gallery__preview_1xnrd {
32
30
  width: 56px;
33
31
  height: 56px;
34
32
  flex-shrink: 0;
@@ -38,15 +36,15 @@
38
36
  -moz-user-select: none;
39
37
  user-select: none;
40
38
  }
41
- .gallery__preview_1pxtz.gallery__mobile_1pxtz {
39
+ .gallery__preview_1xnrd.gallery__mobile_1xnrd {
42
40
  width: 46px;
43
41
  height: 46px;
44
42
  border-radius: var(--border-radius-8);
45
43
  }
46
- .gallery__image_1pxtz {
44
+ .gallery__image_1xnrd {
47
45
  transition: opacity 0.15s ease-in-out;
48
46
  }
49
- .gallery__image_1pxtz > img {
47
+ .gallery__image_1xnrd > img {
50
48
  display: block;
51
49
  width: 100%;
52
50
  height: 100%;
@@ -56,36 +54,36 @@
56
54
  overflow: clip;
57
55
  overflow-clip-margin: border-box;
58
56
  }
59
- .gallery__image_1pxtz:hover {
57
+ .gallery__image_1xnrd:hover {
60
58
  opacity: 0.7;
61
59
  }
62
- .gallery__loading_1pxtz {
60
+ .gallery__loading_1xnrd {
63
61
  background-color: var(--color-static-neutral-100-inverted);
64
62
  }
65
- .gallery__loading_1pxtz .gallery__active_1pxtz {
63
+ .gallery__loading_1xnrd .gallery__active_1xnrd {
66
64
  background-color: var(--color-static-neutral-300-inverted);
67
65
  }
68
- .gallery__brokenImageWrapper_1pxtz {
66
+ .gallery__brokenImageWrapper_1xnrd {
69
67
  display: flex;
70
68
  justify-content: center;
71
69
  align-items: center;
72
70
  background-color: var(--color-static-neutral-300-inverted);
73
71
  opacity: 0.3;
74
72
  }
75
- .gallery__brokenImageWrapper_1pxtz.gallery__active_1pxtz {
73
+ .gallery__brokenImageWrapper_1xnrd.gallery__active_1xnrd {
76
74
  opacity: 1;
77
75
  }
78
- .gallery__brokenIcon_1pxtz {
76
+ .gallery__brokenIcon_1xnrd {
79
77
  width: 40px;
80
78
  height: 40px;
81
79
  }
82
- .gallery__focused_1pxtz {
80
+ .gallery__focused_1xnrd {
83
81
  outline: 2px solid var(--focus-color);
84
82
  outline-offset: 2px;
85
83
  }
86
- .gallery__canvasPreview_1pxtz {
84
+ .gallery__canvasPreview_1xnrd {
87
85
  border-radius: var(--border-radius-12);
88
86
  }
89
- .gallery__canvasPreview_1pxtz.gallery__mobile_1pxtz {
87
+ .gallery__canvasPreview_1xnrd.gallery__mobile_1xnrd {
90
88
  border-radius: var(--border-radius-8);
91
89
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const 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"};
3
+ const 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"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -8,23 +8,19 @@
8
8
  --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
9
9
  }
10
10
  :root {
11
- --border-radius-m: 8px;
12
11
  --border-radius-0: 0;
13
- --border-radius-8: var(--border-radius-m);
12
+ --border-radius-8: 8px;
14
13
  }
15
14
  :root {
16
- --gap-2xs: 4px;
17
- --gap-m: 16px;
18
- --gap-2xl: 32px;
19
15
  --gap-0: 0px;
20
- --gap-4: var(--gap-2xs);
21
- --gap-16: var(--gap-m);
22
- --gap-32: var(--gap-2xl);
16
+ --gap-4: 4px;
17
+ --gap-16: 16px;
18
+ --gap-32: 32px;
23
19
  }
24
20
  :root {
25
21
  --focus-color: var(--color-light-status-info);
26
22
  }
27
- .gallery__component_xdq4y {
23
+ .gallery__component_8fs5d {
28
24
  display: flex;
29
25
  flex-grow: 1;
30
26
  justify-content: center;
@@ -92,7 +88,7 @@
92
88
  z-index: -1000;
93
89
  }
94
90
 
95
- .gallery__swiperFrame_xdq4y {
91
+ .gallery__swiperFrame_8fs5d {
96
92
  display: flex;
97
93
  flex: 1 1 0;
98
94
  min-width: 0;
@@ -104,17 +100,17 @@
104
100
  box-sizing: border-box;
105
101
  }
106
102
 
107
- .gallery__swiperFrame_xdq4y.gallery__mobile_xdq4y {
103
+ .gallery__swiperFrame_8fs5d.gallery__mobile_8fs5d {
108
104
  max-height: calc(100vh - 210px);
109
105
  max-height: calc(100dvh - 210px);
110
106
  }
111
107
 
112
- .gallery__swiperFrame_xdq4y.gallery__mobileVideo_xdq4y {
108
+ .gallery__swiperFrame_8fs5d.gallery__mobileVideo_8fs5d {
113
109
  max-height: 100vh;
114
110
  max-height: 100dvh;
115
111
  }
116
112
 
117
- .gallery__fullScreenFrame_xdq4y {
113
+ .gallery__fullScreenFrame_8fs5d {
118
114
  display: flex;
119
115
  align-items: center;
120
116
  justify-content: center;
@@ -127,7 +123,7 @@
127
123
  overflow: hidden;
128
124
  }
129
125
 
130
- .gallery__hiddenFrame_xdq4y {
126
+ .gallery__hiddenFrame_8fs5d {
131
127
  flex: 0 0 0;
132
128
  width: 0;
133
129
  height: 0;
@@ -135,16 +131,16 @@
135
131
  overflow: hidden;
136
132
  }
137
133
 
138
- .gallery__swiper_xdq4y {
134
+ .gallery__swiper_8fs5d {
139
135
  width: 100%;
140
136
  height: 100%;
141
137
  }
142
138
 
143
- .gallery__hidden_xdq4y {
139
+ .gallery__hidden_8fs5d {
144
140
  display: none;
145
141
  }
146
142
 
147
- .gallery__singleSlideContainer_xdq4y {
143
+ .gallery__singleSlideContainer_8fs5d {
148
144
  display: flex;
149
145
  width: 100%;
150
146
  height: 100%;
@@ -156,18 +152,18 @@
156
152
  box-sizing: border-box;
157
153
  }
158
154
 
159
- .gallery__singleSlideContainer_xdq4y.gallery__mobile_xdq4y {
155
+ .gallery__singleSlideContainer_8fs5d.gallery__mobile_8fs5d {
160
156
  max-height: calc(100vh - 174px);
161
157
  max-height: calc(100dvh - 174px);
162
158
  padding: 0;
163
159
  }
164
160
 
165
- .gallery__singleSlideContainer_xdq4y.gallery__mobileVideo_xdq4y {
161
+ .gallery__singleSlideContainer_8fs5d.gallery__mobileVideo_8fs5d {
166
162
  max-height: 100vh;
167
163
  max-height: 100dvh;
168
164
  }
169
165
 
170
- .gallery__slide_xdq4y {
166
+ .gallery__slide_8fs5d {
171
167
  position: relative;
172
168
  display: flex;
173
169
  justify-content: center;
@@ -176,17 +172,17 @@
176
172
  height: 100%;
177
173
  }
178
174
 
179
- .gallery__slideLoading_xdq4y {
175
+ .gallery__slideLoading_8fs5d {
180
176
  background-color: var(--color-static-neutral-translucent-100-inverted);
181
177
  border-radius: var(--border-radius-8);
182
178
  }
183
179
 
184
- .gallery__spinner_xdq4y {
180
+ .gallery__spinner_8fs5d {
185
181
  position: absolute;
186
182
  color: var(--color-static-neutral-translucent-1300-inverted);
187
183
  }
188
184
 
189
- .gallery__image_xdq4y {
185
+ .gallery__image_8fs5d {
190
186
  width: auto;
191
187
  height: auto;
192
188
  max-width: 100%;
@@ -199,11 +195,11 @@
199
195
  border-radius: var(--border-radius-8);
200
196
  }
201
197
 
202
- .gallery__image_xdq4y.gallery__mobile_xdq4y {
198
+ .gallery__image_8fs5d.gallery__mobile_8fs5d {
203
199
  border-radius: var(--border-radius-0);
204
200
  }
205
201
 
206
- .gallery__smallImage_xdq4y {
202
+ .gallery__smallImage_8fs5d {
207
203
  position: relative;
208
204
  width: auto;
209
205
  height: auto;
@@ -216,17 +212,17 @@
216
212
  user-select: none;
217
213
  }
218
214
 
219
- .gallery__verticalImageFit_xdq4y {
215
+ .gallery__verticalImageFit_8fs5d {
220
216
  width: auto;
221
217
  height: 100%;
222
218
  }
223
219
 
224
- .gallery__horizontalImageFit_xdq4y {
220
+ .gallery__horizontalImageFit_8fs5d {
225
221
  width: 100%;
226
222
  height: auto;
227
223
  }
228
224
 
229
- .gallery__fullScreenMedia_xdq4y {
225
+ .gallery__fullScreenMedia_8fs5d {
230
226
  width: 100%;
231
227
  height: 100%;
232
228
  max-width: 100%;
@@ -236,7 +232,7 @@
236
232
  border-radius: var(--border-radius-0);
237
233
  }
238
234
 
239
- .gallery__arrow_xdq4y {
235
+ .gallery__arrow_8fs5d {
240
236
  display: flex;
241
237
  flex-direction: column;
242
238
  justify-content: center;
@@ -250,20 +246,20 @@
250
246
  outline: none;
251
247
  }
252
248
 
253
- .gallery__arrow_xdq4y:hover {
249
+ .gallery__arrow_8fs5d:hover {
254
250
  background-color: var(--color-static-neutral-0-inverted-hover);
255
251
  }
256
252
 
257
- .gallery__arrow_xdq4y:active {
253
+ .gallery__arrow_8fs5d:active {
258
254
  background-color: var(--color-static-neutral-0-inverted-press);
259
255
  }
260
256
 
261
- .gallery__focused_xdq4y {
257
+ .gallery__focused_8fs5d {
262
258
  outline: 2px solid var(--focus-color);
263
259
  outline-offset: 2px;
264
260
  }
265
261
 
266
- .gallery__placeholder_xdq4y {
262
+ .gallery__placeholder_8fs5d {
267
263
  display: flex;
268
264
  justify-content: center;
269
265
  align-items: center;
@@ -273,7 +269,7 @@
273
269
  background-color: var(--color-static-neutral-300-inverted);
274
270
  }
275
271
 
276
- .gallery__brokenImgWrapper_xdq4y {
272
+ .gallery__brokenImgWrapper_8fs5d {
277
273
  position: relative;
278
274
  display: flex;
279
275
  flex-direction: column;
@@ -282,13 +278,13 @@
282
278
  text-align: center;
283
279
  }
284
280
 
285
- .gallery__brokenImgIcon_xdq4y {
281
+ .gallery__brokenImgIcon_8fs5d {
286
282
  width: 80px;
287
283
  height: 80px;
288
284
  margin-bottom: var(--gap-4);
289
285
  }
290
286
 
291
- .gallery__fullScreenVideo_xdq4y {
287
+ .gallery__fullScreenVideo_8fs5d {
292
288
  width: 100%;
293
289
  height: 100%;
294
290
  max-height: none;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_xdq4y","swiperFrame":"gallery__swiperFrame_xdq4y","mobile":"gallery__mobile_xdq4y","mobileVideo":"gallery__mobileVideo_xdq4y","fullScreenFrame":"gallery__fullScreenFrame_xdq4y","hiddenFrame":"gallery__hiddenFrame_xdq4y","swiper":"gallery__swiper_xdq4y","hidden":"gallery__hidden_xdq4y","singleSlideContainer":"gallery__singleSlideContainer_xdq4y","slide":"gallery__slide_xdq4y","slideLoading":"gallery__slideLoading_xdq4y","spinner":"gallery__spinner_xdq4y","image":"gallery__image_xdq4y","smallImage":"gallery__smallImage_xdq4y","verticalImageFit":"gallery__verticalImageFit_xdq4y","horizontalImageFit":"gallery__horizontalImageFit_xdq4y","fullScreenMedia":"gallery__fullScreenMedia_xdq4y","arrow":"gallery__arrow_xdq4y","focused":"gallery__focused_xdq4y","placeholder":"gallery__placeholder_xdq4y","brokenImgWrapper":"gallery__brokenImgWrapper_xdq4y","brokenImgIcon":"gallery__brokenImgIcon_xdq4y","fullScreenVideo":"gallery__fullScreenVideo_xdq4y"};
3
+ const styles = {"component":"gallery__component_8fs5d","swiperFrame":"gallery__swiperFrame_8fs5d","mobile":"gallery__mobile_8fs5d","mobileVideo":"gallery__mobileVideo_8fs5d","fullScreenFrame":"gallery__fullScreenFrame_8fs5d","hiddenFrame":"gallery__hiddenFrame_8fs5d","swiper":"gallery__swiper_8fs5d","hidden":"gallery__hidden_8fs5d","singleSlideContainer":"gallery__singleSlideContainer_8fs5d","slide":"gallery__slide_8fs5d","slideLoading":"gallery__slideLoading_8fs5d","spinner":"gallery__spinner_8fs5d","image":"gallery__image_8fs5d","smallImage":"gallery__smallImage_8fs5d","verticalImageFit":"gallery__verticalImageFit_8fs5d","horizontalImageFit":"gallery__horizontalImageFit_8fs5d","fullScreenMedia":"gallery__fullScreenMedia_8fs5d","arrow":"gallery__arrow_8fs5d","focused":"gallery__focused_8fs5d","placeholder":"gallery__placeholder_8fs5d","brokenImgWrapper":"gallery__brokenImgWrapper_8fs5d","brokenImgIcon":"gallery__brokenImgIcon_8fs5d","fullScreenVideo":"gallery__fullScreenVideo_8fs5d"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -3,11 +3,10 @@
3
3
  --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
4
4
  }
5
5
  :root {
6
- --border-radius-3xl: 24px;
7
6
  --border-radius-0: 0;
8
- --border-radius-24: var(--border-radius-3xl);
7
+ --border-radius-24: 24px;
9
8
  }
10
- .gallery__videoWrapper_1ipf9 {
9
+ .gallery__videoWrapper_vfn7m {
11
10
  display: flex;
12
11
  align-items: center;
13
12
  justify-content: center;
@@ -17,17 +16,17 @@
17
16
  min-height: 0;
18
17
  position: relative;
19
18
  }
20
- .gallery__video_1ipf9 {
19
+ .gallery__video_vfn7m {
21
20
  max-width: 100%;
22
21
  max-height: 100%;
23
22
  -o-object-fit: contain;
24
23
  object-fit: contain;
25
24
  border-radius: var(--border-radius-24);
26
25
  }
27
- .gallery__mobile_1ipf9 {
26
+ .gallery__mobile_vfn7m {
28
27
  border-radius: var(--border-radius-0);
29
28
  }
30
- .gallery__videoButton_1ipf9 {
29
+ .gallery__videoButton_vfn7m {
31
30
  position: absolute;
32
31
  top: 50%;
33
32
  left: 50%;
@@ -35,13 +34,13 @@
35
34
  z-index: 1;
36
35
  color: green;
37
36
  }
38
- .gallery__icon_1ipf9 {
37
+ .gallery__icon_vfn7m {
39
38
  color: var(--color-static-neutral-0);
40
39
  }
41
- .gallery__iconShape_1ipf9 {
40
+ .gallery__iconShape_vfn7m {
42
41
  fill: var(--color-static-neutral-translucent-700);
43
42
  }
44
- .gallery__bottomButton_1ipf9 {
43
+ .gallery__bottomButton_vfn7m {
45
44
  position: absolute;
46
45
  bottom: 48px;
47
46
  left: 32px;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const 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"};
3
+ const styles = {"videoWrapper":"gallery__videoWrapper_vfn7m","video":"gallery__video_vfn7m","mobile":"gallery__mobile_vfn7m","videoButton":"gallery__videoButton_vfn7m","icon":"gallery__icon_vfn7m","iconShape":"gallery__iconShape_vfn7m","bottomButton":"gallery__bottomButton_vfn7m"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,15 +2,13 @@
2
2
  --color-static-neutral-0-inverted: #262629;
3
3
  }
4
4
  :root {
5
- --gap-2xs: 4px;
6
- --gap-xs: 8px;
7
- --gap-4: var(--gap-2xs);
8
- --gap-8: var(--gap-xs);
5
+ --gap-4: 4px;
6
+ --gap-8: 8px;
9
7
  }
10
- .gallery__description_fw1es {
8
+ .gallery__description_1qqbk {
11
9
  text-align: center;
12
10
  }
13
- .gallery__infoWrapper_fw1es {
11
+ .gallery__infoWrapper_1qqbk {
14
12
  background-color: var(--color-static-neutral-0-inverted);
15
13
  display: flex;
16
14
  align-items: center;
@@ -19,7 +17,7 @@
19
17
  position: relative;
20
18
  height: 48px;
21
19
  }
22
- .gallery__infoWrapper_fw1es.gallery__video_fw1es {
20
+ .gallery__infoWrapper_1qqbk.gallery__video_1qqbk {
23
21
  padding: 0 var(--gap-4) var(--gap-4);
24
22
  justify-content: space-between;
25
23
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"description":"gallery__description_fw1es","infoWrapper":"gallery__infoWrapper_fw1es","video":"gallery__video_fw1es"};
3
+ const styles = {"description":"gallery__description_1qqbk","infoWrapper":"gallery__infoWrapper_1qqbk","video":"gallery__video_1qqbk"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,18 +2,13 @@
2
2
  --color-static-neutral-0-inverted: #262629;
3
3
  }
4
4
  :root {
5
- --gap-3xs: 2px;
6
- --gap-2xs: 4px;
7
- --gap-xs: 8px;
8
- --gap-s: 12px;
9
- --gap-xl: 24px;
10
- --gap-2: var(--gap-3xs);
11
- --gap-4: var(--gap-2xs);
12
- --gap-8: var(--gap-xs);
13
- --gap-12: var(--gap-s);
14
- --gap-24: var(--gap-xl);
5
+ --gap-2: 2px;
6
+ --gap-4: 4px;
7
+ --gap-8: 8px;
8
+ --gap-12: 12px;
9
+ --gap-24: 24px;
15
10
  }
16
- .gallery__component_19am2 {
11
+ .gallery__component_ynb4r {
17
12
  display: flex;
18
13
  flex-wrap: nowrap;
19
14
  align-content: center;
@@ -25,25 +20,25 @@
25
20
  scrollbar-width: none;
26
21
  background-color: var(--color-static-neutral-0-inverted);
27
22
  }
28
- .gallery__component_19am2.gallery__mobile_19am2 {
23
+ .gallery__component_ynb4r.gallery__mobile_ynb4r {
29
24
  padding: var(--gap-8) var(--gap-24);
30
25
  }
31
- .gallery__component_19am2::-webkit-scrollbar {
26
+ .gallery__component_ynb4r::-webkit-scrollbar {
32
27
  display: none;
33
28
  }
34
- .gallery__previews_19am2 {
29
+ .gallery__previews_ynb4r {
35
30
  display: flex;
36
31
  }
37
- .gallery__preview_19am2 {
32
+ .gallery__preview_ynb4r {
38
33
  flex-shrink: 0;
39
34
  margin-right: var(--gap-4);
40
35
  }
41
- .gallery__preview_19am2.gallery__mobile_19am2 {
36
+ .gallery__preview_ynb4r.gallery__mobile_ynb4r {
42
37
  margin-right: var(--gap-2);
43
38
  }
44
- .gallery__preview_19am2:first-child {
39
+ .gallery__preview_ynb4r:first-child {
45
40
  margin-left: auto;
46
41
  }
47
- .gallery__preview_19am2:last-child {
42
+ .gallery__preview_ynb4r:last-child {
48
43
  margin-right: auto;
49
44
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_19am2","mobile":"gallery__mobile_19am2","preview":"gallery__preview_19am2"};
3
+ const styles = {"component":"gallery__component_ynb4r","mobile":"gallery__mobile_ynb4r","preview":"gallery__preview_ynb4r"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,11 +1,9 @@
1
1
  :root {
2
- --gap-m: 16px;
3
- --gap-2xl: 32px;
4
2
  --gap-0: 0px;
5
- --gap-16: var(--gap-m);
6
- --gap-32: var(--gap-2xl);
3
+ --gap-16: 16px;
4
+ --gap-32: 32px;
7
5
  }
8
- .gallery__subtitles_4cgc7 {
6
+ .gallery__subtitles_r8yb2 {
9
7
  position: absolute;
10
8
  align-self: flex-end;
11
9
  padding: var(--gap-0) var(--gap-32);
@@ -18,10 +16,10 @@
18
16
  opacity 500ms ease-in-out,
19
17
  margin-bottom 270ms ease-in-out;
20
18
  }
21
- .gallery__subtitles_4cgc7.gallery__mobile_4cgc7 {
19
+ .gallery__subtitles_r8yb2.gallery__mobile_r8yb2 {
22
20
  position: static;
23
21
  position: initial;
24
22
  }
25
- .gallery__hideSubtitles_4cgc7 {
23
+ .gallery__hideSubtitles_r8yb2 {
26
24
  opacity: 0;
27
25
  }