@alfalab/core-components-gallery 7.1.3-alfasans → 7.1.4

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 (76) 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/buttons/index.module.css.js.map +1 -1
  6. package/components/header/index.css +1 -1
  7. package/components/header/index.module.css.js +1 -1
  8. package/components/header-info-block/index.css +4 -4
  9. package/components/header-info-block/index.module.css.js +1 -1
  10. package/components/header-mobile/index.css +6 -6
  11. package/components/header-mobile/index.module.css.js +1 -1
  12. package/components/image-preview/index.css +17 -17
  13. package/components/image-preview/index.module.css.js +1 -1
  14. package/components/image-viewer/index.css +25 -25
  15. package/components/image-viewer/index.module.css.js +1 -1
  16. package/components/image-viewer/video/index.css +7 -7
  17. package/components/image-viewer/video/index.module.css.js +1 -1
  18. package/components/info-bar/index.css +3 -3
  19. package/components/info-bar/index.module.css.js +1 -1
  20. package/components/navigation-bar/index.css +8 -8
  21. package/components/navigation-bar/index.module.css.js +1 -1
  22. package/components/subtitles/index.css +3 -3
  23. package/components/subtitles/index.module.css.js +1 -1
  24. package/esm/components/bottom-button/index.css +5 -5
  25. package/esm/components/bottom-button/index.module.css.js +1 -1
  26. package/esm/components/buttons/index.css +5 -5
  27. package/esm/components/buttons/index.module.css.js +1 -1
  28. package/esm/components/buttons/index.module.css.js.map +1 -1
  29. package/esm/components/header/index.css +1 -1
  30. package/esm/components/header/index.module.css.js +1 -1
  31. package/esm/components/header-info-block/index.css +4 -4
  32. package/esm/components/header-info-block/index.module.css.js +1 -1
  33. package/esm/components/header-mobile/index.css +6 -6
  34. package/esm/components/header-mobile/index.module.css.js +1 -1
  35. package/esm/components/image-preview/index.css +17 -17
  36. package/esm/components/image-preview/index.module.css.js +1 -1
  37. package/esm/components/image-viewer/index.css +25 -25
  38. package/esm/components/image-viewer/index.module.css.js +1 -1
  39. package/esm/components/image-viewer/video/index.css +7 -7
  40. package/esm/components/image-viewer/video/index.module.css.js +1 -1
  41. package/esm/components/info-bar/index.css +3 -3
  42. package/esm/components/info-bar/index.module.css.js +1 -1
  43. package/esm/components/navigation-bar/index.css +8 -8
  44. package/esm/components/navigation-bar/index.module.css.js +1 -1
  45. package/esm/components/subtitles/index.css +3 -3
  46. package/esm/components/subtitles/index.module.css.js +1 -1
  47. package/esm/index.css +9 -9
  48. package/esm/index.module.css.js +1 -1
  49. package/index.css +9 -9
  50. package/index.module.css.js +1 -1
  51. package/modern/components/bottom-button/index.css +5 -5
  52. package/modern/components/bottom-button/index.module.css.js +1 -1
  53. package/modern/components/buttons/index.css +5 -5
  54. package/modern/components/buttons/index.module.css.js +1 -1
  55. package/modern/components/buttons/index.module.css.js.map +1 -1
  56. package/modern/components/header/index.css +1 -1
  57. package/modern/components/header/index.module.css.js +1 -1
  58. package/modern/components/header-info-block/index.css +4 -4
  59. package/modern/components/header-info-block/index.module.css.js +1 -1
  60. package/modern/components/header-mobile/index.css +6 -6
  61. package/modern/components/header-mobile/index.module.css.js +1 -1
  62. package/modern/components/image-preview/index.css +17 -17
  63. package/modern/components/image-preview/index.module.css.js +1 -1
  64. package/modern/components/image-viewer/index.css +25 -25
  65. package/modern/components/image-viewer/index.module.css.js +1 -1
  66. package/modern/components/image-viewer/video/index.css +7 -7
  67. package/modern/components/image-viewer/video/index.module.css.js +1 -1
  68. package/modern/components/info-bar/index.css +3 -3
  69. package/modern/components/info-bar/index.module.css.js +1 -1
  70. package/modern/components/navigation-bar/index.css +8 -8
  71. package/modern/components/navigation-bar/index.module.css.js +1 -1
  72. package/modern/components/subtitles/index.css +3 -3
  73. package/modern/components/subtitles/index.module.css.js +1 -1
  74. package/modern/index.css +9 -9
  75. package/modern/index.module.css.js +1 -1
  76. 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_81ud1 {
6
+ .gallery__component_11gfx {
7
7
  background-color: var(--color-static-neutral-translucent-500-inverted);
8
8
  }
9
- .gallery__component_81ud1:hover {
9
+ .gallery__component_11gfx:hover {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
11
11
  }
12
- .gallery__component_81ud1:active {
12
+ .gallery__component_11gfx:active {
13
13
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
14
14
  }
15
- .gallery__component_81ud1 {
15
+ .gallery__component_11gfx {
16
16
 
17
17
  transition: transform 1s ease-in-out;
18
18
  will-change: transform;
19
19
  }
20
- .gallery__notVisible_81ud1 {
20
+ .gallery__notVisible_11gfx {
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_81ud1","notVisible":"gallery__notVisible_81ud1"};
5
+ var styles = {"component":"gallery__component_11gfx","notVisible":"gallery__notVisible_11gfx"};
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_1rrws {
11
+ .gallery__buttons_ygox {
12
12
  display: flex;
13
13
  padding-left: var(--gap-32);
14
14
  }
15
- .gallery__buttons_1rrws path {
15
+ .gallery__buttons_ygox path {
16
16
  color: var(--color-static-neutral-translucent-1300-inverted);
17
17
  }
18
- .gallery__iconButton_1rrws path {
18
+ .gallery__iconButton_ygox path {
19
19
  color: var(--color-static-neutral-100);
20
20
  }
21
- .gallery__iconButton_1rrws:hover path {
21
+ .gallery__iconButton_ygox:hover path {
22
22
  color: var(--color-static-neutral-100-hover);
23
23
  }
24
- .gallery__iconButton_1rrws:active path {
24
+ .gallery__iconButton_ygox: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_1rrws"};
5
+ var styles = {"iconButton":"gallery__iconButton_ygox"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/buttons/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.buttons {\n display: flex;\n padding-left: var(--gap-32);\n\n & path {\n color: var(--color-static-neutral-translucent-1300-inverted);\n }\n}\n\n.iconButton {\n & path {\n color: var(--color-static-neutral-100);\n }\n\n &:hover path {\n color: var(--color-static-neutral-100-hover);\n }\n\n &:active path {\n color: var(--color-static-neutral-100-press);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAoC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/buttons/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.buttons {\n display: flex;\n padding-left: var(--gap-32);\n\n & path {\n color: var(--color-static-neutral-translucent-1300-inverted);\n }\n}\n\n.iconButton {\n & path {\n color: var(--color-static-neutral-100);\n }\n\n &:hover path {\n color: var(--color-static-neutral-100-hover);\n }\n\n &:active path {\n color: var(--color-static-neutral-100-press);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAmC,YAAY,CAAC,0BAA0B,CAAC;;;;"}
@@ -4,7 +4,7 @@
4
4
  --gap-16: var(--gap-m);
5
5
  --gap-32: var(--gap-2xl);
6
6
  }
7
- .gallery__header_13yg0 {
7
+ .gallery__header_9h0qs {
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_13yg0"};
5
+ var styles = {"header":"gallery__header_9h0qs"};
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_dpazf {
5
+ .gallery__info_1mqpq {
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_dpazf {
12
+ .gallery__filenameHead_1mqpq {
13
13
  display: inline;
14
14
  text-overflow: ellipsis;
15
15
  overflow: hidden;
16
16
  white-space: nowrap;
17
17
  }
18
- .gallery__filenameContainer_dpazf {
18
+ .gallery__filenameContainer_1mqpq {
19
19
  overflow: hidden;
20
20
  display: inline-flex;
21
21
  }
22
- .gallery__description_dpazf {
22
+ .gallery__description_1mqpq {
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_dpazf","filenameHead":"gallery__filenameHead_dpazf","filenameContainer":"gallery__filenameContainer_dpazf","description":"gallery__description_dpazf"};
5
+ var styles = {"info":"gallery__info_1mqpq","filenameHead":"gallery__filenameHead_1mqpq","filenameContainer":"gallery__filenameContainer_1mqpq","description":"gallery__description_1mqpq"};
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_viif2 {
4
+ .gallery__headerMobile_1pvci {
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_viif2.gallery__video_viif2 {
13
+ .gallery__headerMobile_1pvci.gallery__video_1pvci {
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_viif2 {
19
+ .gallery__hide_1pvci {
20
20
  transform: translateY(-96px);
21
21
  }
22
- .gallery__leftButton_viif2,
23
- .gallery__rightButtons_viif2 {
22
+ .gallery__leftButton_1pvci,
23
+ .gallery__rightButtons_1pvci {
24
24
  display: flex;
25
25
  align-items: center;
26
26
  }
27
- .gallery__description_viif2 {
27
+ .gallery__description_1pvci {
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_viif2","video":"gallery__video_viif2","hide":"gallery__hide_viif2","rightButtons":"gallery__rightButtons_viif2","description":"gallery__description_viif2"};
5
+ var styles = {"headerMobile":"gallery__headerMobile_1pvci","video":"gallery__video_1pvci","hide":"gallery__hide_1pvci","rightButtons":"gallery__rightButtons_1pvci","description":"gallery__description_1pvci"};
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_20r9a {
15
+ .gallery__component_m4h84 {
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_20r9a .gallery__image_20r9a {
22
+ .gallery__component_m4h84 .gallery__image_m4h84 {
23
23
  opacity: 0.3;
24
24
  }
25
- .gallery__component_20r9a.gallery__mobile_20r9a {
25
+ .gallery__component_m4h84.gallery__mobile_m4h84 {
26
26
  padding: 0;
27
27
  }
28
- .gallery__active_20r9a > .gallery__image_20r9a {
28
+ .gallery__active_m4h84 > .gallery__image_m4h84 {
29
29
  opacity: 1;
30
30
  }
31
- .gallery__preview_20r9a {
31
+ .gallery__preview_m4h84 {
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_20r9a.gallery__mobile_20r9a {
41
+ .gallery__preview_m4h84.gallery__mobile_m4h84 {
42
42
  width: 46px;
43
43
  height: 46px;
44
44
  border-radius: var(--border-radius-8);
45
45
  }
46
- .gallery__image_20r9a {
46
+ .gallery__image_m4h84 {
47
47
  transition: opacity 0.15s ease-in-out;
48
48
  }
49
- .gallery__image_20r9a > img {
49
+ .gallery__image_m4h84 > 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_20r9a:hover {
59
+ .gallery__image_m4h84:hover {
60
60
  opacity: 0.7;
61
61
  }
62
- .gallery__loading_20r9a {
62
+ .gallery__loading_m4h84 {
63
63
  background-color: var(--color-static-neutral-100-inverted);
64
64
  }
65
- .gallery__loading_20r9a .gallery__active_20r9a {
65
+ .gallery__loading_m4h84 .gallery__active_m4h84 {
66
66
  background-color: var(--color-static-neutral-300-inverted);
67
67
  }
68
- .gallery__brokenImageWrapper_20r9a {
68
+ .gallery__brokenImageWrapper_m4h84 {
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_20r9a.gallery__active_20r9a {
75
+ .gallery__brokenImageWrapper_m4h84.gallery__active_m4h84 {
76
76
  opacity: 1;
77
77
  }
78
- .gallery__brokenIcon_20r9a {
78
+ .gallery__brokenIcon_m4h84 {
79
79
  width: 40px;
80
80
  height: 40px;
81
81
  }
82
- .gallery__focused_20r9a {
82
+ .gallery__focused_m4h84 {
83
83
  outline: 2px solid var(--focus-color);
84
84
  outline-offset: 2px;
85
85
  }
86
- .gallery__canvasPreview_20r9a {
86
+ .gallery__canvasPreview_m4h84 {
87
87
  border-radius: var(--border-radius-12);
88
88
  }
89
- .gallery__canvasPreview_20r9a.gallery__mobile_20r9a {
89
+ .gallery__canvasPreview_m4h84.gallery__mobile_m4h84 {
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_20r9a","image":"gallery__image_20r9a","mobile":"gallery__mobile_20r9a","active":"gallery__active_20r9a","preview":"gallery__preview_20r9a","loading":"gallery__loading_20r9a","brokenImageWrapper":"gallery__brokenImageWrapper_20r9a","brokenIcon":"gallery__brokenIcon_20r9a","focused":"gallery__focused_20r9a","canvasPreview":"gallery__canvasPreview_20r9a"};
5
+ var styles = {"component":"gallery__component_m4h84","image":"gallery__image_m4h84","mobile":"gallery__mobile_m4h84","active":"gallery__active_m4h84","preview":"gallery__preview_m4h84","loading":"gallery__loading_m4h84","brokenImageWrapper":"gallery__brokenImageWrapper_m4h84","brokenIcon":"gallery__brokenIcon_m4h84","focused":"gallery__focused_m4h84","canvasPreview":"gallery__canvasPreview_m4h84"};
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_5jsbe {
27
+ .gallery__component_1cwpq {
28
28
  display: flex;
29
29
  flex-grow: 1;
30
30
  justify-content: center;
@@ -91,7 +91,7 @@
91
91
  z-index: -1000;
92
92
  }
93
93
  }
94
- .gallery__swiper_5jsbe {
94
+ .gallery__swiper_1cwpq {
95
95
  display: flex;
96
96
  width: 100%;
97
97
  height: 100%;
@@ -99,13 +99,13 @@
99
99
  padding: var(--gap-32) var(--gap-16);
100
100
  box-sizing: border-box;
101
101
  }
102
- .gallery__swiper_5jsbe.gallery__mobile_5jsbe {
102
+ .gallery__swiper_1cwpq.gallery__mobile_1cwpq {
103
103
  max-height: calc(100vh - 210px);
104
104
  }
105
- .gallery__swiper_5jsbe.gallery__mobileVideo_5jsbe {
105
+ .gallery__swiper_1cwpq.gallery__mobileVideo_1cwpq {
106
106
  max-height: 100vh;
107
107
  }
108
- .gallery__singleSlideContainer_5jsbe {
108
+ .gallery__singleSlideContainer_1cwpq {
109
109
  display: flex;
110
110
  width: 100%;
111
111
  height: 100%;
@@ -114,17 +114,17 @@
114
114
  padding: var(--gap-32);
115
115
  box-sizing: border-box;
116
116
  }
117
- .gallery__singleSlideContainer_5jsbe.gallery__mobile_5jsbe {
117
+ .gallery__singleSlideContainer_1cwpq.gallery__mobile_1cwpq {
118
118
  max-height: calc(100vh - 174px);
119
119
  padding: 0;
120
120
  }
121
- .gallery__singleSlideContainer_5jsbe.gallery__mobileVideo_5jsbe {
121
+ .gallery__singleSlideContainer_1cwpq.gallery__mobileVideo_1cwpq {
122
122
  max-height: 100vh;
123
123
  }
124
- .gallery__hidden_5jsbe {
124
+ .gallery__hidden_1cwpq {
125
125
  display: none;
126
126
  }
127
- .gallery__slide_5jsbe {
127
+ .gallery__slide_1cwpq {
128
128
  position: relative;
129
129
  display: flex;
130
130
  justify-content: center;
@@ -132,15 +132,15 @@
132
132
  width: 100%;
133
133
  height: 100%;
134
134
  }
135
- .gallery__slideLoading_5jsbe {
135
+ .gallery__slideLoading_1cwpq {
136
136
  background-color: var(--color-static-neutral-translucent-100-inverted);
137
137
  border-radius: var(--border-radius-8);
138
138
  }
139
- .gallery__spinner_5jsbe {
139
+ .gallery__spinner_1cwpq {
140
140
  position: absolute;
141
141
  color: var(--color-static-neutral-translucent-1300-inverted);
142
142
  }
143
- .gallery__image_5jsbe {
143
+ .gallery__image_1cwpq {
144
144
  width: 0;
145
145
  height: 0;
146
146
  -webkit-user-select: none;
@@ -148,10 +148,10 @@
148
148
  user-select: none;
149
149
  border-radius: var(--border-radius-8);
150
150
  }
151
- .gallery__image_5jsbe.gallery__mobile_5jsbe {
151
+ .gallery__image_1cwpq.gallery__mobile_1cwpq {
152
152
  border-radius: var(--border-radius-0);
153
153
  }
154
- .gallery__smallImage_5jsbe {
154
+ .gallery__smallImage_1cwpq {
155
155
  position: relative;
156
156
  width: auto;
157
157
  height: auto;
@@ -159,15 +159,15 @@
159
159
  -moz-user-select: none;
160
160
  user-select: none;
161
161
  }
162
- .gallery__verticalImageFit_5jsbe {
162
+ .gallery__verticalImageFit_1cwpq {
163
163
  width: auto;
164
164
  height: 100%;
165
165
  }
166
- .gallery__horizontalImageFit_5jsbe {
166
+ .gallery__horizontalImageFit_1cwpq {
167
167
  width: 100%;
168
168
  height: auto;
169
169
  }
170
- .gallery__arrow_5jsbe {
170
+ .gallery__arrow_1cwpq {
171
171
  display: flex;
172
172
  flex-direction: column;
173
173
  justify-content: center;
@@ -180,17 +180,17 @@
180
180
  transition: background-color 0.15s ease-in-out;
181
181
  outline: none;
182
182
  }
183
- .gallery__arrow_5jsbe:hover {
183
+ .gallery__arrow_1cwpq:hover {
184
184
  background-color: var(--color-static-neutral-0-inverted-hover);
185
185
  }
186
- .gallery__arrow_5jsbe:active {
186
+ .gallery__arrow_1cwpq:active {
187
187
  background-color: var(--color-static-neutral-0-inverted-press);
188
188
  }
189
- .gallery__focused_5jsbe {
189
+ .gallery__focused_1cwpq {
190
190
  outline: 2px solid var(--focus-color);
191
191
  outline-offset: 2px;
192
192
  }
193
- .gallery__placeholder_5jsbe {
193
+ .gallery__placeholder_1cwpq {
194
194
  display: flex;
195
195
  justify-content: center;
196
196
  align-items: center;
@@ -199,7 +199,7 @@
199
199
  border-radius: var(--border-radius-8);
200
200
  background-color: var(--color-static-neutral-300-inverted);
201
201
  }
202
- .gallery__brokenImgWrapper_5jsbe {
202
+ .gallery__brokenImgWrapper_1cwpq {
203
203
  position: relative;
204
204
  display: flex;
205
205
  flex-direction: column;
@@ -207,17 +207,17 @@
207
207
  width: 150px;
208
208
  text-align: center;
209
209
  }
210
- .gallery__brokenImgIcon_5jsbe {
210
+ .gallery__brokenImgIcon_1cwpq {
211
211
  width: 80px;
212
212
  height: 80px;
213
213
  margin-bottom: var(--gap-4);
214
214
  }
215
- .gallery__fullScreenImage_5jsbe {
215
+ .gallery__fullScreenImage_1cwpq {
216
216
  width: 100%;
217
217
  height: auto;
218
218
  background-color: var(--color-light-base-bg-primary);
219
219
  }
220
- .gallery__fullScreenVideo_5jsbe {
220
+ .gallery__fullScreenVideo_1cwpq {
221
221
  width: calc(100% - 192px);
222
222
  max-height: calc(100vh - 82px);
223
223
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_5jsbe","swiper":"gallery__swiper_5jsbe","mobile":"gallery__mobile_5jsbe","mobileVideo":"gallery__mobileVideo_5jsbe","singleSlideContainer":"gallery__singleSlideContainer_5jsbe","hidden":"gallery__hidden_5jsbe","slide":"gallery__slide_5jsbe","slideLoading":"gallery__slideLoading_5jsbe","spinner":"gallery__spinner_5jsbe","image":"gallery__image_5jsbe","smallImage":"gallery__smallImage_5jsbe","verticalImageFit":"gallery__verticalImageFit_5jsbe","horizontalImageFit":"gallery__horizontalImageFit_5jsbe","arrow":"gallery__arrow_5jsbe","focused":"gallery__focused_5jsbe","placeholder":"gallery__placeholder_5jsbe","brokenImgWrapper":"gallery__brokenImgWrapper_5jsbe","brokenImgIcon":"gallery__brokenImgIcon_5jsbe","fullScreenImage":"gallery__fullScreenImage_5jsbe","fullScreenVideo":"gallery__fullScreenVideo_5jsbe"};
5
+ var styles = {"component":"gallery__component_1cwpq","swiper":"gallery__swiper_1cwpq","mobile":"gallery__mobile_1cwpq","mobileVideo":"gallery__mobileVideo_1cwpq","singleSlideContainer":"gallery__singleSlideContainer_1cwpq","hidden":"gallery__hidden_1cwpq","slide":"gallery__slide_1cwpq","slideLoading":"gallery__slideLoading_1cwpq","spinner":"gallery__spinner_1cwpq","image":"gallery__image_1cwpq","smallImage":"gallery__smallImage_1cwpq","verticalImageFit":"gallery__verticalImageFit_1cwpq","horizontalImageFit":"gallery__horizontalImageFit_1cwpq","arrow":"gallery__arrow_1cwpq","focused":"gallery__focused_1cwpq","placeholder":"gallery__placeholder_1cwpq","brokenImgWrapper":"gallery__brokenImgWrapper_1cwpq","brokenImgIcon":"gallery__brokenImgIcon_1cwpq","fullScreenImage":"gallery__fullScreenImage_1cwpq","fullScreenVideo":"gallery__fullScreenVideo_1cwpq"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -7,22 +7,22 @@
7
7
  --border-radius-0: 0;
8
8
  --border-radius-24: var(--border-radius-3xl);
9
9
  }
10
- .gallery__videoWrapper_5hflq {
10
+ .gallery__videoWrapper_29voy {
11
11
  display: flex;
12
12
  justify-content: center;
13
13
  height: 100%;
14
14
  width: auto;
15
15
  position: relative;
16
16
  }
17
- .gallery__video_5hflq {
17
+ .gallery__video_29voy {
18
18
  max-width: 100%;
19
19
  max-height: 100%;
20
20
  border-radius: var(--border-radius-24);
21
21
  }
22
- .gallery__mobile_5hflq {
22
+ .gallery__mobile_29voy {
23
23
  border-radius: var(--border-radius-0);
24
24
  }
25
- .gallery__videoButton_5hflq {
25
+ .gallery__videoButton_29voy {
26
26
  position: absolute;
27
27
  top: 50%;
28
28
  left: 50%;
@@ -30,13 +30,13 @@
30
30
  z-index: 1;
31
31
  color: green;
32
32
  }
33
- .gallery__icon_5hflq {
33
+ .gallery__icon_29voy {
34
34
  color: var(--color-static-neutral-0);
35
35
  }
36
- .gallery__iconShape_5hflq {
36
+ .gallery__iconShape_29voy {
37
37
  fill: var(--color-static-neutral-translucent-700);
38
38
  }
39
- .gallery__bottomButton_5hflq {
39
+ .gallery__bottomButton_29voy {
40
40
  position: absolute;
41
41
  bottom: 48px;
42
42
  left: 32px;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"videoWrapper":"gallery__videoWrapper_5hflq","video":"gallery__video_5hflq","mobile":"gallery__mobile_5hflq","videoButton":"gallery__videoButton_5hflq","icon":"gallery__icon_5hflq","iconShape":"gallery__iconShape_5hflq","bottomButton":"gallery__bottomButton_5hflq"};
5
+ var styles = {"videoWrapper":"gallery__videoWrapper_29voy","video":"gallery__video_29voy","mobile":"gallery__mobile_29voy","videoButton":"gallery__videoButton_29voy","icon":"gallery__icon_29voy","iconShape":"gallery__iconShape_29voy","bottomButton":"gallery__bottomButton_29voy"};
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_1shy2 {
10
+ .gallery__description_o48dp {
11
11
  text-align: center;
12
12
  }
13
- .gallery__infoWrapper_1shy2 {
13
+ .gallery__infoWrapper_o48dp {
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_1shy2.gallery__video_1shy2 {
22
+ .gallery__infoWrapper_o48dp.gallery__video_o48dp {
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_1shy2","infoWrapper":"gallery__infoWrapper_1shy2","video":"gallery__video_1shy2"};
5
+ var styles = {"description":"gallery__description_o48dp","infoWrapper":"gallery__infoWrapper_o48dp","video":"gallery__video_o48dp"};
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_1v3qg {
16
+ .gallery__component_5hjm4 {
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_1v3qg.gallery__mobile_1v3qg {
28
+ .gallery__component_5hjm4.gallery__mobile_5hjm4 {
29
29
  padding: var(--gap-8) var(--gap-24);
30
30
  }
31
- .gallery__component_1v3qg::-webkit-scrollbar {
31
+ .gallery__component_5hjm4::-webkit-scrollbar {
32
32
  display: none;
33
33
  }
34
- .gallery__previews_1v3qg {
34
+ .gallery__previews_5hjm4 {
35
35
  display: flex;
36
36
  }
37
- .gallery__preview_1v3qg {
37
+ .gallery__preview_5hjm4 {
38
38
  flex-shrink: 0;
39
39
  margin-right: var(--gap-4);
40
40
  }
41
- .gallery__preview_1v3qg.gallery__mobile_1v3qg {
41
+ .gallery__preview_5hjm4.gallery__mobile_5hjm4 {
42
42
  margin-right: var(--gap-2);
43
43
  }
44
- .gallery__preview_1v3qg:first-child {
44
+ .gallery__preview_5hjm4:first-child {
45
45
  margin-left: auto;
46
46
  }
47
- .gallery__preview_1v3qg:last-child {
47
+ .gallery__preview_5hjm4: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_1v3qg","mobile":"gallery__mobile_1v3qg","preview":"gallery__preview_1v3qg"};
5
+ var styles = {"component":"gallery__component_5hjm4","mobile":"gallery__mobile_5hjm4","preview":"gallery__preview_5hjm4"};
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_1pmcq {
8
+ .gallery__subtitles_1ogb3 {
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_1pmcq.gallery__mobile_1pmcq {
21
+ .gallery__subtitles_1ogb3.gallery__mobile_1ogb3 {
22
22
  position: static;
23
23
  position: initial;
24
24
  }
25
- .gallery__hideSubtitles_1pmcq {
25
+ .gallery__hideSubtitles_1ogb3 {
26
26
  opacity: 0;
27
27
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"subtitles":"gallery__subtitles_1pmcq","mobile":"gallery__mobile_1pmcq","hideSubtitles":"gallery__hideSubtitles_1pmcq"};
5
+ var styles = {"subtitles":"gallery__subtitles_1ogb3","mobile":"gallery__mobile_1ogb3","hideSubtitles":"gallery__hideSubtitles_1ogb3"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -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_81ud1 {
6
+ .gallery__component_11gfx {
7
7
  background-color: var(--color-static-neutral-translucent-500-inverted);
8
8
  }
9
- .gallery__component_81ud1:hover {
9
+ .gallery__component_11gfx:hover {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
11
11
  }
12
- .gallery__component_81ud1:active {
12
+ .gallery__component_11gfx:active {
13
13
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
14
14
  }
15
- .gallery__component_81ud1 {
15
+ .gallery__component_11gfx {
16
16
 
17
17
  transition: transform 1s ease-in-out;
18
18
  will-change: transform;
19
19
  }
20
- .gallery__notVisible_81ud1 {
20
+ .gallery__notVisible_11gfx {
21
21
  transform: translateY(250%);
22
22
  }