@alfalab/core-components-gallery 7.4.1-alfasans → 7.4.1

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 +9 -9
  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 +10 -10
  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 +9 -9
  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 +10 -10
  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 +9 -9
  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 +10 -10
  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 +12 -12
@@ -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_y5auf {
6
+ .gallery__component_1ta3v {
7
7
  background-color: var(--color-static-neutral-translucent-500-inverted);
8
8
  }
9
- .gallery__component_y5auf:hover {
9
+ .gallery__component_1ta3v:hover {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
11
11
  }
12
- .gallery__component_y5auf:active {
12
+ .gallery__component_1ta3v:active {
13
13
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
14
14
  }
15
- .gallery__component_y5auf {
15
+ .gallery__component_1ta3v {
16
16
 
17
17
  transition: transform 1s ease-in-out;
18
18
  will-change: transform;
19
19
  }
20
- .gallery__notVisible_y5auf {
20
+ .gallery__notVisible_1ta3v {
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_y5auf","notVisible":"gallery__notVisible_y5auf"};
5
+ var styles = {"component":"gallery__component_1ta3v","notVisible":"gallery__notVisible_1ta3v"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -7,19 +7,19 @@
7
7
  :root {
8
8
  --gap-32: 32px;
9
9
  }
10
- .gallery__buttons_1s6r2 {
10
+ .gallery__buttons_1786o {
11
11
  display: flex;
12
12
  padding-left: var(--gap-32);
13
13
  }
14
- .gallery__buttons_1s6r2 path {
14
+ .gallery__buttons_1786o path {
15
15
  color: var(--color-static-neutral-translucent-1300-inverted);
16
16
  }
17
- .gallery__iconButton_1s6r2 path {
17
+ .gallery__iconButton_1786o path {
18
18
  color: var(--color-static-neutral-100);
19
19
  }
20
- .gallery__iconButton_1s6r2:hover path {
20
+ .gallery__iconButton_1786o:hover path {
21
21
  color: var(--color-static-neutral-100-hover);
22
22
  }
23
- .gallery__iconButton_1s6r2:active path {
23
+ .gallery__iconButton_1786o:active path {
24
24
  color: var(--color-static-neutral-100-press);
25
25
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"iconButton":"gallery__iconButton_1s6r2"};
5
+ var styles = {"iconButton":"gallery__iconButton_1786o"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -3,7 +3,7 @@
3
3
  --gap-24: 24px;
4
4
  --gap-32: 32px;
5
5
  }
6
- .gallery__header_1n2xh {
6
+ .gallery__header_1go8y {
7
7
  display: flex;
8
8
  justify-content: space-between;
9
9
  flex-shrink: 0;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"header":"gallery__header_1n2xh"};
5
+ var styles = {"header":"gallery__header_1go8y"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,24 +1,24 @@
1
1
  :root {
2
2
  --gap-4: 4px;
3
3
  }
4
- .gallery__info_qopt9 {
4
+ .gallery__info_fjhiw {
5
5
  height: 100%;
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  justify-content: center;
9
9
  overflow: hidden;
10
10
  }
11
- .gallery__filenameHead_qopt9 {
11
+ .gallery__filenameHead_fjhiw {
12
12
  display: inline;
13
13
  text-overflow: ellipsis;
14
14
  overflow: hidden;
15
15
  white-space: nowrap;
16
16
  }
17
- .gallery__filenameContainer_qopt9 {
17
+ .gallery__filenameContainer_fjhiw {
18
18
  overflow: hidden;
19
19
  display: inline-flex;
20
20
  }
21
- .gallery__description_qopt9 {
21
+ .gallery__description_fjhiw {
22
22
  display: inline;
23
23
  text-overflow: ellipsis;
24
24
  overflow: hidden;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"info":"gallery__info_qopt9","filenameHead":"gallery__filenameHead_qopt9","filenameContainer":"gallery__filenameContainer_qopt9","description":"gallery__description_qopt9"};
5
+ var styles = {"info":"gallery__info_fjhiw","filenameHead":"gallery__filenameHead_fjhiw","filenameContainer":"gallery__filenameContainer_fjhiw","description":"gallery__description_fjhiw"};
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_e3t2p {
4
+ .gallery__headerMobile_io4ap {
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_e3t2p.gallery__video_e3t2p {
13
+ .gallery__headerMobile_io4ap.gallery__video_io4ap {
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_e3t2p {
19
+ .gallery__hide_io4ap {
20
20
  transform: translateY(-96px);
21
21
  }
22
- .gallery__leftButton_e3t2p,
23
- .gallery__rightButtons_e3t2p {
22
+ .gallery__leftButton_io4ap,
23
+ .gallery__rightButtons_io4ap {
24
24
  display: flex;
25
25
  align-items: center;
26
26
  }
27
- .gallery__description_e3t2p {
27
+ .gallery__description_io4ap {
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_e3t2p","video":"gallery__video_e3t2p","hide":"gallery__hide_e3t2p","rightButtons":"gallery__rightButtons_e3t2p","description":"gallery__description_e3t2p"};
5
+ var styles = {"headerMobile":"gallery__headerMobile_io4ap","video":"gallery__video_io4ap","hide":"gallery__hide_io4ap","rightButtons":"gallery__rightButtons_io4ap","description":"gallery__description_io4ap"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -10,23 +10,23 @@
10
10
  :root {
11
11
  --focus-color: var(--color-light-status-info);
12
12
  }
13
- .gallery__component_f0635 {
13
+ .gallery__component_1dyd2 {
14
14
  display: flex;
15
15
  z-index: 3;
16
16
  overflow: hidden;
17
17
  transition: border 0.15s ease-in-out;
18
18
  outline: none;
19
19
  }
20
- .gallery__component_f0635 .gallery__image_f0635 {
20
+ .gallery__component_1dyd2 .gallery__image_1dyd2 {
21
21
  opacity: 0.3;
22
22
  }
23
- .gallery__component_f0635.gallery__mobile_f0635 {
23
+ .gallery__component_1dyd2.gallery__mobile_1dyd2 {
24
24
  padding: 0;
25
25
  }
26
- .gallery__active_f0635 > .gallery__image_f0635 {
26
+ .gallery__active_1dyd2 > .gallery__image_1dyd2 {
27
27
  opacity: 1;
28
28
  }
29
- .gallery__preview_f0635 {
29
+ .gallery__preview_1dyd2 {
30
30
  width: 56px;
31
31
  height: 56px;
32
32
  flex-shrink: 0;
@@ -36,15 +36,15 @@
36
36
  -moz-user-select: none;
37
37
  user-select: none;
38
38
  }
39
- .gallery__preview_f0635.gallery__mobile_f0635 {
39
+ .gallery__preview_1dyd2.gallery__mobile_1dyd2 {
40
40
  width: 46px;
41
41
  height: 46px;
42
42
  border-radius: var(--border-radius-8);
43
43
  }
44
- .gallery__image_f0635 {
44
+ .gallery__image_1dyd2 {
45
45
  transition: opacity 0.15s ease-in-out;
46
46
  }
47
- .gallery__image_f0635 > img {
47
+ .gallery__image_1dyd2 > img {
48
48
  display: block;
49
49
  width: 100%;
50
50
  height: 100%;
@@ -54,36 +54,36 @@
54
54
  overflow: clip;
55
55
  overflow-clip-margin: border-box;
56
56
  }
57
- .gallery__image_f0635:hover {
57
+ .gallery__image_1dyd2:hover {
58
58
  opacity: 0.7;
59
59
  }
60
- .gallery__loading_f0635 {
60
+ .gallery__loading_1dyd2 {
61
61
  background-color: var(--color-static-neutral-100-inverted);
62
62
  }
63
- .gallery__loading_f0635 .gallery__active_f0635 {
63
+ .gallery__loading_1dyd2 .gallery__active_1dyd2 {
64
64
  background-color: var(--color-static-neutral-translucent-100-inverted);
65
65
  }
66
- .gallery__brokenImageWrapper_f0635 {
66
+ .gallery__brokenImageWrapper_1dyd2 {
67
67
  display: flex;
68
68
  justify-content: center;
69
69
  align-items: center;
70
70
  background-color: var(--color-static-neutral-translucent-100-inverted);
71
71
  opacity: 0.3;
72
72
  }
73
- .gallery__brokenImageWrapper_f0635.gallery__active_f0635 {
73
+ .gallery__brokenImageWrapper_1dyd2.gallery__active_1dyd2 {
74
74
  opacity: 1;
75
75
  }
76
- .gallery__brokenIcon_f0635 {
76
+ .gallery__brokenIcon_1dyd2 {
77
77
  width: 40px;
78
78
  height: 40px;
79
79
  }
80
- .gallery__focused_f0635 {
80
+ .gallery__focused_1dyd2 {
81
81
  outline: 2px solid var(--focus-color);
82
82
  outline-offset: 2px;
83
83
  }
84
- .gallery__canvasPreview_f0635 {
84
+ .gallery__canvasPreview_1dyd2 {
85
85
  border-radius: var(--border-radius-12);
86
86
  }
87
- .gallery__canvasPreview_f0635.gallery__mobile_f0635 {
87
+ .gallery__canvasPreview_1dyd2.gallery__mobile_1dyd2 {
88
88
  border-radius: var(--border-radius-8);
89
89
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_f0635","image":"gallery__image_f0635","mobile":"gallery__mobile_f0635","active":"gallery__active_f0635","preview":"gallery__preview_f0635","loading":"gallery__loading_f0635","brokenImageWrapper":"gallery__brokenImageWrapper_f0635","brokenIcon":"gallery__brokenIcon_f0635","focused":"gallery__focused_f0635","canvasPreview":"gallery__canvasPreview_f0635"};
5
+ var styles = {"component":"gallery__component_1dyd2","image":"gallery__image_1dyd2","mobile":"gallery__mobile_1dyd2","active":"gallery__active_1dyd2","preview":"gallery__preview_1dyd2","loading":"gallery__loading_1dyd2","brokenImageWrapper":"gallery__brokenImageWrapper_1dyd2","brokenIcon":"gallery__brokenIcon_1dyd2","focused":"gallery__focused_1dyd2","canvasPreview":"gallery__canvasPreview_1dyd2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -19,7 +19,7 @@
19
19
  :root {
20
20
  --focus-color: var(--color-light-status-info);
21
21
  }
22
- .gallery__component_1lgew {
22
+ .gallery__component_1omk7 {
23
23
  display: flex;
24
24
  flex-grow: 1;
25
25
  justify-content: center;
@@ -87,7 +87,7 @@
87
87
  z-index: -1000;
88
88
  }
89
89
 
90
- .gallery__swiperFrame_1lgew {
90
+ .gallery__swiperFrame_1omk7 {
91
91
  display: flex;
92
92
  flex: 1 1 0;
93
93
  min-width: 0;
@@ -99,17 +99,17 @@
99
99
  box-sizing: border-box;
100
100
  }
101
101
 
102
- .gallery__swiperFrame_1lgew.gallery__mobile_1lgew {
102
+ .gallery__swiperFrame_1omk7.gallery__mobile_1omk7 {
103
103
  max-height: calc(100vh - 210px);
104
104
  max-height: calc(100dvh - 210px);
105
105
  }
106
106
 
107
- .gallery__swiperFrame_1lgew.gallery__mobileVideo_1lgew {
107
+ .gallery__swiperFrame_1omk7.gallery__mobileVideo_1omk7 {
108
108
  max-height: 100vh;
109
109
  max-height: 100dvh;
110
110
  }
111
111
 
112
- .gallery__fullScreenFrame_1lgew {
112
+ .gallery__fullScreenFrame_1omk7 {
113
113
  display: flex;
114
114
  align-items: center;
115
115
  justify-content: center;
@@ -122,7 +122,7 @@
122
122
  overflow: hidden;
123
123
  }
124
124
 
125
- .gallery__hiddenFrame_1lgew {
125
+ .gallery__hiddenFrame_1omk7 {
126
126
  flex: 0 0 0;
127
127
  width: 0;
128
128
  height: 0;
@@ -130,16 +130,16 @@
130
130
  overflow: hidden;
131
131
  }
132
132
 
133
- .gallery__swiper_1lgew {
133
+ .gallery__swiper_1omk7 {
134
134
  width: 100%;
135
135
  height: 100%;
136
136
  }
137
137
 
138
- .gallery__hidden_1lgew {
138
+ .gallery__hidden_1omk7 {
139
139
  display: none;
140
140
  }
141
141
 
142
- .gallery__singleSlideContainer_1lgew {
142
+ .gallery__singleSlideContainer_1omk7 {
143
143
  display: flex;
144
144
  width: 100%;
145
145
  height: 100%;
@@ -151,18 +151,18 @@
151
151
  box-sizing: border-box;
152
152
  }
153
153
 
154
- .gallery__singleSlideContainer_1lgew.gallery__mobile_1lgew {
154
+ .gallery__singleSlideContainer_1omk7.gallery__mobile_1omk7 {
155
155
  max-height: calc(100vh - 174px);
156
156
  max-height: calc(100dvh - 174px);
157
157
  padding: 0;
158
158
  }
159
159
 
160
- .gallery__singleSlideContainer_1lgew.gallery__mobileVideo_1lgew {
160
+ .gallery__singleSlideContainer_1omk7.gallery__mobileVideo_1omk7 {
161
161
  max-height: 100vh;
162
162
  max-height: 100dvh;
163
163
  }
164
164
 
165
- .gallery__slide_1lgew {
165
+ .gallery__slide_1omk7 {
166
166
  position: relative;
167
167
  display: flex;
168
168
  justify-content: center;
@@ -171,17 +171,17 @@
171
171
  height: 100%;
172
172
  }
173
173
 
174
- .gallery__slideLoading_1lgew {
174
+ .gallery__slideLoading_1omk7 {
175
175
  background-color: var(--color-static-neutral-translucent-100-inverted);
176
176
  border-radius: var(--border-radius-8);
177
177
  }
178
178
 
179
- .gallery__spinner_1lgew {
179
+ .gallery__spinner_1omk7 {
180
180
  position: absolute;
181
181
  color: var(--color-static-neutral-translucent-1300-inverted);
182
182
  }
183
183
 
184
- .gallery__image_1lgew {
184
+ .gallery__image_1omk7 {
185
185
  width: auto;
186
186
  height: auto;
187
187
  max-width: 100%;
@@ -194,11 +194,11 @@
194
194
  border-radius: var(--border-radius-8);
195
195
  }
196
196
 
197
- .gallery__image_1lgew.gallery__mobile_1lgew {
197
+ .gallery__image_1omk7.gallery__mobile_1omk7 {
198
198
  border-radius: var(--border-radius-0);
199
199
  }
200
200
 
201
- .gallery__smallImage_1lgew {
201
+ .gallery__smallImage_1omk7 {
202
202
  position: relative;
203
203
  width: auto;
204
204
  height: auto;
@@ -211,17 +211,17 @@
211
211
  user-select: none;
212
212
  }
213
213
 
214
- .gallery__verticalImageFit_1lgew {
214
+ .gallery__verticalImageFit_1omk7 {
215
215
  width: auto;
216
216
  height: 100%;
217
217
  }
218
218
 
219
- .gallery__horizontalImageFit_1lgew {
219
+ .gallery__horizontalImageFit_1omk7 {
220
220
  width: 100%;
221
221
  height: auto;
222
222
  }
223
223
 
224
- .gallery__fullScreenMedia_1lgew {
224
+ .gallery__fullScreenMedia_1omk7 {
225
225
  width: 100%;
226
226
  height: 100%;
227
227
  max-width: 100%;
@@ -231,7 +231,7 @@
231
231
  border-radius: var(--border-radius-0);
232
232
  }
233
233
 
234
- .gallery__arrow_1lgew {
234
+ .gallery__arrow_1omk7 {
235
235
  display: flex;
236
236
  flex-direction: column;
237
237
  justify-content: center;
@@ -245,20 +245,20 @@
245
245
  outline: none;
246
246
  }
247
247
 
248
- .gallery__arrow_1lgew:hover {
248
+ .gallery__arrow_1omk7:hover {
249
249
  background-color: var(--color-static-neutral-0-inverted-hover);
250
250
  }
251
251
 
252
- .gallery__arrow_1lgew:active {
252
+ .gallery__arrow_1omk7:active {
253
253
  background-color: var(--color-static-neutral-0-inverted-press);
254
254
  }
255
255
 
256
- .gallery__focused_1lgew {
256
+ .gallery__focused_1omk7 {
257
257
  outline: 2px solid var(--focus-color);
258
258
  outline-offset: 2px;
259
259
  }
260
260
 
261
- .gallery__placeholder_1lgew {
261
+ .gallery__placeholder_1omk7 {
262
262
  display: flex;
263
263
  justify-content: center;
264
264
  align-items: center;
@@ -268,7 +268,7 @@
268
268
  background-color: var(--color-static-neutral-translucent-100-inverted);
269
269
  }
270
270
 
271
- .gallery__brokenImgWrapper_1lgew {
271
+ .gallery__brokenImgWrapper_1omk7 {
272
272
  position: relative;
273
273
  display: flex;
274
274
  flex-direction: column;
@@ -277,13 +277,13 @@
277
277
  text-align: center;
278
278
  }
279
279
 
280
- .gallery__brokenImgIcon_1lgew {
280
+ .gallery__brokenImgIcon_1omk7 {
281
281
  width: 80px;
282
282
  height: 80px;
283
283
  margin-bottom: var(--gap-4);
284
284
  }
285
285
 
286
- .gallery__fullScreenVideo_1lgew {
286
+ .gallery__fullScreenVideo_1omk7 {
287
287
  width: 100%;
288
288
  height: 100%;
289
289
  max-height: none;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_1lgew","swiperFrame":"gallery__swiperFrame_1lgew","mobile":"gallery__mobile_1lgew","mobileVideo":"gallery__mobileVideo_1lgew","fullScreenFrame":"gallery__fullScreenFrame_1lgew","hiddenFrame":"gallery__hiddenFrame_1lgew","swiper":"gallery__swiper_1lgew","hidden":"gallery__hidden_1lgew","singleSlideContainer":"gallery__singleSlideContainer_1lgew","slide":"gallery__slide_1lgew","slideLoading":"gallery__slideLoading_1lgew","spinner":"gallery__spinner_1lgew","image":"gallery__image_1lgew","smallImage":"gallery__smallImage_1lgew","verticalImageFit":"gallery__verticalImageFit_1lgew","horizontalImageFit":"gallery__horizontalImageFit_1lgew","fullScreenMedia":"gallery__fullScreenMedia_1lgew","arrow":"gallery__arrow_1lgew","focused":"gallery__focused_1lgew","placeholder":"gallery__placeholder_1lgew","brokenImgWrapper":"gallery__brokenImgWrapper_1lgew","brokenImgIcon":"gallery__brokenImgIcon_1lgew","fullScreenVideo":"gallery__fullScreenVideo_1lgew"};
5
+ var styles = {"component":"gallery__component_1omk7","swiperFrame":"gallery__swiperFrame_1omk7","mobile":"gallery__mobile_1omk7","mobileVideo":"gallery__mobileVideo_1omk7","fullScreenFrame":"gallery__fullScreenFrame_1omk7","hiddenFrame":"gallery__hiddenFrame_1omk7","swiper":"gallery__swiper_1omk7","hidden":"gallery__hidden_1omk7","singleSlideContainer":"gallery__singleSlideContainer_1omk7","slide":"gallery__slide_1omk7","slideLoading":"gallery__slideLoading_1omk7","spinner":"gallery__spinner_1omk7","image":"gallery__image_1omk7","smallImage":"gallery__smallImage_1omk7","verticalImageFit":"gallery__verticalImageFit_1omk7","horizontalImageFit":"gallery__horizontalImageFit_1omk7","fullScreenMedia":"gallery__fullScreenMedia_1omk7","arrow":"gallery__arrow_1omk7","focused":"gallery__focused_1omk7","placeholder":"gallery__placeholder_1omk7","brokenImgWrapper":"gallery__brokenImgWrapper_1omk7","brokenImgIcon":"gallery__brokenImgIcon_1omk7","fullScreenVideo":"gallery__fullScreenVideo_1omk7"};
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: 24px;
9
9
  }
10
- .gallery__videoWrapper_1j80w {
10
+ .gallery__videoWrapper_1a7l0 {
11
11
  display: flex;
12
12
  align-items: center;
13
13
  justify-content: center;
@@ -18,27 +18,27 @@
18
18
  min-width: 300px;
19
19
  min-height: 200px;
20
20
  }
21
- .gallery__mobileWrapper_1j80w {
21
+ .gallery__mobileWrapper_1a7l0 {
22
22
  width: 100%;
23
23
  }
24
- .gallery__videoWrapper_1j80w.gallery__loading_1j80w {
24
+ .gallery__videoWrapper_1a7l0.gallery__loading_1a7l0 {
25
25
  width: 100%;
26
26
  aspect-ratio: 16/9;
27
27
  background-color: var(--color-static-neutral-translucent-100-inverted);
28
28
  border-radius: var(--border-radius-24);
29
29
  align-items: center;
30
30
  }
31
- .gallery__video_1j80w {
31
+ .gallery__video_1a7l0 {
32
32
  max-width: 100%;
33
33
  max-height: 100%;
34
34
  -o-object-fit: contain;
35
35
  object-fit: contain;
36
36
  border-radius: var(--border-radius-24);
37
37
  }
38
- .gallery__mobile_1j80w {
38
+ .gallery__mobile_1a7l0 {
39
39
  border-radius: var(--border-radius-0);
40
40
  }
41
- .gallery__videoButton_1j80w {
41
+ .gallery__videoButton_1a7l0 {
42
42
  position: absolute;
43
43
  top: 50%;
44
44
  left: 50%;
@@ -46,13 +46,13 @@
46
46
  z-index: 1;
47
47
  color: green;
48
48
  }
49
- .gallery__icon_1j80w {
49
+ .gallery__icon_1a7l0 {
50
50
  color: var(--color-static-neutral-0);
51
51
  }
52
- .gallery__iconShape_1j80w {
52
+ .gallery__iconShape_1a7l0 {
53
53
  fill: var(--color-static-neutral-translucent-700);
54
54
  }
55
- .gallery__bottomButton_1j80w {
55
+ .gallery__bottomButton_1a7l0 {
56
56
  position: absolute;
57
57
  bottom: 48px;
58
58
  left: 32px;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"videoWrapper":"gallery__videoWrapper_1j80w","mobileWrapper":"gallery__mobileWrapper_1j80w","loading":"gallery__loading_1j80w","video":"gallery__video_1j80w","mobile":"gallery__mobile_1j80w","videoButton":"gallery__videoButton_1j80w","icon":"gallery__icon_1j80w","iconShape":"gallery__iconShape_1j80w","bottomButton":"gallery__bottomButton_1j80w"};
5
+ var styles = {"videoWrapper":"gallery__videoWrapper_1a7l0","mobileWrapper":"gallery__mobileWrapper_1a7l0","loading":"gallery__loading_1a7l0","video":"gallery__video_1a7l0","mobile":"gallery__mobile_1a7l0","videoButton":"gallery__videoButton_1a7l0","icon":"gallery__icon_1a7l0","iconShape":"gallery__iconShape_1a7l0","bottomButton":"gallery__bottomButton_1a7l0"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -5,10 +5,10 @@
5
5
  --gap-4: 4px;
6
6
  --gap-8: 8px;
7
7
  }
8
- .gallery__description_k9p2o {
8
+ .gallery__description_zu2u6 {
9
9
  text-align: center;
10
10
  }
11
- .gallery__infoWrapper_k9p2o {
11
+ .gallery__infoWrapper_zu2u6 {
12
12
  background-color: var(--color-static-neutral-0-inverted);
13
13
  display: flex;
14
14
  align-items: center;
@@ -17,7 +17,7 @@
17
17
  position: relative;
18
18
  height: 48px;
19
19
  }
20
- .gallery__infoWrapper_k9p2o.gallery__video_k9p2o {
20
+ .gallery__infoWrapper_zu2u6.gallery__video_zu2u6 {
21
21
  padding: 0 var(--gap-4) var(--gap-4);
22
22
  justify-content: space-between;
23
23
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"description":"gallery__description_k9p2o","infoWrapper":"gallery__infoWrapper_k9p2o","video":"gallery__video_k9p2o"};
5
+ var styles = {"description":"gallery__description_zu2u6","infoWrapper":"gallery__infoWrapper_zu2u6","video":"gallery__video_zu2u6"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -8,7 +8,7 @@
8
8
  --gap-12: 12px;
9
9
  --gap-32: 32px;
10
10
  }
11
- .gallery__component_19t7p {
11
+ .gallery__component_1df8x {
12
12
  display: flex;
13
13
  flex-wrap: nowrap;
14
14
  align-content: center;
@@ -24,31 +24,31 @@
24
24
  -moz-user-select: none;
25
25
  user-select: none;
26
26
  }
27
- .gallery__component_19t7p.gallery__mobile_19t7p {
27
+ .gallery__component_1df8x.gallery__mobile_1df8x {
28
28
  padding: var(--gap-8);
29
29
  }
30
- .gallery__component_19t7p.gallery__dragging_19t7p {
30
+ .gallery__component_1df8x.gallery__dragging_1df8x {
31
31
  cursor: grabbing;
32
32
  }
33
- .gallery__component_19t7p.gallery__dragging_19t7p * {
33
+ .gallery__component_1df8x.gallery__dragging_1df8x * {
34
34
  cursor: grabbing;
35
35
  }
36
- .gallery__component_19t7p::-webkit-scrollbar {
36
+ .gallery__component_1df8x::-webkit-scrollbar {
37
37
  display: none;
38
38
  }
39
- .gallery__previews_19t7p {
39
+ .gallery__previews_1df8x {
40
40
  display: flex;
41
41
  }
42
- .gallery__preview_19t7p {
42
+ .gallery__preview_1df8x {
43
43
  flex-shrink: 0;
44
44
  margin-right: var(--gap-4);
45
45
  }
46
- .gallery__preview_19t7p.gallery__mobile_19t7p {
46
+ .gallery__preview_1df8x.gallery__mobile_1df8x {
47
47
  margin-right: var(--gap-2);
48
48
  }
49
- .gallery__preview_19t7p:first-child {
49
+ .gallery__preview_1df8x:first-child {
50
50
  margin-left: auto;
51
51
  }
52
- .gallery__preview_19t7p:last-child {
52
+ .gallery__preview_1df8x:last-child {
53
53
  margin-right: auto;
54
54
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_19t7p","mobile":"gallery__mobile_19t7p","dragging":"gallery__dragging_19t7p","preview":"gallery__preview_19t7p"};
5
+ var styles = {"component":"gallery__component_1df8x","mobile":"gallery__mobile_1df8x","dragging":"gallery__dragging_1df8x","preview":"gallery__preview_1df8x"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map