@alfalab/core-components-gallery 6.0.1 → 6.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +25 -25
  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 +25 -25
  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 +25 -25
  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
@@ -2,16 +2,16 @@
2
2
  --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
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
- } .gallery__component_1pgxx {
5
+ } .gallery__component_38m55 {
6
6
  background-color: var(--color-static-neutral-translucent-500-inverted);
7
- } .gallery__component_1pgxx:hover {
7
+ } .gallery__component_38m55:hover {
8
8
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
9
- } .gallery__component_1pgxx:active {
9
+ } .gallery__component_38m55:active {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
11
- } .gallery__component_1pgxx {
11
+ } .gallery__component_38m55 {
12
12
 
13
13
  transition: transform 1s ease-in-out;
14
14
  will-change: transform;
15
- } .gallery__notVisible_1pgxx {
15
+ } .gallery__notVisible_38m55 {
16
16
  transform: translateY(250%);
17
17
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_1pgxx","notVisible":"gallery__notVisible_1pgxx"};
5
+ var styles = {"component":"gallery__component_38m55","notVisible":"gallery__notVisible_38m55"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -6,15 +6,15 @@
6
6
  } :root {
7
7
  --gap-2xl: 32px;
8
8
  --gap-32: var(--gap-2xl);
9
- } .gallery__buttons_18gty {
9
+ } .gallery__buttons_imnex {
10
10
  display: flex;
11
11
  padding-left: var(--gap-32)
12
- } .gallery__buttons_18gty path {
12
+ } .gallery__buttons_imnex path {
13
13
  color: var(--color-static-neutral-translucent-1300-inverted);
14
- } .gallery__iconButton_18gty path {
14
+ } .gallery__iconButton_imnex path {
15
15
  color: var(--color-static-neutral-100);
16
- } .gallery__iconButton_18gty:hover path {
16
+ } .gallery__iconButton_imnex:hover path {
17
17
  color: var(--color-static-neutral-100-hover);
18
- } .gallery__iconButton_18gty:active path {
18
+ } .gallery__iconButton_imnex:active path {
19
19
  color: var(--color-static-neutral-100-press);
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"iconButton":"gallery__iconButton_18gty"};
5
+ var styles = {"iconButton":"gallery__iconButton_imnex"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -3,7 +3,7 @@
3
3
  --gap-2xl: 32px;
4
4
  --gap-16: var(--gap-m);
5
5
  --gap-32: var(--gap-2xl);
6
- } .gallery__header_1f9pw {
6
+ } .gallery__header_1jtnj {
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_1f9pw"};
5
+ var styles = {"header":"gallery__header_1jtnj"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,21 +1,21 @@
1
1
  :root {
2
2
  --gap-2xs: 4px;
3
3
  --gap-4: var(--gap-2xs);
4
- } .gallery__info_eau9a {
4
+ } .gallery__info_ce2y0 {
5
5
  height: 100%;
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  justify-content: center;
9
9
  overflow: hidden;
10
- } .gallery__filenameHead_eau9a {
10
+ } .gallery__filenameHead_ce2y0 {
11
11
  display: inline;
12
12
  text-overflow: ellipsis;
13
13
  overflow: hidden;
14
14
  white-space: nowrap;
15
- } .gallery__filenameContainer_eau9a {
15
+ } .gallery__filenameContainer_ce2y0 {
16
16
  overflow: hidden;
17
17
  display: inline-flex;
18
- } .gallery__description_eau9a {
18
+ } .gallery__description_ce2y0 {
19
19
  display: inline;
20
20
  text-overflow: ellipsis;
21
21
  overflow: hidden;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"info":"gallery__info_eau9a","filenameHead":"gallery__filenameHead_eau9a","filenameContainer":"gallery__filenameContainer_eau9a","description":"gallery__description_eau9a"};
5
+ var styles = {"info":"gallery__info_ce2y0","filenameHead":"gallery__filenameHead_ce2y0","filenameContainer":"gallery__filenameContainer_ce2y0","description":"gallery__description_ce2y0"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --color-static-neutral-0-inverted: #262629;
3
- } .gallery__headerMobile_161it {
3
+ } .gallery__headerMobile_1vvpc {
4
4
  position: relative;
5
5
  height: 72px;
6
6
  z-index: 3;
@@ -8,18 +8,18 @@
8
8
  display: flex;
9
9
  justify-content: space-between;
10
10
  align-items: center
11
- } .gallery__headerMobile_161it.gallery__video_161it {
11
+ } .gallery__headerMobile_1vvpc.gallery__video_1vvpc {
12
12
  position: absolute;
13
13
  width: 100%;
14
14
  background-color: var(--color-static-neutral-0-inverted);
15
15
  transition: transform 0.3s ease-in-out;
16
- } .gallery__hide_161it {
16
+ } .gallery__hide_1vvpc {
17
17
  transform: translateY(-96px);
18
- } .gallery__leftButton_161it,
19
- .gallery__rightButtons_161it {
18
+ } .gallery__leftButton_1vvpc,
19
+ .gallery__rightButtons_1vvpc {
20
20
  display: flex;
21
21
  align-items: center;
22
- } .gallery__description_161it {
22
+ } .gallery__description_1vvpc {
23
23
  position: absolute;
24
24
  left: 50%;
25
25
  transform: translateX(-50%);
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"headerMobile":"gallery__headerMobile_161it","video":"gallery__video_161it","hide":"gallery__hide_161it","rightButtons":"gallery__rightButtons_161it","description":"gallery__description_161it"};
5
+ var styles = {"headerMobile":"gallery__headerMobile_1vvpc","video":"gallery__video_1vvpc","hide":"gallery__hide_1vvpc","rightButtons":"gallery__rightButtons_1vvpc","description":"gallery__description_1vvpc"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -9,19 +9,19 @@
9
9
  --border-radius-12: var(--border-radius-l);
10
10
  } :root {
11
11
  --focus-color: var(--color-light-status-info);
12
- } .gallery__component_1cpps {
12
+ } .gallery__component_1asyh {
13
13
  display: flex;
14
14
  z-index: 3;
15
15
  overflow: hidden;
16
16
  transition: border 0.15s ease-in-out;
17
17
  outline: none
18
- } .gallery__component_1cpps .gallery__image_1cpps {
18
+ } .gallery__component_1asyh .gallery__image_1asyh {
19
19
  opacity: 0.3;
20
- } .gallery__component_1cpps.gallery__mobile_1cpps {
20
+ } .gallery__component_1asyh.gallery__mobile_1asyh {
21
21
  padding: 0;
22
- } .gallery__active_1cpps > .gallery__image_1cpps {
22
+ } .gallery__active_1asyh > .gallery__image_1asyh {
23
23
  opacity: 1;
24
- } .gallery__preview_1cpps {
24
+ } .gallery__preview_1asyh {
25
25
  width: 56px;
26
26
  height: 56px;
27
27
  flex-shrink: 0;
@@ -30,13 +30,13 @@
30
30
  -webkit-user-select: none;
31
31
  -moz-user-select: none;
32
32
  user-select: none
33
- } .gallery__preview_1cpps.gallery__mobile_1cpps {
33
+ } .gallery__preview_1asyh.gallery__mobile_1asyh {
34
34
  width: 46px;
35
35
  height: 46px;
36
36
  border-radius: var(--border-radius-8);
37
- } .gallery__image_1cpps {
37
+ } .gallery__image_1asyh {
38
38
  transition: opacity 0.15s ease-in-out
39
- } .gallery__image_1cpps > img {
39
+ } .gallery__image_1asyh > img {
40
40
  display: block;
41
41
  width: 100%;
42
42
  height: 100%;
@@ -45,28 +45,28 @@
45
45
  object-fit: cover;
46
46
  overflow: clip;
47
47
  overflow-clip-margin: border-box;
48
- } .gallery__image_1cpps:hover {
48
+ } .gallery__image_1asyh:hover {
49
49
  opacity: 0.7;
50
- } .gallery__loading_1cpps {
50
+ } .gallery__loading_1asyh {
51
51
  background-color: var(--color-static-neutral-100-inverted)
52
- } .gallery__loading_1cpps .gallery__active_1cpps {
52
+ } .gallery__loading_1asyh .gallery__active_1asyh {
53
53
  background-color: var(--color-static-neutral-300-inverted);
54
- } .gallery__brokenImageWrapper_1cpps {
54
+ } .gallery__brokenImageWrapper_1asyh {
55
55
  display: flex;
56
56
  justify-content: center;
57
57
  align-items: center;
58
58
  background-color: var(--color-static-neutral-300-inverted);
59
59
  opacity: 0.3
60
- } .gallery__brokenImageWrapper_1cpps.gallery__active_1cpps {
60
+ } .gallery__brokenImageWrapper_1asyh.gallery__active_1asyh {
61
61
  opacity: 1;
62
- } .gallery__brokenIcon_1cpps {
62
+ } .gallery__brokenIcon_1asyh {
63
63
  width: 40px;
64
64
  height: 40px;
65
- } .gallery__focused_1cpps {
65
+ } .gallery__focused_1asyh {
66
66
  outline: 2px solid var(--focus-color);
67
67
  outline-offset: 2px;
68
- } .gallery__canvasPreview_1cpps {
68
+ } .gallery__canvasPreview_1asyh {
69
69
  border-radius: var(--border-radius-12)
70
- } .gallery__canvasPreview_1cpps.gallery__mobile_1cpps {
70
+ } .gallery__canvasPreview_1asyh.gallery__mobile_1asyh {
71
71
  border-radius: var(--border-radius-8);
72
72
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_1cpps","image":"gallery__image_1cpps","mobile":"gallery__mobile_1cpps","active":"gallery__active_1cpps","preview":"gallery__preview_1cpps","loading":"gallery__loading_1cpps","brokenImageWrapper":"gallery__brokenImageWrapper_1cpps","brokenIcon":"gallery__brokenIcon_1cpps","focused":"gallery__focused_1cpps","canvasPreview":"gallery__canvasPreview_1cpps"};
5
+ var styles = {"component":"gallery__component_1asyh","image":"gallery__image_1asyh","mobile":"gallery__mobile_1asyh","active":"gallery__active_1asyh","preview":"gallery__preview_1asyh","loading":"gallery__loading_1asyh","brokenImageWrapper":"gallery__brokenImageWrapper_1asyh","brokenIcon":"gallery__brokenIcon_1asyh","focused":"gallery__focused_1asyh","canvasPreview":"gallery__canvasPreview_1asyh"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -19,23 +19,23 @@
19
19
  --gap-32: var(--gap-2xl);
20
20
  } :root {
21
21
  --focus-color: var(--color-light-status-info);
22
- } .gallery__component_1eaei {
22
+ } .gallery__component_j9s2m {
23
23
  display: flex;
24
24
  flex-grow: 1;
25
25
  justify-content: center;
26
26
  background-color: var(--color-static-neutral-0-inverted);
27
- } .gallery__swiper_1eaei {
27
+ } .gallery__swiper_j9s2m {
28
28
  display: flex;
29
29
  width: 100%;
30
30
  height: 100%;
31
31
  max-height: calc(100vh - 168px);
32
32
  padding: var(--gap-32) var(--gap-16);
33
33
  box-sizing: border-box
34
- } .gallery__swiper_1eaei.gallery__mobile_1eaei {
34
+ } .gallery__swiper_j9s2m.gallery__mobile_j9s2m {
35
35
  max-height: calc(100vh - 210px);
36
- } .gallery__swiper_1eaei.gallery__mobileVideo_1eaei {
36
+ } .gallery__swiper_j9s2m.gallery__mobileVideo_j9s2m {
37
37
  max-height: 100vh;
38
- } .gallery__singleSlideContainer_1eaei {
38
+ } .gallery__singleSlideContainer_j9s2m {
39
39
  display: flex;
40
40
  width: 100%;
41
41
  height: 100%;
@@ -43,49 +43,49 @@
43
43
  max-height: calc(100vh - 80px);
44
44
  padding: var(--gap-32);
45
45
  box-sizing: border-box
46
- } .gallery__singleSlideContainer_1eaei.gallery__mobile_1eaei {
46
+ } .gallery__singleSlideContainer_j9s2m.gallery__mobile_j9s2m {
47
47
  max-height: calc(100vh - 174px);
48
48
  padding: 0;
49
- } .gallery__singleSlideContainer_1eaei.gallery__mobileVideo_1eaei {
49
+ } .gallery__singleSlideContainer_j9s2m.gallery__mobileVideo_j9s2m {
50
50
  max-height: 100vh;
51
- } .gallery__hidden_1eaei {
51
+ } .gallery__hidden_j9s2m {
52
52
  display: none;
53
- } .gallery__slide_1eaei {
53
+ } .gallery__slide_j9s2m {
54
54
  position: relative;
55
55
  display: flex;
56
56
  justify-content: center;
57
57
  align-items: center;
58
58
  width: 100%;
59
59
  height: 100%;
60
- } .gallery__slideLoading_1eaei {
60
+ } .gallery__slideLoading_j9s2m {
61
61
  background-color: var(--color-static-neutral-translucent-100-inverted);
62
62
  border-radius: var(--border-radius-8);
63
- } .gallery__spinner_1eaei {
63
+ } .gallery__spinner_j9s2m {
64
64
  position: absolute;
65
65
  color: var(--color-static-neutral-translucent-1300-inverted);
66
- } .gallery__image_1eaei {
66
+ } .gallery__image_j9s2m {
67
67
  width: 0;
68
68
  height: 0;
69
69
  -webkit-user-select: none;
70
70
  -moz-user-select: none;
71
71
  user-select: none;
72
72
  border-radius: var(--border-radius-8)
73
- } .gallery__image_1eaei.gallery__mobile_1eaei {
73
+ } .gallery__image_j9s2m.gallery__mobile_j9s2m {
74
74
  border-radius: var(--border-radius-0);
75
- } .gallery__smallImage_1eaei {
75
+ } .gallery__smallImage_j9s2m {
76
76
  position: relative;
77
77
  width: auto;
78
78
  height: auto;
79
79
  -webkit-user-select: none;
80
80
  -moz-user-select: none;
81
81
  user-select: none;
82
- } .gallery__verticalImageFit_1eaei {
82
+ } .gallery__verticalImageFit_j9s2m {
83
83
  width: auto;
84
84
  height: 100%;
85
- } .gallery__horizontalImageFit_1eaei {
85
+ } .gallery__horizontalImageFit_j9s2m {
86
86
  width: 100%;
87
87
  height: auto;
88
- } .gallery__arrow_1eaei {
88
+ } .gallery__arrow_j9s2m {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  justify-content: center;
@@ -97,14 +97,14 @@
97
97
  color: var(--color-static-neutral-translucent-1300-inverted);
98
98
  transition: background-color 0.15s ease-in-out;
99
99
  outline: none
100
- } .gallery__arrow_1eaei:hover {
100
+ } .gallery__arrow_j9s2m:hover {
101
101
  background-color: var(--color-static-neutral-0-inverted-hover);
102
- } .gallery__arrow_1eaei:active {
102
+ } .gallery__arrow_j9s2m:active {
103
103
  background-color: var(--color-static-neutral-0-inverted-press);
104
- } .gallery__focused_1eaei {
104
+ } .gallery__focused_j9s2m {
105
105
  outline: 2px solid var(--focus-color);
106
106
  outline-offset: 2px;
107
- } .gallery__placeholder_1eaei {
107
+ } .gallery__placeholder_j9s2m {
108
108
  display: flex;
109
109
  justify-content: center;
110
110
  align-items: center;
@@ -112,22 +112,22 @@
112
112
  height: 100%;
113
113
  border-radius: var(--border-radius-8);
114
114
  background-color: var(--color-static-neutral-300-inverted);
115
- } .gallery__brokenImgWrapper_1eaei {
115
+ } .gallery__brokenImgWrapper_j9s2m {
116
116
  position: relative;
117
117
  display: flex;
118
118
  flex-direction: column;
119
119
  align-items: center;
120
120
  width: 150px;
121
121
  text-align: center;
122
- } .gallery__brokenImgIcon_1eaei {
122
+ } .gallery__brokenImgIcon_j9s2m {
123
123
  width: 80px;
124
124
  height: 80px;
125
125
  margin-bottom: var(--gap-2xs);
126
- } .gallery__fullScreenImage_1eaei {
126
+ } .gallery__fullScreenImage_j9s2m {
127
127
  width: 100%;
128
128
  height: auto;
129
129
  background-color: var(--color-light-base-bg-primary);
130
- } .gallery__fullScreenVideo_1eaei {
130
+ } .gallery__fullScreenVideo_j9s2m {
131
131
  width: calc(100% - 192px);
132
132
  max-height: calc(100vh - 82px);
133
133
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_1eaei","swiper":"gallery__swiper_1eaei","mobile":"gallery__mobile_1eaei","mobileVideo":"gallery__mobileVideo_1eaei","singleSlideContainer":"gallery__singleSlideContainer_1eaei","hidden":"gallery__hidden_1eaei","slide":"gallery__slide_1eaei","slideLoading":"gallery__slideLoading_1eaei","spinner":"gallery__spinner_1eaei","image":"gallery__image_1eaei","smallImage":"gallery__smallImage_1eaei","verticalImageFit":"gallery__verticalImageFit_1eaei","horizontalImageFit":"gallery__horizontalImageFit_1eaei","arrow":"gallery__arrow_1eaei","focused":"gallery__focused_1eaei","placeholder":"gallery__placeholder_1eaei","brokenImgWrapper":"gallery__brokenImgWrapper_1eaei","brokenImgIcon":"gallery__brokenImgIcon_1eaei","fullScreenImage":"gallery__fullScreenImage_1eaei","fullScreenVideo":"gallery__fullScreenVideo_1eaei"};
5
+ var styles = {"component":"gallery__component_j9s2m","swiper":"gallery__swiper_j9s2m","mobile":"gallery__mobile_j9s2m","mobileVideo":"gallery__mobileVideo_j9s2m","singleSlideContainer":"gallery__singleSlideContainer_j9s2m","hidden":"gallery__hidden_j9s2m","slide":"gallery__slide_j9s2m","slideLoading":"gallery__slideLoading_j9s2m","spinner":"gallery__spinner_j9s2m","image":"gallery__image_j9s2m","smallImage":"gallery__smallImage_j9s2m","verticalImageFit":"gallery__verticalImageFit_j9s2m","horizontalImageFit":"gallery__horizontalImageFit_j9s2m","arrow":"gallery__arrow_j9s2m","focused":"gallery__focused_j9s2m","placeholder":"gallery__placeholder_j9s2m","brokenImgWrapper":"gallery__brokenImgWrapper_j9s2m","brokenImgIcon":"gallery__brokenImgIcon_j9s2m","fullScreenImage":"gallery__fullScreenImage_j9s2m","fullScreenVideo":"gallery__fullScreenVideo_j9s2m"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,30 +4,30 @@
4
4
  } :root {
5
5
  --border-radius-3xl: 24px;
6
6
  --border-radius-24: var(--border-radius-3xl);
7
- } .gallery__videoWrapper_2fow9 {
7
+ } .gallery__videoWrapper_s9vff {
8
8
  display: flex;
9
9
  justify-content: center;
10
10
  height: 100%;
11
11
  width: auto;
12
12
  position: relative;
13
- } .gallery__video_2fow9 {
13
+ } .gallery__video_s9vff {
14
14
  max-width: 100%;
15
15
  max-height: 100%;
16
16
  border-radius: var(--border-radius-24);
17
- } .gallery__mobile_2fow9 {
17
+ } .gallery__mobile_s9vff {
18
18
  border-radius: 0;
19
- } .gallery__videoButton_2fow9 {
19
+ } .gallery__videoButton_s9vff {
20
20
  position: absolute;
21
21
  top: 50%;
22
22
  left: 50%;
23
23
  transform: translate(-50%, -50%);
24
24
  z-index: 1;
25
25
  color: green;
26
- } .gallery__icon_2fow9 {
26
+ } .gallery__icon_s9vff {
27
27
  color: var(--color-static-neutral-0);
28
- } .gallery__iconShape_2fow9 {
28
+ } .gallery__iconShape_s9vff {
29
29
  fill: var(--color-static-neutral-translucent-700);
30
- } .gallery__bottomButton_2fow9 {
30
+ } .gallery__bottomButton_s9vff {
31
31
  position: absolute;
32
32
  bottom: 48px;
33
33
  left: 32px;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"videoWrapper":"gallery__videoWrapper_2fow9","video":"gallery__video_2fow9","mobile":"gallery__mobile_2fow9","videoButton":"gallery__videoButton_2fow9","icon":"gallery__icon_2fow9","iconShape":"gallery__iconShape_2fow9","bottomButton":"gallery__bottomButton_2fow9"};
5
+ var styles = {"videoWrapper":"gallery__videoWrapper_s9vff","video":"gallery__video_s9vff","mobile":"gallery__mobile_s9vff","videoButton":"gallery__videoButton_s9vff","icon":"gallery__icon_s9vff","iconShape":"gallery__iconShape_s9vff","bottomButton":"gallery__bottomButton_s9vff"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -5,9 +5,9 @@
5
5
  --gap-xs: 8px;
6
6
  --gap-4: var(--gap-2xs);
7
7
  --gap-8: var(--gap-xs);
8
- } .gallery__description_phx5o {
8
+ } .gallery__description_1wotl {
9
9
  text-align: center;
10
- } .gallery__infoWrapper_phx5o {
10
+ } .gallery__infoWrapper_1wotl {
11
11
  background-color: var(--color-static-neutral-0-inverted);
12
12
  display: flex;
13
13
  align-items: center;
@@ -15,7 +15,7 @@
15
15
  padding: 0 var(--gap-8) var(--gap-4);
16
16
  position: relative;
17
17
  height: 48px
18
- } .gallery__infoWrapper_phx5o.gallery__video_phx5o {
18
+ } .gallery__infoWrapper_1wotl.gallery__video_1wotl {
19
19
  padding: 0 var(--gap-4) var(--gap-4);
20
20
  justify-content: space-between;
21
21
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"description":"gallery__description_phx5o","infoWrapper":"gallery__infoWrapper_phx5o","video":"gallery__video_phx5o"};
5
+ var styles = {"description":"gallery__description_1wotl","infoWrapper":"gallery__infoWrapper_1wotl","video":"gallery__video_1wotl"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -11,7 +11,7 @@
11
11
  --gap-8: var(--gap-xs);
12
12
  --gap-12: var(--gap-s);
13
13
  --gap-24: var(--gap-xl);
14
- } .gallery__component_5ncte {
14
+ } .gallery__component_vhjcl {
15
15
  display: flex;
16
16
  flex-wrap: nowrap;
17
17
  align-content: center;
@@ -22,19 +22,19 @@
22
22
  padding: var(--gap-12) var(--gap-24);
23
23
  scrollbar-width: none;
24
24
  background-color: var(--color-static-neutral-0-inverted)
25
- } .gallery__component_5ncte.gallery__mobile_5ncte {
25
+ } .gallery__component_vhjcl.gallery__mobile_vhjcl {
26
26
  padding: var(--gap-8) var(--gap-24);
27
- } .gallery__component_5ncte::-webkit-scrollbar {
27
+ } .gallery__component_vhjcl::-webkit-scrollbar {
28
28
  display: none;
29
- } .gallery__previews_5ncte {
29
+ } .gallery__previews_vhjcl {
30
30
  display: flex;
31
- } .gallery__preview_5ncte {
31
+ } .gallery__preview_vhjcl {
32
32
  flex-shrink: 0;
33
33
  margin-right: var(--gap-4)
34
- } .gallery__preview_5ncte.gallery__mobile_5ncte {
34
+ } .gallery__preview_vhjcl.gallery__mobile_vhjcl {
35
35
  margin-right: var(--gap-2);
36
- } .gallery__preview_5ncte:first-child {
36
+ } .gallery__preview_vhjcl:first-child {
37
37
  margin-left: auto;
38
- } .gallery__preview_5ncte:last-child {
38
+ } .gallery__preview_vhjcl:last-child {
39
39
  margin-right: auto;
40
40
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"gallery__component_5ncte","mobile":"gallery__mobile_5ncte","preview":"gallery__preview_5ncte"};
5
+ var styles = {"component":"gallery__component_vhjcl","mobile":"gallery__mobile_vhjcl","preview":"gallery__preview_vhjcl"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -4,7 +4,7 @@
4
4
  --gap-0: 0px;
5
5
  --gap-16: var(--gap-m);
6
6
  --gap-32: var(--gap-2xl);
7
- } .gallery__subtitles_1kffz {
7
+ } .gallery__subtitles_17mnq {
8
8
  position: absolute;
9
9
  align-self: flex-end;
10
10
  padding: var(--gap-0) var(--gap-32);
@@ -14,8 +14,8 @@
14
14
  opacity: 1;
15
15
  z-index: 1;
16
16
  transition: opacity 500ms ease-in-out, margin-bottom 270ms ease-in-out
17
- } .gallery__subtitles_1kffz.gallery__mobile_1kffz {
17
+ } .gallery__subtitles_17mnq.gallery__mobile_17mnq {
18
18
  position: unset;
19
- } .gallery__hideSubtitles_1kffz {
19
+ } .gallery__hideSubtitles_17mnq {
20
20
  opacity: 0;
21
21
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"subtitles":"gallery__subtitles_1kffz","mobile":"gallery__mobile_1kffz","hideSubtitles":"gallery__hideSubtitles_1kffz"};
5
+ var styles = {"subtitles":"gallery__subtitles_17mnq","mobile":"gallery__mobile_17mnq","hideSubtitles":"gallery__hideSubtitles_17mnq"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -2,16 +2,16 @@
2
2
  --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
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
- } .gallery__component_1pgxx {
5
+ } .gallery__component_38m55 {
6
6
  background-color: var(--color-static-neutral-translucent-500-inverted);
7
- } .gallery__component_1pgxx:hover {
7
+ } .gallery__component_38m55:hover {
8
8
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
9
- } .gallery__component_1pgxx:active {
9
+ } .gallery__component_38m55:active {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
11
- } .gallery__component_1pgxx {
11
+ } .gallery__component_38m55 {
12
12
 
13
13
  transition: transform 1s ease-in-out;
14
14
  will-change: transform;
15
- } .gallery__notVisible_1pgxx {
15
+ } .gallery__notVisible_38m55 {
16
16
  transform: translateY(250%);
17
17
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"gallery__component_1pgxx","notVisible":"gallery__notVisible_1pgxx"};
3
+ var styles = {"component":"gallery__component_38m55","notVisible":"gallery__notVisible_38m55"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -6,15 +6,15 @@
6
6
  } :root {
7
7
  --gap-2xl: 32px;
8
8
  --gap-32: var(--gap-2xl);
9
- } .gallery__buttons_18gty {
9
+ } .gallery__buttons_imnex {
10
10
  display: flex;
11
11
  padding-left: var(--gap-32)
12
- } .gallery__buttons_18gty path {
12
+ } .gallery__buttons_imnex path {
13
13
  color: var(--color-static-neutral-translucent-1300-inverted);
14
- } .gallery__iconButton_18gty path {
14
+ } .gallery__iconButton_imnex path {
15
15
  color: var(--color-static-neutral-100);
16
- } .gallery__iconButton_18gty:hover path {
16
+ } .gallery__iconButton_imnex:hover path {
17
17
  color: var(--color-static-neutral-100-hover);
18
- } .gallery__iconButton_18gty:active path {
18
+ } .gallery__iconButton_imnex:active path {
19
19
  color: var(--color-static-neutral-100-press);
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"iconButton":"gallery__iconButton_18gty"};
3
+ var styles = {"iconButton":"gallery__iconButton_imnex"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -3,7 +3,7 @@
3
3
  --gap-2xl: 32px;
4
4
  --gap-16: var(--gap-m);
5
5
  --gap-32: var(--gap-2xl);
6
- } .gallery__header_1f9pw {
6
+ } .gallery__header_1jtnj {
7
7
  display: flex;
8
8
  justify-content: space-between;
9
9
  flex-shrink: 0;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"header":"gallery__header_1f9pw"};
3
+ var styles = {"header":"gallery__header_1jtnj"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map