@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.
Files changed (73) 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 +5 -5
  4. package/components/buttons/index.module.css.js +1 -1
  5. package/components/header/index.css +1 -1
  6. package/components/header/index.module.css.js +1 -1
  7. package/components/header-info-block/index.css +4 -4
  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/image-preview/index.css +17 -17
  12. package/components/image-preview/index.module.css.js +1 -1
  13. package/components/image-viewer/index.css +28 -28
  14. package/components/image-viewer/index.module.css.js +1 -1
  15. package/components/image-viewer/video/index.css +7 -7
  16. package/components/image-viewer/video/index.module.css.js +1 -1
  17. package/components/info-bar/index.css +3 -3
  18. package/components/info-bar/index.module.css.js +1 -1
  19. package/components/navigation-bar/index.css +8 -8
  20. package/components/navigation-bar/index.module.css.js +1 -1
  21. package/components/subtitles/index.css +3 -3
  22. package/components/subtitles/index.module.css.js +1 -1
  23. package/esm/components/bottom-button/index.css +5 -5
  24. package/esm/components/bottom-button/index.module.css.js +1 -1
  25. package/esm/components/buttons/index.css +5 -5
  26. package/esm/components/buttons/index.module.css.js +1 -1
  27. package/esm/components/header/index.css +1 -1
  28. package/esm/components/header/index.module.css.js +1 -1
  29. package/esm/components/header-info-block/index.css +4 -4
  30. package/esm/components/header-info-block/index.module.css.js +1 -1
  31. package/esm/components/header-mobile/index.css +6 -6
  32. package/esm/components/header-mobile/index.module.css.js +1 -1
  33. package/esm/components/image-preview/index.css +17 -17
  34. package/esm/components/image-preview/index.module.css.js +1 -1
  35. package/esm/components/image-viewer/index.css +28 -28
  36. package/esm/components/image-viewer/index.module.css.js +1 -1
  37. package/esm/components/image-viewer/video/index.css +7 -7
  38. package/esm/components/image-viewer/video/index.module.css.js +1 -1
  39. package/esm/components/info-bar/index.css +3 -3
  40. package/esm/components/info-bar/index.module.css.js +1 -1
  41. package/esm/components/navigation-bar/index.css +8 -8
  42. package/esm/components/navigation-bar/index.module.css.js +1 -1
  43. package/esm/components/subtitles/index.css +3 -3
  44. package/esm/components/subtitles/index.module.css.js +1 -1
  45. package/esm/index.css +9 -9
  46. package/esm/index.module.css.js +1 -1
  47. package/index.css +9 -9
  48. package/index.module.css.js +1 -1
  49. package/modern/components/bottom-button/index.css +5 -5
  50. package/modern/components/bottom-button/index.module.css.js +1 -1
  51. package/modern/components/buttons/index.css +5 -5
  52. package/modern/components/buttons/index.module.css.js +1 -1
  53. package/modern/components/header/index.css +1 -1
  54. package/modern/components/header/index.module.css.js +1 -1
  55. package/modern/components/header-info-block/index.css +4 -4
  56. package/modern/components/header-info-block/index.module.css.js +1 -1
  57. package/modern/components/header-mobile/index.css +6 -6
  58. package/modern/components/header-mobile/index.module.css.js +1 -1
  59. package/modern/components/image-preview/index.css +17 -17
  60. package/modern/components/image-preview/index.module.css.js +1 -1
  61. package/modern/components/image-viewer/index.css +28 -28
  62. package/modern/components/image-viewer/index.module.css.js +1 -1
  63. package/modern/components/image-viewer/video/index.css +7 -7
  64. package/modern/components/image-viewer/video/index.module.css.js +1 -1
  65. package/modern/components/info-bar/index.css +3 -3
  66. package/modern/components/info-bar/index.module.css.js +1 -1
  67. package/modern/components/navigation-bar/index.css +8 -8
  68. package/modern/components/navigation-bar/index.module.css.js +1 -1
  69. package/modern/components/subtitles/index.css +3 -3
  70. package/modern/components/subtitles/index.module.css.js +1 -1
  71. package/modern/index.css +9 -9
  72. package/modern/index.module.css.js +1 -1
  73. package/package.json +11 -11
@@ -3,20 +3,20 @@
3
3
  --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
4
4
  --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
5
5
  }
6
- .gallery__component_rtlk7 {
6
+ .gallery__component_1111w {
7
7
  background-color: var(--color-static-neutral-translucent-500-inverted);
8
8
  }
9
- .gallery__component_rtlk7:hover {
9
+ .gallery__component_1111w:hover {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
11
11
  }
12
- .gallery__component_rtlk7:active {
12
+ .gallery__component_1111w:active {
13
13
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
14
14
  }
15
- .gallery__component_rtlk7 {
15
+ .gallery__component_1111w {
16
16
 
17
17
  transition: transform 1s ease-in-out;
18
18
  will-change: transform;
19
19
  }
20
- .gallery__notVisible_rtlk7 {
20
+ .gallery__notVisible_1111w {
21
21
  transform: translateY(250%);
22
22
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_rtlk7","notVisible":"gallery__notVisible_rtlk7"};
5
+ var styles = {"component":"gallery__component_1111w","notVisible":"gallery__notVisible_1111w"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -8,19 +8,19 @@
8
8
  --gap-2xl: 32px;
9
9
  --gap-32: var(--gap-2xl);
10
10
  }
11
- .gallery__buttons_1g22c {
11
+ .gallery__buttons_wuul2 {
12
12
  display: flex;
13
13
  padding-left: var(--gap-32);
14
14
  }
15
- .gallery__buttons_1g22c path {
15
+ .gallery__buttons_wuul2 path {
16
16
  color: var(--color-static-neutral-translucent-1300-inverted);
17
17
  }
18
- .gallery__iconButton_1g22c path {
18
+ .gallery__iconButton_wuul2 path {
19
19
  color: var(--color-static-neutral-100);
20
20
  }
21
- .gallery__iconButton_1g22c:hover path {
21
+ .gallery__iconButton_wuul2:hover path {
22
22
  color: var(--color-static-neutral-100-hover);
23
23
  }
24
- .gallery__iconButton_1g22c:active path {
24
+ .gallery__iconButton_wuul2:active path {
25
25
  color: var(--color-static-neutral-100-press);
26
26
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"iconButton":"gallery__iconButton_1g22c"};
5
+ var styles = {"iconButton":"gallery__iconButton_wuul2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,7 +4,7 @@
4
4
  --gap-16: var(--gap-m);
5
5
  --gap-32: var(--gap-2xl);
6
6
  }
7
- .gallery__header_k6ots {
7
+ .gallery__header_1ncrn {
8
8
  display: flex;
9
9
  justify-content: space-between;
10
10
  flex-shrink: 0;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"header":"gallery__header_k6ots"};
5
+ var styles = {"header":"gallery__header_1ncrn"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -2,24 +2,24 @@
2
2
  --gap-2xs: 4px;
3
3
  --gap-4: var(--gap-2xs);
4
4
  }
5
- .gallery__info_hd0sw {
5
+ .gallery__info_67sij {
6
6
  height: 100%;
7
7
  display: flex;
8
8
  flex-direction: column;
9
9
  justify-content: center;
10
10
  overflow: hidden;
11
11
  }
12
- .gallery__filenameHead_hd0sw {
12
+ .gallery__filenameHead_67sij {
13
13
  display: inline;
14
14
  text-overflow: ellipsis;
15
15
  overflow: hidden;
16
16
  white-space: nowrap;
17
17
  }
18
- .gallery__filenameContainer_hd0sw {
18
+ .gallery__filenameContainer_67sij {
19
19
  overflow: hidden;
20
20
  display: inline-flex;
21
21
  }
22
- .gallery__description_hd0sw {
22
+ .gallery__description_67sij {
23
23
  display: inline;
24
24
  text-overflow: ellipsis;
25
25
  overflow: hidden;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"info":"gallery__info_hd0sw","filenameHead":"gallery__filenameHead_hd0sw","filenameContainer":"gallery__filenameContainer_hd0sw","description":"gallery__description_hd0sw"};
5
+ var styles = {"info":"gallery__info_67sij","filenameHead":"gallery__filenameHead_67sij","filenameContainer":"gallery__filenameContainer_67sij","description":"gallery__description_67sij"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# 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_r4bhw {
4
+ .gallery__headerMobile_t1ge4 {
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_r4bhw.gallery__video_r4bhw {
13
+ .gallery__headerMobile_t1ge4.gallery__video_t1ge4 {
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_r4bhw {
19
+ .gallery__hide_t1ge4 {
20
20
  transform: translateY(-96px);
21
21
  }
22
- .gallery__leftButton_r4bhw,
23
- .gallery__rightButtons_r4bhw {
22
+ .gallery__leftButton_t1ge4,
23
+ .gallery__rightButtons_t1ge4 {
24
24
  display: flex;
25
25
  align-items: center;
26
26
  }
27
- .gallery__description_r4bhw {
27
+ .gallery__description_t1ge4 {
28
28
  position: absolute;
29
29
  left: 50%;
30
30
  transform: translateX(-50%);
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"headerMobile":"gallery__headerMobile_r4bhw","video":"gallery__video_r4bhw","hide":"gallery__hide_r4bhw","rightButtons":"gallery__rightButtons_r4bhw","description":"gallery__description_r4bhw"};
5
+ var styles = {"headerMobile":"gallery__headerMobile_t1ge4","video":"gallery__video_t1ge4","hide":"gallery__hide_t1ge4","rightButtons":"gallery__rightButtons_t1ge4","description":"gallery__description_t1ge4"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -12,23 +12,23 @@
12
12
  :root {
13
13
  --focus-color: var(--color-light-status-info);
14
14
  }
15
- .gallery__component_5oh2r {
15
+ .gallery__component_14mo1 {
16
16
  display: flex;
17
17
  z-index: 3;
18
18
  overflow: hidden;
19
19
  transition: border 0.15s ease-in-out;
20
20
  outline: none;
21
21
  }
22
- .gallery__component_5oh2r .gallery__image_5oh2r {
22
+ .gallery__component_14mo1 .gallery__image_14mo1 {
23
23
  opacity: 0.3;
24
24
  }
25
- .gallery__component_5oh2r.gallery__mobile_5oh2r {
25
+ .gallery__component_14mo1.gallery__mobile_14mo1 {
26
26
  padding: 0;
27
27
  }
28
- .gallery__active_5oh2r > .gallery__image_5oh2r {
28
+ .gallery__active_14mo1 > .gallery__image_14mo1 {
29
29
  opacity: 1;
30
30
  }
31
- .gallery__preview_5oh2r {
31
+ .gallery__preview_14mo1 {
32
32
  width: 56px;
33
33
  height: 56px;
34
34
  flex-shrink: 0;
@@ -38,15 +38,15 @@
38
38
  -moz-user-select: none;
39
39
  user-select: none;
40
40
  }
41
- .gallery__preview_5oh2r.gallery__mobile_5oh2r {
41
+ .gallery__preview_14mo1.gallery__mobile_14mo1 {
42
42
  width: 46px;
43
43
  height: 46px;
44
44
  border-radius: var(--border-radius-8);
45
45
  }
46
- .gallery__image_5oh2r {
46
+ .gallery__image_14mo1 {
47
47
  transition: opacity 0.15s ease-in-out;
48
48
  }
49
- .gallery__image_5oh2r > img {
49
+ .gallery__image_14mo1 > img {
50
50
  display: block;
51
51
  width: 100%;
52
52
  height: 100%;
@@ -56,36 +56,36 @@
56
56
  overflow: clip;
57
57
  overflow-clip-margin: border-box;
58
58
  }
59
- .gallery__image_5oh2r:hover {
59
+ .gallery__image_14mo1:hover {
60
60
  opacity: 0.7;
61
61
  }
62
- .gallery__loading_5oh2r {
62
+ .gallery__loading_14mo1 {
63
63
  background-color: var(--color-static-neutral-100-inverted);
64
64
  }
65
- .gallery__loading_5oh2r .gallery__active_5oh2r {
65
+ .gallery__loading_14mo1 .gallery__active_14mo1 {
66
66
  background-color: var(--color-static-neutral-300-inverted);
67
67
  }
68
- .gallery__brokenImageWrapper_5oh2r {
68
+ .gallery__brokenImageWrapper_14mo1 {
69
69
  display: flex;
70
70
  justify-content: center;
71
71
  align-items: center;
72
72
  background-color: var(--color-static-neutral-300-inverted);
73
73
  opacity: 0.3;
74
74
  }
75
- .gallery__brokenImageWrapper_5oh2r.gallery__active_5oh2r {
75
+ .gallery__brokenImageWrapper_14mo1.gallery__active_14mo1 {
76
76
  opacity: 1;
77
77
  }
78
- .gallery__brokenIcon_5oh2r {
78
+ .gallery__brokenIcon_14mo1 {
79
79
  width: 40px;
80
80
  height: 40px;
81
81
  }
82
- .gallery__focused_5oh2r {
82
+ .gallery__focused_14mo1 {
83
83
  outline: 2px solid var(--focus-color);
84
84
  outline-offset: 2px;
85
85
  }
86
- .gallery__canvasPreview_5oh2r {
86
+ .gallery__canvasPreview_14mo1 {
87
87
  border-radius: var(--border-radius-12);
88
88
  }
89
- .gallery__canvasPreview_5oh2r.gallery__mobile_5oh2r {
89
+ .gallery__canvasPreview_14mo1.gallery__mobile_14mo1 {
90
90
  border-radius: var(--border-radius-8);
91
91
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_5oh2r","image":"gallery__image_5oh2r","mobile":"gallery__mobile_5oh2r","active":"gallery__active_5oh2r","preview":"gallery__preview_5oh2r","loading":"gallery__loading_5oh2r","brokenImageWrapper":"gallery__brokenImageWrapper_5oh2r","brokenIcon":"gallery__brokenIcon_5oh2r","focused":"gallery__focused_5oh2r","canvasPreview":"gallery__canvasPreview_5oh2r"};
5
+ 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"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -24,7 +24,7 @@
24
24
  :root {
25
25
  --focus-color: var(--color-light-status-info);
26
26
  }
27
- .gallery__component_pbjik {
27
+ .gallery__component_1ef1i {
28
28
  display: flex;
29
29
  flex-grow: 1;
30
30
  justify-content: center;
@@ -92,7 +92,7 @@
92
92
  z-index: -1000;
93
93
  }
94
94
 
95
- .gallery__swiperFrame_pbjik {
95
+ .gallery__swiperFrame_1ef1i {
96
96
  display: flex;
97
97
  width: 100%;
98
98
  height: 100%;
@@ -103,17 +103,17 @@
103
103
  box-sizing: border-box;
104
104
  }
105
105
 
106
- .gallery__swiperFrame_pbjik.gallery__mobile_pbjik {
106
+ .gallery__swiperFrame_1ef1i.gallery__mobile_1ef1i {
107
107
  max-height: calc(100vh - 210px);
108
108
  max-height: calc(100dvh - 210px);
109
109
  }
110
110
 
111
- .gallery__swiperFrame_pbjik.gallery__mobileVideo_pbjik {
111
+ .gallery__swiperFrame_1ef1i.gallery__mobileVideo_1ef1i {
112
112
  max-height: 100vh;
113
113
  max-height: 100dvh;
114
114
  }
115
115
 
116
- .gallery__fullScreenFrame_pbjik {
116
+ .gallery__fullScreenFrame_1ef1i {
117
117
  display: flex;
118
118
  align-items: center;
119
119
  justify-content: center;
@@ -126,7 +126,7 @@
126
126
  overflow: hidden;
127
127
  }
128
128
 
129
- .gallery__hiddenFrame_pbjik {
129
+ .gallery__hiddenFrame_1ef1i {
130
130
  flex: 0 0 0;
131
131
  width: 0;
132
132
  height: 0;
@@ -134,16 +134,16 @@
134
134
  overflow: hidden;
135
135
  }
136
136
 
137
- .gallery__swiper_pbjik {
137
+ .gallery__swiper_1ef1i {
138
138
  width: 100%;
139
139
  height: 100%;
140
140
  }
141
141
 
142
- .gallery__hidden_pbjik {
142
+ .gallery__hidden_1ef1i {
143
143
  display: none;
144
144
  }
145
145
 
146
- .gallery__singleSlideContainer_pbjik {
146
+ .gallery__singleSlideContainer_1ef1i {
147
147
  display: flex;
148
148
  width: 100%;
149
149
  height: 100%;
@@ -155,18 +155,18 @@
155
155
  box-sizing: border-box;
156
156
  }
157
157
 
158
- .gallery__singleSlideContainer_pbjik.gallery__mobile_pbjik {
158
+ .gallery__singleSlideContainer_1ef1i.gallery__mobile_1ef1i {
159
159
  max-height: calc(100vh - 174px);
160
160
  max-height: calc(100dvh - 174px);
161
161
  padding: 0;
162
162
  }
163
163
 
164
- .gallery__singleSlideContainer_pbjik.gallery__mobileVideo_pbjik {
164
+ .gallery__singleSlideContainer_1ef1i.gallery__mobileVideo_1ef1i {
165
165
  max-height: 100vh;
166
166
  max-height: 100dvh;
167
167
  }
168
168
 
169
- .gallery__slide_pbjik {
169
+ .gallery__slide_1ef1i {
170
170
  position: relative;
171
171
  display: flex;
172
172
  justify-content: center;
@@ -175,17 +175,17 @@
175
175
  height: 100%;
176
176
  }
177
177
 
178
- .gallery__slideLoading_pbjik {
178
+ .gallery__slideLoading_1ef1i {
179
179
  background-color: var(--color-static-neutral-translucent-100-inverted);
180
180
  border-radius: var(--border-radius-8);
181
181
  }
182
182
 
183
- .gallery__spinner_pbjik {
183
+ .gallery__spinner_1ef1i {
184
184
  position: absolute;
185
185
  color: var(--color-static-neutral-translucent-1300-inverted);
186
186
  }
187
187
 
188
- .gallery__image_pbjik {
188
+ .gallery__image_1ef1i {
189
189
  width: auto;
190
190
  height: auto;
191
191
  max-width: 100%;
@@ -198,11 +198,11 @@
198
198
  border-radius: var(--border-radius-8);
199
199
  }
200
200
 
201
- .gallery__image_pbjik.gallery__mobile_pbjik {
201
+ .gallery__image_1ef1i.gallery__mobile_1ef1i {
202
202
  border-radius: var(--border-radius-0);
203
203
  }
204
204
 
205
- .gallery__smallImage_pbjik {
205
+ .gallery__smallImage_1ef1i {
206
206
  position: relative;
207
207
  width: auto;
208
208
  height: auto;
@@ -215,17 +215,17 @@
215
215
  user-select: none;
216
216
  }
217
217
 
218
- .gallery__verticalImageFit_pbjik {
218
+ .gallery__verticalImageFit_1ef1i {
219
219
  width: auto;
220
220
  height: 100%;
221
221
  }
222
222
 
223
- .gallery__horizontalImageFit_pbjik {
223
+ .gallery__horizontalImageFit_1ef1i {
224
224
  width: 100%;
225
225
  height: auto;
226
226
  }
227
227
 
228
- .gallery__fullScreenMedia_pbjik {
228
+ .gallery__fullScreenMedia_1ef1i {
229
229
  width: 100%;
230
230
  height: 100%;
231
231
  max-width: 100%;
@@ -235,7 +235,7 @@
235
235
  border-radius: var(--border-radius-0);
236
236
  }
237
237
 
238
- .gallery__arrow_pbjik {
238
+ .gallery__arrow_1ef1i {
239
239
  display: flex;
240
240
  flex-direction: column;
241
241
  justify-content: center;
@@ -249,20 +249,20 @@
249
249
  outline: none;
250
250
  }
251
251
 
252
- .gallery__arrow_pbjik:hover {
252
+ .gallery__arrow_1ef1i:hover {
253
253
  background-color: var(--color-static-neutral-0-inverted-hover);
254
254
  }
255
255
 
256
- .gallery__arrow_pbjik:active {
256
+ .gallery__arrow_1ef1i:active {
257
257
  background-color: var(--color-static-neutral-0-inverted-press);
258
258
  }
259
259
 
260
- .gallery__focused_pbjik {
260
+ .gallery__focused_1ef1i {
261
261
  outline: 2px solid var(--focus-color);
262
262
  outline-offset: 2px;
263
263
  }
264
264
 
265
- .gallery__placeholder_pbjik {
265
+ .gallery__placeholder_1ef1i {
266
266
  display: flex;
267
267
  justify-content: center;
268
268
  align-items: center;
@@ -272,7 +272,7 @@
272
272
  background-color: var(--color-static-neutral-300-inverted);
273
273
  }
274
274
 
275
- .gallery__brokenImgWrapper_pbjik {
275
+ .gallery__brokenImgWrapper_1ef1i {
276
276
  position: relative;
277
277
  display: flex;
278
278
  flex-direction: column;
@@ -281,13 +281,13 @@
281
281
  text-align: center;
282
282
  }
283
283
 
284
- .gallery__brokenImgIcon_pbjik {
284
+ .gallery__brokenImgIcon_1ef1i {
285
285
  width: 80px;
286
286
  height: 80px;
287
287
  margin-bottom: var(--gap-4);
288
288
  }
289
289
 
290
- .gallery__fullScreenVideo_pbjik {
290
+ .gallery__fullScreenVideo_1ef1i {
291
291
  width: 100%;
292
292
  height: 100%;
293
293
  max-height: none;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_pbjik","swiperFrame":"gallery__swiperFrame_pbjik","mobile":"gallery__mobile_pbjik","mobileVideo":"gallery__mobileVideo_pbjik","fullScreenFrame":"gallery__fullScreenFrame_pbjik","hiddenFrame":"gallery__hiddenFrame_pbjik","swiper":"gallery__swiper_pbjik","hidden":"gallery__hidden_pbjik","singleSlideContainer":"gallery__singleSlideContainer_pbjik","slide":"gallery__slide_pbjik","slideLoading":"gallery__slideLoading_pbjik","spinner":"gallery__spinner_pbjik","image":"gallery__image_pbjik","smallImage":"gallery__smallImage_pbjik","verticalImageFit":"gallery__verticalImageFit_pbjik","horizontalImageFit":"gallery__horizontalImageFit_pbjik","fullScreenMedia":"gallery__fullScreenMedia_pbjik","arrow":"gallery__arrow_pbjik","focused":"gallery__focused_pbjik","placeholder":"gallery__placeholder_pbjik","brokenImgWrapper":"gallery__brokenImgWrapper_pbjik","brokenImgIcon":"gallery__brokenImgIcon_pbjik","fullScreenVideo":"gallery__fullScreenVideo_pbjik"};
5
+ var styles = {"component":"gallery__component_1ef1i","swiperFrame":"gallery__swiperFrame_1ef1i","mobile":"gallery__mobile_1ef1i","mobileVideo":"gallery__mobileVideo_1ef1i","fullScreenFrame":"gallery__fullScreenFrame_1ef1i","hiddenFrame":"gallery__hiddenFrame_1ef1i","swiper":"gallery__swiper_1ef1i","hidden":"gallery__hidden_1ef1i","singleSlideContainer":"gallery__singleSlideContainer_1ef1i","slide":"gallery__slide_1ef1i","slideLoading":"gallery__slideLoading_1ef1i","spinner":"gallery__spinner_1ef1i","image":"gallery__image_1ef1i","smallImage":"gallery__smallImage_1ef1i","verticalImageFit":"gallery__verticalImageFit_1ef1i","horizontalImageFit":"gallery__horizontalImageFit_1ef1i","fullScreenMedia":"gallery__fullScreenMedia_1ef1i","arrow":"gallery__arrow_1ef1i","focused":"gallery__focused_1ef1i","placeholder":"gallery__placeholder_1ef1i","brokenImgWrapper":"gallery__brokenImgWrapper_1ef1i","brokenImgIcon":"gallery__brokenImgIcon_1ef1i","fullScreenVideo":"gallery__fullScreenVideo_1ef1i"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -7,7 +7,7 @@
7
7
  --border-radius-0: 0;
8
8
  --border-radius-24: var(--border-radius-3xl);
9
9
  }
10
- .gallery__videoWrapper_138oj {
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
- .gallery__video_138oj {
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
- .gallery__mobile_138oj {
27
+ .gallery__mobile_1ogqj {
28
28
  border-radius: var(--border-radius-0);
29
29
  }
30
- .gallery__videoButton_138oj {
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
- .gallery__icon_138oj {
38
+ .gallery__icon_1ogqj {
39
39
  color: var(--color-static-neutral-0);
40
40
  }
41
- .gallery__iconShape_138oj {
41
+ .gallery__iconShape_1ogqj {
42
42
  fill: var(--color-static-neutral-translucent-700);
43
43
  }
44
- .gallery__bottomButton_138oj {
44
+ .gallery__bottomButton_1ogqj {
45
45
  position: absolute;
46
46
  bottom: 48px;
47
47
  left: 32px;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"videoWrapper":"gallery__videoWrapper_138oj","video":"gallery__video_138oj","mobile":"gallery__mobile_138oj","videoButton":"gallery__videoButton_138oj","icon":"gallery__icon_138oj","iconShape":"gallery__iconShape_138oj","bottomButton":"gallery__bottomButton_138oj"};
5
+ 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"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# 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
- .gallery__description_56ogm {
10
+ .gallery__description_kr284 {
11
11
  text-align: center;
12
12
  }
13
- .gallery__infoWrapper_56ogm {
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
- .gallery__infoWrapper_56ogm.gallery__video_56ogm {
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
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"description":"gallery__description_56ogm","infoWrapper":"gallery__infoWrapper_56ogm","video":"gallery__video_56ogm"};
5
+ var styles = {"description":"gallery__description_kr284","infoWrapper":"gallery__infoWrapper_kr284","video":"gallery__video_kr284"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# 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
- .gallery__component_1qpjj {
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
- .gallery__component_1qpjj.gallery__mobile_1qpjj {
28
+ .gallery__component_1roeg.gallery__mobile_1roeg {
29
29
  padding: var(--gap-8) var(--gap-24);
30
30
  }
31
- .gallery__component_1qpjj::-webkit-scrollbar {
31
+ .gallery__component_1roeg::-webkit-scrollbar {
32
32
  display: none;
33
33
  }
34
- .gallery__previews_1qpjj {
34
+ .gallery__previews_1roeg {
35
35
  display: flex;
36
36
  }
37
- .gallery__preview_1qpjj {
37
+ .gallery__preview_1roeg {
38
38
  flex-shrink: 0;
39
39
  margin-right: var(--gap-4);
40
40
  }
41
- .gallery__preview_1qpjj.gallery__mobile_1qpjj {
41
+ .gallery__preview_1roeg.gallery__mobile_1roeg {
42
42
  margin-right: var(--gap-2);
43
43
  }
44
- .gallery__preview_1qpjj:first-child {
44
+ .gallery__preview_1roeg:first-child {
45
45
  margin-left: auto;
46
46
  }
47
- .gallery__preview_1qpjj:last-child {
47
+ .gallery__preview_1roeg:last-child {
48
48
  margin-right: auto;
49
49
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_1qpjj","mobile":"gallery__mobile_1qpjj","preview":"gallery__preview_1qpjj"};
5
+ var styles = {"component":"gallery__component_1roeg","mobile":"gallery__mobile_1roeg","preview":"gallery__preview_1roeg"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# 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
- .gallery__subtitles_1lymx {
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
- .gallery__subtitles_1lymx.gallery__mobile_1lymx {
21
+ .gallery__subtitles_9u7yv.gallery__mobile_9u7yv {
22
22
  position: static;
23
23
  position: initial;
24
24
  }
25
- .gallery__hideSubtitles_1lymx {
25
+ .gallery__hideSubtitles_9u7yv {
26
26
  opacity: 0;
27
27
  }