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

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/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/header-mobile/index.module.css.js.map +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 +28 -28
  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/header/index.css +1 -1
  29. package/esm/components/header/index.module.css.js +1 -1
  30. package/esm/components/header-info-block/index.css +4 -4
  31. package/esm/components/header-info-block/index.module.css.js +1 -1
  32. package/esm/components/header-mobile/index.css +6 -6
  33. package/esm/components/header-mobile/index.module.css.js +1 -1
  34. package/esm/components/header-mobile/index.module.css.js.map +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 +28 -28
  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/header/index.css +1 -1
  56. package/modern/components/header/index.module.css.js +1 -1
  57. package/modern/components/header-info-block/index.css +4 -4
  58. package/modern/components/header-info-block/index.module.css.js +1 -1
  59. package/modern/components/header-mobile/index.css +6 -6
  60. package/modern/components/header-mobile/index.module.css.js +1 -1
  61. package/modern/components/header-mobile/index.module.css.js.map +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 +28 -28
  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,7 +3,7 @@
3
3
  --gap-16: 16px;
4
4
  --gap-32: 32px;
5
5
  }
6
- .gallery__subtitles_r8yb2 {
6
+ .gallery__subtitles_lqfaj {
7
7
  position: absolute;
8
8
  align-self: flex-end;
9
9
  padding: var(--gap-0) var(--gap-32);
@@ -16,10 +16,10 @@
16
16
  opacity 500ms ease-in-out,
17
17
  margin-bottom 270ms ease-in-out;
18
18
  }
19
- .gallery__subtitles_r8yb2.gallery__mobile_r8yb2 {
19
+ .gallery__subtitles_lqfaj.gallery__mobile_lqfaj {
20
20
  position: static;
21
21
  position: initial;
22
22
  }
23
- .gallery__hideSubtitles_r8yb2 {
23
+ .gallery__hideSubtitles_lqfaj {
24
24
  opacity: 0;
25
25
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"subtitles":"gallery__subtitles_r8yb2","mobile":"gallery__mobile_r8yb2","hideSubtitles":"gallery__hideSubtitles_r8yb2"};
5
+ var styles = {"subtitles":"gallery__subtitles_lqfaj","mobile":"gallery__mobile_lqfaj","hideSubtitles":"gallery__hideSubtitles_lqfaj"};
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_jmbk3 {
6
+ .gallery__component_1vkt7 {
7
7
  background-color: var(--color-static-neutral-translucent-500-inverted);
8
8
  }
9
- .gallery__component_jmbk3:hover {
9
+ .gallery__component_1vkt7:hover {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
11
11
  }
12
- .gallery__component_jmbk3:active {
12
+ .gallery__component_1vkt7:active {
13
13
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
14
14
  }
15
- .gallery__component_jmbk3 {
15
+ .gallery__component_1vkt7 {
16
16
 
17
17
  transition: transform 1s ease-in-out;
18
18
  will-change: transform;
19
19
  }
20
- .gallery__notVisible_jmbk3 {
20
+ .gallery__notVisible_1vkt7 {
21
21
  transform: translateY(250%);
22
22
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"gallery__component_jmbk3","notVisible":"gallery__notVisible_jmbk3"};
3
+ var styles = {"component":"gallery__component_1vkt7","notVisible":"gallery__notVisible_1vkt7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -7,19 +7,19 @@
7
7
  :root {
8
8
  --gap-32: 32px;
9
9
  }
10
- .gallery__buttons_fgvmq {
10
+ .gallery__buttons_ql5dn {
11
11
  display: flex;
12
12
  padding-left: var(--gap-32);
13
13
  }
14
- .gallery__buttons_fgvmq path {
14
+ .gallery__buttons_ql5dn path {
15
15
  color: var(--color-static-neutral-translucent-1300-inverted);
16
16
  }
17
- .gallery__iconButton_fgvmq path {
17
+ .gallery__iconButton_ql5dn path {
18
18
  color: var(--color-static-neutral-100);
19
19
  }
20
- .gallery__iconButton_fgvmq:hover path {
20
+ .gallery__iconButton_ql5dn:hover path {
21
21
  color: var(--color-static-neutral-100-hover);
22
22
  }
23
- .gallery__iconButton_fgvmq:active path {
23
+ .gallery__iconButton_ql5dn:active path {
24
24
  color: var(--color-static-neutral-100-press);
25
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"iconButton":"gallery__iconButton_fgvmq"};
3
+ var styles = {"iconButton":"gallery__iconButton_ql5dn"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,7 +2,7 @@
2
2
  --gap-16: 16px;
3
3
  --gap-32: 32px;
4
4
  }
5
- .gallery__header_ubobr {
5
+ .gallery__header_tj8jl {
6
6
  display: flex;
7
7
  justify-content: space-between;
8
8
  flex-shrink: 0;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"header":"gallery__header_ubobr"};
3
+ var styles = {"header":"gallery__header_tj8jl"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,24 +1,24 @@
1
1
  :root {
2
2
  --gap-4: 4px;
3
3
  }
4
- .gallery__info_z8vtz {
4
+ .gallery__info_1k8er {
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_z8vtz {
11
+ .gallery__filenameHead_1k8er {
12
12
  display: inline;
13
13
  text-overflow: ellipsis;
14
14
  overflow: hidden;
15
15
  white-space: nowrap;
16
16
  }
17
- .gallery__filenameContainer_z8vtz {
17
+ .gallery__filenameContainer_1k8er {
18
18
  overflow: hidden;
19
19
  display: inline-flex;
20
20
  }
21
- .gallery__description_z8vtz {
21
+ .gallery__description_1k8er {
22
22
  display: inline;
23
23
  text-overflow: ellipsis;
24
24
  overflow: hidden;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"info":"gallery__info_z8vtz","filenameHead":"gallery__filenameHead_z8vtz","filenameContainer":"gallery__filenameContainer_z8vtz","description":"gallery__description_z8vtz"};
3
+ var styles = {"info":"gallery__info_1k8er","filenameHead":"gallery__filenameHead_1k8er","filenameContainer":"gallery__filenameContainer_1k8er","description":"gallery__description_1k8er"};
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_d2oj {
4
+ .gallery__headerMobile_1fper {
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_d2oj.gallery__video_d2oj {
13
+ .gallery__headerMobile_1fper.gallery__video_1fper {
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_d2oj {
19
+ .gallery__hide_1fper {
20
20
  transform: translateY(-96px);
21
21
  }
22
- .gallery__leftButton_d2oj,
23
- .gallery__rightButtons_d2oj {
22
+ .gallery__leftButton_1fper,
23
+ .gallery__rightButtons_1fper {
24
24
  display: flex;
25
25
  align-items: center;
26
26
  }
27
- .gallery__description_d2oj {
27
+ .gallery__description_1fper {
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
- var styles = {"headerMobile":"gallery__headerMobile_d2oj","video":"gallery__video_d2oj","hide":"gallery__hide_d2oj","rightButtons":"gallery__rightButtons_d2oj","description":"gallery__description_d2oj"};
3
+ var styles = {"headerMobile":"gallery__headerMobile_1fper","video":"gallery__video_1fper","hide":"gallery__hide_1fper","rightButtons":"gallery__rightButtons_1fper","description":"gallery__description_1fper"};
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,aAAe,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,MAAM,CAAC,oBAAoB,CAAyC,cAAc,CAAC,4BAA4B,CAAC,aAAa,CAAC,2BAA2B,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,aAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,qBAAqB,CAA0C,cAAc,CAAC,6BAA6B,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}
@@ -10,23 +10,23 @@
10
10
  :root {
11
11
  --focus-color: var(--color-light-status-info);
12
12
  }
13
- .gallery__component_1xnrd {
13
+ .gallery__component_18jv1 {
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_1xnrd .gallery__image_1xnrd {
20
+ .gallery__component_18jv1 .gallery__image_18jv1 {
21
21
  opacity: 0.3;
22
22
  }
23
- .gallery__component_1xnrd.gallery__mobile_1xnrd {
23
+ .gallery__component_18jv1.gallery__mobile_18jv1 {
24
24
  padding: 0;
25
25
  }
26
- .gallery__active_1xnrd > .gallery__image_1xnrd {
26
+ .gallery__active_18jv1 > .gallery__image_18jv1 {
27
27
  opacity: 1;
28
28
  }
29
- .gallery__preview_1xnrd {
29
+ .gallery__preview_18jv1 {
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_1xnrd.gallery__mobile_1xnrd {
39
+ .gallery__preview_18jv1.gallery__mobile_18jv1 {
40
40
  width: 46px;
41
41
  height: 46px;
42
42
  border-radius: var(--border-radius-8);
43
43
  }
44
- .gallery__image_1xnrd {
44
+ .gallery__image_18jv1 {
45
45
  transition: opacity 0.15s ease-in-out;
46
46
  }
47
- .gallery__image_1xnrd > img {
47
+ .gallery__image_18jv1 > 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_1xnrd:hover {
57
+ .gallery__image_18jv1:hover {
58
58
  opacity: 0.7;
59
59
  }
60
- .gallery__loading_1xnrd {
60
+ .gallery__loading_18jv1 {
61
61
  background-color: var(--color-static-neutral-100-inverted);
62
62
  }
63
- .gallery__loading_1xnrd .gallery__active_1xnrd {
63
+ .gallery__loading_18jv1 .gallery__active_18jv1 {
64
64
  background-color: var(--color-static-neutral-300-inverted);
65
65
  }
66
- .gallery__brokenImageWrapper_1xnrd {
66
+ .gallery__brokenImageWrapper_18jv1 {
67
67
  display: flex;
68
68
  justify-content: center;
69
69
  align-items: center;
70
70
  background-color: var(--color-static-neutral-300-inverted);
71
71
  opacity: 0.3;
72
72
  }
73
- .gallery__brokenImageWrapper_1xnrd.gallery__active_1xnrd {
73
+ .gallery__brokenImageWrapper_18jv1.gallery__active_18jv1 {
74
74
  opacity: 1;
75
75
  }
76
- .gallery__brokenIcon_1xnrd {
76
+ .gallery__brokenIcon_18jv1 {
77
77
  width: 40px;
78
78
  height: 40px;
79
79
  }
80
- .gallery__focused_1xnrd {
80
+ .gallery__focused_18jv1 {
81
81
  outline: 2px solid var(--focus-color);
82
82
  outline-offset: 2px;
83
83
  }
84
- .gallery__canvasPreview_1xnrd {
84
+ .gallery__canvasPreview_18jv1 {
85
85
  border-radius: var(--border-radius-12);
86
86
  }
87
- .gallery__canvasPreview_1xnrd.gallery__mobile_1xnrd {
87
+ .gallery__canvasPreview_18jv1.gallery__mobile_18jv1 {
88
88
  border-radius: var(--border-radius-8);
89
89
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var 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"};
3
+ var styles = {"component":"gallery__component_18jv1","image":"gallery__image_18jv1","mobile":"gallery__mobile_18jv1","active":"gallery__active_18jv1","preview":"gallery__preview_18jv1","loading":"gallery__loading_18jv1","brokenImageWrapper":"gallery__brokenImageWrapper_18jv1","brokenIcon":"gallery__brokenIcon_18jv1","focused":"gallery__focused_18jv1","canvasPreview":"gallery__canvasPreview_18jv1"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -20,7 +20,7 @@
20
20
  :root {
21
21
  --focus-color: var(--color-light-status-info);
22
22
  }
23
- .gallery__component_8fs5d {
23
+ .gallery__component_fyzsr {
24
24
  display: flex;
25
25
  flex-grow: 1;
26
26
  justify-content: center;
@@ -88,7 +88,7 @@
88
88
  z-index: -1000;
89
89
  }
90
90
 
91
- .gallery__swiperFrame_8fs5d {
91
+ .gallery__swiperFrame_fyzsr {
92
92
  display: flex;
93
93
  flex: 1 1 0;
94
94
  min-width: 0;
@@ -100,17 +100,17 @@
100
100
  box-sizing: border-box;
101
101
  }
102
102
 
103
- .gallery__swiperFrame_8fs5d.gallery__mobile_8fs5d {
103
+ .gallery__swiperFrame_fyzsr.gallery__mobile_fyzsr {
104
104
  max-height: calc(100vh - 210px);
105
105
  max-height: calc(100dvh - 210px);
106
106
  }
107
107
 
108
- .gallery__swiperFrame_8fs5d.gallery__mobileVideo_8fs5d {
108
+ .gallery__swiperFrame_fyzsr.gallery__mobileVideo_fyzsr {
109
109
  max-height: 100vh;
110
110
  max-height: 100dvh;
111
111
  }
112
112
 
113
- .gallery__fullScreenFrame_8fs5d {
113
+ .gallery__fullScreenFrame_fyzsr {
114
114
  display: flex;
115
115
  align-items: center;
116
116
  justify-content: center;
@@ -123,7 +123,7 @@
123
123
  overflow: hidden;
124
124
  }
125
125
 
126
- .gallery__hiddenFrame_8fs5d {
126
+ .gallery__hiddenFrame_fyzsr {
127
127
  flex: 0 0 0;
128
128
  width: 0;
129
129
  height: 0;
@@ -131,16 +131,16 @@
131
131
  overflow: hidden;
132
132
  }
133
133
 
134
- .gallery__swiper_8fs5d {
134
+ .gallery__swiper_fyzsr {
135
135
  width: 100%;
136
136
  height: 100%;
137
137
  }
138
138
 
139
- .gallery__hidden_8fs5d {
139
+ .gallery__hidden_fyzsr {
140
140
  display: none;
141
141
  }
142
142
 
143
- .gallery__singleSlideContainer_8fs5d {
143
+ .gallery__singleSlideContainer_fyzsr {
144
144
  display: flex;
145
145
  width: 100%;
146
146
  height: 100%;
@@ -152,18 +152,18 @@
152
152
  box-sizing: border-box;
153
153
  }
154
154
 
155
- .gallery__singleSlideContainer_8fs5d.gallery__mobile_8fs5d {
155
+ .gallery__singleSlideContainer_fyzsr.gallery__mobile_fyzsr {
156
156
  max-height: calc(100vh - 174px);
157
157
  max-height: calc(100dvh - 174px);
158
158
  padding: 0;
159
159
  }
160
160
 
161
- .gallery__singleSlideContainer_8fs5d.gallery__mobileVideo_8fs5d {
161
+ .gallery__singleSlideContainer_fyzsr.gallery__mobileVideo_fyzsr {
162
162
  max-height: 100vh;
163
163
  max-height: 100dvh;
164
164
  }
165
165
 
166
- .gallery__slide_8fs5d {
166
+ .gallery__slide_fyzsr {
167
167
  position: relative;
168
168
  display: flex;
169
169
  justify-content: center;
@@ -172,17 +172,17 @@
172
172
  height: 100%;
173
173
  }
174
174
 
175
- .gallery__slideLoading_8fs5d {
175
+ .gallery__slideLoading_fyzsr {
176
176
  background-color: var(--color-static-neutral-translucent-100-inverted);
177
177
  border-radius: var(--border-radius-8);
178
178
  }
179
179
 
180
- .gallery__spinner_8fs5d {
180
+ .gallery__spinner_fyzsr {
181
181
  position: absolute;
182
182
  color: var(--color-static-neutral-translucent-1300-inverted);
183
183
  }
184
184
 
185
- .gallery__image_8fs5d {
185
+ .gallery__image_fyzsr {
186
186
  width: auto;
187
187
  height: auto;
188
188
  max-width: 100%;
@@ -195,11 +195,11 @@
195
195
  border-radius: var(--border-radius-8);
196
196
  }
197
197
 
198
- .gallery__image_8fs5d.gallery__mobile_8fs5d {
198
+ .gallery__image_fyzsr.gallery__mobile_fyzsr {
199
199
  border-radius: var(--border-radius-0);
200
200
  }
201
201
 
202
- .gallery__smallImage_8fs5d {
202
+ .gallery__smallImage_fyzsr {
203
203
  position: relative;
204
204
  width: auto;
205
205
  height: auto;
@@ -212,17 +212,17 @@
212
212
  user-select: none;
213
213
  }
214
214
 
215
- .gallery__verticalImageFit_8fs5d {
215
+ .gallery__verticalImageFit_fyzsr {
216
216
  width: auto;
217
217
  height: 100%;
218
218
  }
219
219
 
220
- .gallery__horizontalImageFit_8fs5d {
220
+ .gallery__horizontalImageFit_fyzsr {
221
221
  width: 100%;
222
222
  height: auto;
223
223
  }
224
224
 
225
- .gallery__fullScreenMedia_8fs5d {
225
+ .gallery__fullScreenMedia_fyzsr {
226
226
  width: 100%;
227
227
  height: 100%;
228
228
  max-width: 100%;
@@ -232,7 +232,7 @@
232
232
  border-radius: var(--border-radius-0);
233
233
  }
234
234
 
235
- .gallery__arrow_8fs5d {
235
+ .gallery__arrow_fyzsr {
236
236
  display: flex;
237
237
  flex-direction: column;
238
238
  justify-content: center;
@@ -246,20 +246,20 @@
246
246
  outline: none;
247
247
  }
248
248
 
249
- .gallery__arrow_8fs5d:hover {
249
+ .gallery__arrow_fyzsr:hover {
250
250
  background-color: var(--color-static-neutral-0-inverted-hover);
251
251
  }
252
252
 
253
- .gallery__arrow_8fs5d:active {
253
+ .gallery__arrow_fyzsr:active {
254
254
  background-color: var(--color-static-neutral-0-inverted-press);
255
255
  }
256
256
 
257
- .gallery__focused_8fs5d {
257
+ .gallery__focused_fyzsr {
258
258
  outline: 2px solid var(--focus-color);
259
259
  outline-offset: 2px;
260
260
  }
261
261
 
262
- .gallery__placeholder_8fs5d {
262
+ .gallery__placeholder_fyzsr {
263
263
  display: flex;
264
264
  justify-content: center;
265
265
  align-items: center;
@@ -269,7 +269,7 @@
269
269
  background-color: var(--color-static-neutral-300-inverted);
270
270
  }
271
271
 
272
- .gallery__brokenImgWrapper_8fs5d {
272
+ .gallery__brokenImgWrapper_fyzsr {
273
273
  position: relative;
274
274
  display: flex;
275
275
  flex-direction: column;
@@ -278,13 +278,13 @@
278
278
  text-align: center;
279
279
  }
280
280
 
281
- .gallery__brokenImgIcon_8fs5d {
281
+ .gallery__brokenImgIcon_fyzsr {
282
282
  width: 80px;
283
283
  height: 80px;
284
284
  margin-bottom: var(--gap-4);
285
285
  }
286
286
 
287
- .gallery__fullScreenVideo_8fs5d {
287
+ .gallery__fullScreenVideo_fyzsr {
288
288
  width: 100%;
289
289
  height: 100%;
290
290
  max-height: none;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var 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"};
3
+ var styles = {"component":"gallery__component_fyzsr","swiperFrame":"gallery__swiperFrame_fyzsr","mobile":"gallery__mobile_fyzsr","mobileVideo":"gallery__mobileVideo_fyzsr","fullScreenFrame":"gallery__fullScreenFrame_fyzsr","hiddenFrame":"gallery__hiddenFrame_fyzsr","swiper":"gallery__swiper_fyzsr","hidden":"gallery__hidden_fyzsr","singleSlideContainer":"gallery__singleSlideContainer_fyzsr","slide":"gallery__slide_fyzsr","slideLoading":"gallery__slideLoading_fyzsr","spinner":"gallery__spinner_fyzsr","image":"gallery__image_fyzsr","smallImage":"gallery__smallImage_fyzsr","verticalImageFit":"gallery__verticalImageFit_fyzsr","horizontalImageFit":"gallery__horizontalImageFit_fyzsr","fullScreenMedia":"gallery__fullScreenMedia_fyzsr","arrow":"gallery__arrow_fyzsr","focused":"gallery__focused_fyzsr","placeholder":"gallery__placeholder_fyzsr","brokenImgWrapper":"gallery__brokenImgWrapper_fyzsr","brokenImgIcon":"gallery__brokenImgIcon_fyzsr","fullScreenVideo":"gallery__fullScreenVideo_fyzsr"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -6,7 +6,7 @@
6
6
  --border-radius-0: 0;
7
7
  --border-radius-24: 24px;
8
8
  }
9
- .gallery__videoWrapper_vfn7m {
9
+ .gallery__videoWrapper_poby3 {
10
10
  display: flex;
11
11
  align-items: center;
12
12
  justify-content: center;
@@ -16,17 +16,17 @@
16
16
  min-height: 0;
17
17
  position: relative;
18
18
  }
19
- .gallery__video_vfn7m {
19
+ .gallery__video_poby3 {
20
20
  max-width: 100%;
21
21
  max-height: 100%;
22
22
  -o-object-fit: contain;
23
23
  object-fit: contain;
24
24
  border-radius: var(--border-radius-24);
25
25
  }
26
- .gallery__mobile_vfn7m {
26
+ .gallery__mobile_poby3 {
27
27
  border-radius: var(--border-radius-0);
28
28
  }
29
- .gallery__videoButton_vfn7m {
29
+ .gallery__videoButton_poby3 {
30
30
  position: absolute;
31
31
  top: 50%;
32
32
  left: 50%;
@@ -34,13 +34,13 @@
34
34
  z-index: 1;
35
35
  color: green;
36
36
  }
37
- .gallery__icon_vfn7m {
37
+ .gallery__icon_poby3 {
38
38
  color: var(--color-static-neutral-0);
39
39
  }
40
- .gallery__iconShape_vfn7m {
40
+ .gallery__iconShape_poby3 {
41
41
  fill: var(--color-static-neutral-translucent-700);
42
42
  }
43
- .gallery__bottomButton_vfn7m {
43
+ .gallery__bottomButton_poby3 {
44
44
  position: absolute;
45
45
  bottom: 48px;
46
46
  left: 32px;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var 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"};
3
+ var styles = {"videoWrapper":"gallery__videoWrapper_poby3","video":"gallery__video_poby3","mobile":"gallery__mobile_poby3","videoButton":"gallery__videoButton_poby3","icon":"gallery__icon_poby3","iconShape":"gallery__iconShape_poby3","bottomButton":"gallery__bottomButton_poby3"};
4
4
 
5
5
  export { styles as default };
6
6
  //# 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_1qqbk {
8
+ .gallery__description_1lvar {
9
9
  text-align: center;
10
10
  }
11
- .gallery__infoWrapper_1qqbk {
11
+ .gallery__infoWrapper_1lvar {
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_1qqbk.gallery__video_1qqbk {
20
+ .gallery__infoWrapper_1lvar.gallery__video_1lvar {
21
21
  padding: 0 var(--gap-4) var(--gap-4);
22
22
  justify-content: space-between;
23
23
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"description":"gallery__description_1qqbk","infoWrapper":"gallery__infoWrapper_1qqbk","video":"gallery__video_1qqbk"};
3
+ var styles = {"description":"gallery__description_1lvar","infoWrapper":"gallery__infoWrapper_1lvar","video":"gallery__video_1lvar"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -8,7 +8,7 @@
8
8
  --gap-12: 12px;
9
9
  --gap-24: 24px;
10
10
  }
11
- .gallery__component_ynb4r {
11
+ .gallery__component_g9ir5 {
12
12
  display: flex;
13
13
  flex-wrap: nowrap;
14
14
  align-content: center;
@@ -20,25 +20,25 @@
20
20
  scrollbar-width: none;
21
21
  background-color: var(--color-static-neutral-0-inverted);
22
22
  }
23
- .gallery__component_ynb4r.gallery__mobile_ynb4r {
23
+ .gallery__component_g9ir5.gallery__mobile_g9ir5 {
24
24
  padding: var(--gap-8) var(--gap-24);
25
25
  }
26
- .gallery__component_ynb4r::-webkit-scrollbar {
26
+ .gallery__component_g9ir5::-webkit-scrollbar {
27
27
  display: none;
28
28
  }
29
- .gallery__previews_ynb4r {
29
+ .gallery__previews_g9ir5 {
30
30
  display: flex;
31
31
  }
32
- .gallery__preview_ynb4r {
32
+ .gallery__preview_g9ir5 {
33
33
  flex-shrink: 0;
34
34
  margin-right: var(--gap-4);
35
35
  }
36
- .gallery__preview_ynb4r.gallery__mobile_ynb4r {
36
+ .gallery__preview_g9ir5.gallery__mobile_g9ir5 {
37
37
  margin-right: var(--gap-2);
38
38
  }
39
- .gallery__preview_ynb4r:first-child {
39
+ .gallery__preview_g9ir5:first-child {
40
40
  margin-left: auto;
41
41
  }
42
- .gallery__preview_ynb4r:last-child {
42
+ .gallery__preview_g9ir5:last-child {
43
43
  margin-right: auto;
44
44
  }