@alfalab/core-components-gallery 6.0.4 → 6.0.5

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 +5 -5
@@ -1,21 +1,21 @@
1
1
  :root {
2
2
  --gap-2xs: 4px;
3
3
  --gap-4: var(--gap-2xs);
4
- } .gallery__info_d1u6m {
4
+ } .gallery__info_oanpj {
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_d1u6m {
10
+ } .gallery__filenameHead_oanpj {
11
11
  display: inline;
12
12
  text-overflow: ellipsis;
13
13
  overflow: hidden;
14
14
  white-space: nowrap;
15
- } .gallery__filenameContainer_d1u6m {
15
+ } .gallery__filenameContainer_oanpj {
16
16
  overflow: hidden;
17
17
  display: inline-flex;
18
- } .gallery__description_d1u6m {
18
+ } .gallery__description_oanpj {
19
19
  display: inline;
20
20
  text-overflow: ellipsis;
21
21
  overflow: hidden;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"info":"gallery__info_d1u6m","filenameHead":"gallery__filenameHead_d1u6m","filenameContainer":"gallery__filenameContainer_d1u6m","description":"gallery__description_d1u6m"};
3
+ var styles = {"info":"gallery__info_oanpj","filenameHead":"gallery__filenameHead_oanpj","filenameContainer":"gallery__filenameContainer_oanpj","description":"gallery__description_oanpj"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --color-static-neutral-0-inverted: #262629;
3
- } .gallery__headerMobile_g6gye {
3
+ } .gallery__headerMobile_1g1c9 {
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_g6gye.gallery__video_g6gye {
11
+ } .gallery__headerMobile_1g1c9.gallery__video_1g1c9 {
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_g6gye {
16
+ } .gallery__hide_1g1c9 {
17
17
  transform: translateY(-96px);
18
- } .gallery__leftButton_g6gye,
19
- .gallery__rightButtons_g6gye {
18
+ } .gallery__leftButton_1g1c9,
19
+ .gallery__rightButtons_1g1c9 {
20
20
  display: flex;
21
21
  align-items: center;
22
- } .gallery__description_g6gye {
22
+ } .gallery__description_1g1c9 {
23
23
  position: absolute;
24
24
  left: 50%;
25
25
  transform: translateX(-50%);
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"headerMobile":"gallery__headerMobile_g6gye","video":"gallery__video_g6gye","hide":"gallery__hide_g6gye","rightButtons":"gallery__rightButtons_g6gye","description":"gallery__description_g6gye"};
3
+ var styles = {"headerMobile":"gallery__headerMobile_1g1c9","video":"gallery__video_1g1c9","hide":"gallery__hide_1g1c9","rightButtons":"gallery__rightButtons_1g1c9","description":"gallery__description_1g1c9"};
4
4
 
5
5
  export { styles as default };
6
6
  //# 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_1bgpq {
12
+ } .gallery__component_1mpj8 {
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_1bgpq .gallery__image_1bgpq {
18
+ } .gallery__component_1mpj8 .gallery__image_1mpj8 {
19
19
  opacity: 0.3;
20
- } .gallery__component_1bgpq.gallery__mobile_1bgpq {
20
+ } .gallery__component_1mpj8.gallery__mobile_1mpj8 {
21
21
  padding: 0;
22
- } .gallery__active_1bgpq > .gallery__image_1bgpq {
22
+ } .gallery__active_1mpj8 > .gallery__image_1mpj8 {
23
23
  opacity: 1;
24
- } .gallery__preview_1bgpq {
24
+ } .gallery__preview_1mpj8 {
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_1bgpq.gallery__mobile_1bgpq {
33
+ } .gallery__preview_1mpj8.gallery__mobile_1mpj8 {
34
34
  width: 46px;
35
35
  height: 46px;
36
36
  border-radius: var(--border-radius-8);
37
- } .gallery__image_1bgpq {
37
+ } .gallery__image_1mpj8 {
38
38
  transition: opacity 0.15s ease-in-out;
39
- } .gallery__image_1bgpq > img {
39
+ } .gallery__image_1mpj8 > 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_1bgpq:hover {
48
+ } .gallery__image_1mpj8:hover {
49
49
  opacity: 0.7;
50
- } .gallery__loading_1bgpq {
50
+ } .gallery__loading_1mpj8 {
51
51
  background-color: var(--color-static-neutral-100-inverted);
52
- } .gallery__loading_1bgpq .gallery__active_1bgpq {
52
+ } .gallery__loading_1mpj8 .gallery__active_1mpj8 {
53
53
  background-color: var(--color-static-neutral-300-inverted);
54
- } .gallery__brokenImageWrapper_1bgpq {
54
+ } .gallery__brokenImageWrapper_1mpj8 {
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_1bgpq.gallery__active_1bgpq {
60
+ } .gallery__brokenImageWrapper_1mpj8.gallery__active_1mpj8 {
61
61
  opacity: 1;
62
- } .gallery__brokenIcon_1bgpq {
62
+ } .gallery__brokenIcon_1mpj8 {
63
63
  width: 40px;
64
64
  height: 40px;
65
- } .gallery__focused_1bgpq {
65
+ } .gallery__focused_1mpj8 {
66
66
  outline: 2px solid var(--focus-color);
67
67
  outline-offset: 2px;
68
- } .gallery__canvasPreview_1bgpq {
68
+ } .gallery__canvasPreview_1mpj8 {
69
69
  border-radius: var(--border-radius-12);
70
- } .gallery__canvasPreview_1bgpq.gallery__mobile_1bgpq {
70
+ } .gallery__canvasPreview_1mpj8.gallery__mobile_1mpj8 {
71
71
  border-radius: var(--border-radius-8);
72
72
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"gallery__component_1bgpq","image":"gallery__image_1bgpq","mobile":"gallery__mobile_1bgpq","active":"gallery__active_1bgpq","preview":"gallery__preview_1bgpq","loading":"gallery__loading_1bgpq","brokenImageWrapper":"gallery__brokenImageWrapper_1bgpq","brokenIcon":"gallery__brokenIcon_1bgpq","focused":"gallery__focused_1bgpq","canvasPreview":"gallery__canvasPreview_1bgpq"};
3
+ var styles = {"component":"gallery__component_1mpj8","image":"gallery__image_1mpj8","mobile":"gallery__mobile_1mpj8","active":"gallery__active_1mpj8","preview":"gallery__preview_1mpj8","loading":"gallery__loading_1mpj8","brokenImageWrapper":"gallery__brokenImageWrapper_1mpj8","brokenIcon":"gallery__brokenIcon_1mpj8","focused":"gallery__focused_1mpj8","canvasPreview":"gallery__canvasPreview_1mpj8"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -20,23 +20,23 @@
20
20
  --gap-32: var(--gap-2xl);
21
21
  } :root {
22
22
  --focus-color: var(--color-light-status-info);
23
- } .gallery__component_1udcy {
23
+ } .gallery__component_1oa7z {
24
24
  display: flex;
25
25
  flex-grow: 1;
26
26
  justify-content: center;
27
27
  background-color: var(--color-static-neutral-0-inverted);
28
- } .gallery__swiper_1udcy {
28
+ } .gallery__swiper_1oa7z {
29
29
  display: flex;
30
30
  width: 100%;
31
31
  height: 100%;
32
32
  max-height: calc(100vh - 168px);
33
33
  padding: var(--gap-32) var(--gap-16);
34
34
  box-sizing: border-box;
35
- } .gallery__swiper_1udcy.gallery__mobile_1udcy {
35
+ } .gallery__swiper_1oa7z.gallery__mobile_1oa7z {
36
36
  max-height: calc(100vh - 210px);
37
- } .gallery__swiper_1udcy.gallery__mobileVideo_1udcy {
37
+ } .gallery__swiper_1oa7z.gallery__mobileVideo_1oa7z {
38
38
  max-height: 100vh;
39
- } .gallery__singleSlideContainer_1udcy {
39
+ } .gallery__singleSlideContainer_1oa7z {
40
40
  display: flex;
41
41
  width: 100%;
42
42
  height: 100%;
@@ -44,49 +44,49 @@
44
44
  max-height: calc(100vh - 80px);
45
45
  padding: var(--gap-32);
46
46
  box-sizing: border-box;
47
- } .gallery__singleSlideContainer_1udcy.gallery__mobile_1udcy {
47
+ } .gallery__singleSlideContainer_1oa7z.gallery__mobile_1oa7z {
48
48
  max-height: calc(100vh - 174px);
49
49
  padding: 0;
50
- } .gallery__singleSlideContainer_1udcy.gallery__mobileVideo_1udcy {
50
+ } .gallery__singleSlideContainer_1oa7z.gallery__mobileVideo_1oa7z {
51
51
  max-height: 100vh;
52
- } .gallery__hidden_1udcy {
52
+ } .gallery__hidden_1oa7z {
53
53
  display: none;
54
- } .gallery__slide_1udcy {
54
+ } .gallery__slide_1oa7z {
55
55
  position: relative;
56
56
  display: flex;
57
57
  justify-content: center;
58
58
  align-items: center;
59
59
  width: 100%;
60
60
  height: 100%;
61
- } .gallery__slideLoading_1udcy {
61
+ } .gallery__slideLoading_1oa7z {
62
62
  background-color: var(--color-static-neutral-translucent-100-inverted);
63
63
  border-radius: var(--border-radius-8);
64
- } .gallery__spinner_1udcy {
64
+ } .gallery__spinner_1oa7z {
65
65
  position: absolute;
66
66
  color: var(--color-static-neutral-translucent-1300-inverted);
67
- } .gallery__image_1udcy {
67
+ } .gallery__image_1oa7z {
68
68
  width: 0;
69
69
  height: 0;
70
70
  -webkit-user-select: none;
71
71
  -moz-user-select: none;
72
72
  user-select: none;
73
73
  border-radius: var(--border-radius-8);
74
- } .gallery__image_1udcy.gallery__mobile_1udcy {
74
+ } .gallery__image_1oa7z.gallery__mobile_1oa7z {
75
75
  border-radius: var(--border-radius-0);
76
- } .gallery__smallImage_1udcy {
76
+ } .gallery__smallImage_1oa7z {
77
77
  position: relative;
78
78
  width: auto;
79
79
  height: auto;
80
80
  -webkit-user-select: none;
81
81
  -moz-user-select: none;
82
82
  user-select: none;
83
- } .gallery__verticalImageFit_1udcy {
83
+ } .gallery__verticalImageFit_1oa7z {
84
84
  width: auto;
85
85
  height: 100%;
86
- } .gallery__horizontalImageFit_1udcy {
86
+ } .gallery__horizontalImageFit_1oa7z {
87
87
  width: 100%;
88
88
  height: auto;
89
- } .gallery__arrow_1udcy {
89
+ } .gallery__arrow_1oa7z {
90
90
  display: flex;
91
91
  flex-direction: column;
92
92
  justify-content: center;
@@ -98,14 +98,14 @@
98
98
  color: var(--color-static-neutral-translucent-1300-inverted);
99
99
  transition: background-color 0.15s ease-in-out;
100
100
  outline: none;
101
- } .gallery__arrow_1udcy:hover {
101
+ } .gallery__arrow_1oa7z:hover {
102
102
  background-color: var(--color-static-neutral-0-inverted-hover);
103
- } .gallery__arrow_1udcy:active {
103
+ } .gallery__arrow_1oa7z:active {
104
104
  background-color: var(--color-static-neutral-0-inverted-press);
105
- } .gallery__focused_1udcy {
105
+ } .gallery__focused_1oa7z {
106
106
  outline: 2px solid var(--focus-color);
107
107
  outline-offset: 2px;
108
- } .gallery__placeholder_1udcy {
108
+ } .gallery__placeholder_1oa7z {
109
109
  display: flex;
110
110
  justify-content: center;
111
111
  align-items: center;
@@ -113,22 +113,22 @@
113
113
  height: 100%;
114
114
  border-radius: var(--border-radius-8);
115
115
  background-color: var(--color-static-neutral-300-inverted);
116
- } .gallery__brokenImgWrapper_1udcy {
116
+ } .gallery__brokenImgWrapper_1oa7z {
117
117
  position: relative;
118
118
  display: flex;
119
119
  flex-direction: column;
120
120
  align-items: center;
121
121
  width: 150px;
122
122
  text-align: center;
123
- } .gallery__brokenImgIcon_1udcy {
123
+ } .gallery__brokenImgIcon_1oa7z {
124
124
  width: 80px;
125
125
  height: 80px;
126
126
  margin-bottom: var(--gap-4);
127
- } .gallery__fullScreenImage_1udcy {
127
+ } .gallery__fullScreenImage_1oa7z {
128
128
  width: 100%;
129
129
  height: auto;
130
130
  background-color: var(--color-light-base-bg-primary);
131
- } .gallery__fullScreenVideo_1udcy {
131
+ } .gallery__fullScreenVideo_1oa7z {
132
132
  width: calc(100% - 192px);
133
133
  max-height: calc(100vh - 82px);
134
134
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"gallery__component_1udcy","swiper":"gallery__swiper_1udcy","mobile":"gallery__mobile_1udcy","mobileVideo":"gallery__mobileVideo_1udcy","singleSlideContainer":"gallery__singleSlideContainer_1udcy","hidden":"gallery__hidden_1udcy","slide":"gallery__slide_1udcy","slideLoading":"gallery__slideLoading_1udcy","spinner":"gallery__spinner_1udcy","image":"gallery__image_1udcy","smallImage":"gallery__smallImage_1udcy","verticalImageFit":"gallery__verticalImageFit_1udcy","horizontalImageFit":"gallery__horizontalImageFit_1udcy","arrow":"gallery__arrow_1udcy","focused":"gallery__focused_1udcy","placeholder":"gallery__placeholder_1udcy","brokenImgWrapper":"gallery__brokenImgWrapper_1udcy","brokenImgIcon":"gallery__brokenImgIcon_1udcy","fullScreenImage":"gallery__fullScreenImage_1udcy","fullScreenVideo":"gallery__fullScreenVideo_1udcy"};
3
+ var styles = {"component":"gallery__component_1oa7z","swiper":"gallery__swiper_1oa7z","mobile":"gallery__mobile_1oa7z","mobileVideo":"gallery__mobileVideo_1oa7z","singleSlideContainer":"gallery__singleSlideContainer_1oa7z","hidden":"gallery__hidden_1oa7z","slide":"gallery__slide_1oa7z","slideLoading":"gallery__slideLoading_1oa7z","spinner":"gallery__spinner_1oa7z","image":"gallery__image_1oa7z","smallImage":"gallery__smallImage_1oa7z","verticalImageFit":"gallery__verticalImageFit_1oa7z","horizontalImageFit":"gallery__horizontalImageFit_1oa7z","arrow":"gallery__arrow_1oa7z","focused":"gallery__focused_1oa7z","placeholder":"gallery__placeholder_1oa7z","brokenImgWrapper":"gallery__brokenImgWrapper_1oa7z","brokenImgIcon":"gallery__brokenImgIcon_1oa7z","fullScreenImage":"gallery__fullScreenImage_1oa7z","fullScreenVideo":"gallery__fullScreenVideo_1oa7z"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -5,30 +5,30 @@
5
5
  --border-radius-3xl: 24px;
6
6
  --border-radius-0: 0;
7
7
  --border-radius-24: var(--border-radius-3xl);
8
- } .gallery__videoWrapper_rm46u {
8
+ } .gallery__videoWrapper_1rgzh {
9
9
  display: flex;
10
10
  justify-content: center;
11
11
  height: 100%;
12
12
  width: auto;
13
13
  position: relative;
14
- } .gallery__video_rm46u {
14
+ } .gallery__video_1rgzh {
15
15
  max-width: 100%;
16
16
  max-height: 100%;
17
17
  border-radius: var(--border-radius-24);
18
- } .gallery__mobile_rm46u {
18
+ } .gallery__mobile_1rgzh {
19
19
  border-radius: var(--border-radius-0);
20
- } .gallery__videoButton_rm46u {
20
+ } .gallery__videoButton_1rgzh {
21
21
  position: absolute;
22
22
  top: 50%;
23
23
  left: 50%;
24
24
  transform: translate(-50%, -50%);
25
25
  z-index: 1;
26
26
  color: green;
27
- } .gallery__icon_rm46u {
27
+ } .gallery__icon_1rgzh {
28
28
  color: var(--color-static-neutral-0);
29
- } .gallery__iconShape_rm46u {
29
+ } .gallery__iconShape_1rgzh {
30
30
  fill: var(--color-static-neutral-translucent-700);
31
- } .gallery__bottomButton_rm46u {
31
+ } .gallery__bottomButton_1rgzh {
32
32
  position: absolute;
33
33
  bottom: 48px;
34
34
  left: 32px;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"videoWrapper":"gallery__videoWrapper_rm46u","video":"gallery__video_rm46u","mobile":"gallery__mobile_rm46u","videoButton":"gallery__videoButton_rm46u","icon":"gallery__icon_rm46u","iconShape":"gallery__iconShape_rm46u","bottomButton":"gallery__bottomButton_rm46u"};
3
+ var styles = {"videoWrapper":"gallery__videoWrapper_1rgzh","video":"gallery__video_1rgzh","mobile":"gallery__mobile_1rgzh","videoButton":"gallery__videoButton_1rgzh","icon":"gallery__icon_1rgzh","iconShape":"gallery__iconShape_1rgzh","bottomButton":"gallery__bottomButton_1rgzh"};
4
4
 
5
5
  export { styles as default };
6
6
  //# 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_15kvl {
8
+ } .gallery__description_zhqlx {
9
9
  text-align: center;
10
- } .gallery__infoWrapper_15kvl {
10
+ } .gallery__infoWrapper_zhqlx {
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_15kvl.gallery__video_15kvl {
18
+ } .gallery__infoWrapper_zhqlx.gallery__video_zhqlx {
19
19
  padding: 0 var(--gap-4) var(--gap-4);
20
20
  justify-content: space-between;
21
21
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"description":"gallery__description_15kvl","infoWrapper":"gallery__infoWrapper_15kvl","video":"gallery__video_15kvl"};
3
+ var styles = {"description":"gallery__description_zhqlx","infoWrapper":"gallery__infoWrapper_zhqlx","video":"gallery__video_zhqlx"};
4
4
 
5
5
  export { styles as default };
6
6
  //# 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_uts3z {
14
+ } .gallery__component_1uonf {
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_uts3z.gallery__mobile_uts3z {
25
+ } .gallery__component_1uonf.gallery__mobile_1uonf {
26
26
  padding: var(--gap-8) var(--gap-24);
27
- } .gallery__component_uts3z::-webkit-scrollbar {
27
+ } .gallery__component_1uonf::-webkit-scrollbar {
28
28
  display: none;
29
- } .gallery__previews_uts3z {
29
+ } .gallery__previews_1uonf {
30
30
  display: flex;
31
- } .gallery__preview_uts3z {
31
+ } .gallery__preview_1uonf {
32
32
  flex-shrink: 0;
33
33
  margin-right: var(--gap-4);
34
- } .gallery__preview_uts3z.gallery__mobile_uts3z {
34
+ } .gallery__preview_1uonf.gallery__mobile_1uonf {
35
35
  margin-right: var(--gap-2);
36
- } .gallery__preview_uts3z:first-child {
36
+ } .gallery__preview_1uonf:first-child {
37
37
  margin-left: auto;
38
- } .gallery__preview_uts3z:last-child {
38
+ } .gallery__preview_1uonf:last-child {
39
39
  margin-right: auto;
40
40
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"gallery__component_uts3z","mobile":"gallery__mobile_uts3z","preview":"gallery__preview_uts3z"};
3
+ var styles = {"component":"gallery__component_1uonf","mobile":"gallery__mobile_1uonf","preview":"gallery__preview_1uonf"};
4
4
 
5
5
  export { styles as default };
6
6
  //# 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_16znv {
7
+ } .gallery__subtitles_1afmj {
8
8
  position: absolute;
9
9
  align-self: flex-end;
10
10
  padding: var(--gap-0) var(--gap-32);
@@ -16,9 +16,9 @@
16
16
  transition:
17
17
  opacity 500ms ease-in-out,
18
18
  margin-bottom 270ms ease-in-out;
19
- } .gallery__subtitles_16znv.gallery__mobile_16znv {
19
+ } .gallery__subtitles_1afmj.gallery__mobile_1afmj {
20
20
  position: static;
21
21
  position: initial;
22
- } .gallery__hideSubtitles_16znv {
22
+ } .gallery__hideSubtitles_1afmj {
23
23
  opacity: 0;
24
24
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"subtitles":"gallery__subtitles_16znv","mobile":"gallery__mobile_16znv","hideSubtitles":"gallery__hideSubtitles_16znv"};
3
+ var styles = {"subtitles":"gallery__subtitles_1afmj","mobile":"gallery__mobile_1afmj","hideSubtitles":"gallery__hideSubtitles_1afmj"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -10,7 +10,7 @@
10
10
  } :root {
11
11
  --sat: env(safe-area-inset-top, var(--gap-0));
12
12
  --sab: env(safe-area-inset-bottom, var(--gap-0));
13
- } .gallery__container_fk8g9 {
13
+ } .gallery__container_c49sa {
14
14
  position: relative;
15
15
  overflow-x: hidden;
16
16
  overflow-y: auto;
@@ -22,14 +22,14 @@
22
22
  background-color: var(--color-static-neutral-0-inverted);
23
23
  padding-top: var(--sat);
24
24
  padding-bottom: var(--sab);
25
- } .gallery__container_fk8g9.gallery__mobile_fk8g9 {
25
+ } .gallery__container_c49sa.gallery__mobile_c49sa {
26
26
  overflow: hidden;
27
- } .gallery__modal_fk8g9 {
27
+ } .gallery__modal_c49sa {
28
28
  flex-grow: 1;
29
29
  width: 100vw;
30
30
  height: 100vh;
31
31
  background: transparent;
32
- } .gallery__navigationVideo_fk8g9 {
32
+ } .gallery__navigationVideo_c49sa {
33
33
  z-index: 3;
34
34
  width: 100%;
35
35
  position: absolute;
@@ -37,15 +37,15 @@
37
37
  left: 0;
38
38
  transition: transform 0.3s ease-in-out;
39
39
  text-align: center;
40
- } .gallery__hide_fk8g9 {
40
+ } .gallery__hide_c49sa {
41
41
  transform: translateY(114px);
42
- } .gallery__hideInfo_fk8g9 {
42
+ } .gallery__hideInfo_c49sa {
43
43
  transform: translateY(48px);
44
- } .gallery__bottomButton_fk8g9 {
44
+ } .gallery__bottomButton_c49sa {
45
45
  width: calc(100% - var(--gap-32));
46
46
  margin: var(--gap-16);
47
47
  background-color: var(--color-static-neutral-translucent-500-inverted);
48
- } .gallery__subtitles_fk8g9 {
48
+ } .gallery__subtitles_c49sa {
49
49
  padding: var(--gap-0) var(--gap-32);
50
50
  margin-bottom: var(--gap-16);
51
51
  width: 100%;
@@ -55,6 +55,6 @@
55
55
  transition:
56
56
  opacity 500ms ease-in-out,
57
57
  margin-bottom 270ms ease-in-out;
58
- } .gallery__hideSubtitles_fk8g9 {
58
+ } .gallery__hideSubtitles_c49sa {
59
59
  opacity: 0;
60
60
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"container":"gallery__container_fk8g9","mobile":"gallery__mobile_fk8g9","modal":"gallery__modal_fk8g9","navigationVideo":"gallery__navigationVideo_fk8g9","hide":"gallery__hide_fk8g9","hideInfo":"gallery__hideInfo_fk8g9","bottomButton":"gallery__bottomButton_fk8g9"};
3
+ var styles = {"container":"gallery__container_c49sa","mobile":"gallery__mobile_c49sa","modal":"gallery__modal_c49sa","navigationVideo":"gallery__navigationVideo_c49sa","hide":"gallery__hide_c49sa","hideInfo":"gallery__hideInfo_c49sa","bottomButton":"gallery__bottomButton_c49sa"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -10,7 +10,7 @@
10
10
  } :root {
11
11
  --sat: env(safe-area-inset-top, var(--gap-0));
12
12
  --sab: env(safe-area-inset-bottom, var(--gap-0));
13
- } .gallery__container_fk8g9 {
13
+ } .gallery__container_c49sa {
14
14
  position: relative;
15
15
  overflow-x: hidden;
16
16
  overflow-y: auto;
@@ -22,14 +22,14 @@
22
22
  background-color: var(--color-static-neutral-0-inverted);
23
23
  padding-top: var(--sat);
24
24
  padding-bottom: var(--sab);
25
- } .gallery__container_fk8g9.gallery__mobile_fk8g9 {
25
+ } .gallery__container_c49sa.gallery__mobile_c49sa {
26
26
  overflow: hidden;
27
- } .gallery__modal_fk8g9 {
27
+ } .gallery__modal_c49sa {
28
28
  flex-grow: 1;
29
29
  width: 100vw;
30
30
  height: 100vh;
31
31
  background: transparent;
32
- } .gallery__navigationVideo_fk8g9 {
32
+ } .gallery__navigationVideo_c49sa {
33
33
  z-index: 3;
34
34
  width: 100%;
35
35
  position: absolute;
@@ -37,15 +37,15 @@
37
37
  left: 0;
38
38
  transition: transform 0.3s ease-in-out;
39
39
  text-align: center;
40
- } .gallery__hide_fk8g9 {
40
+ } .gallery__hide_c49sa {
41
41
  transform: translateY(114px);
42
- } .gallery__hideInfo_fk8g9 {
42
+ } .gallery__hideInfo_c49sa {
43
43
  transform: translateY(48px);
44
- } .gallery__bottomButton_fk8g9 {
44
+ } .gallery__bottomButton_c49sa {
45
45
  width: calc(100% - var(--gap-32));
46
46
  margin: var(--gap-16);
47
47
  background-color: var(--color-static-neutral-translucent-500-inverted);
48
- } .gallery__subtitles_fk8g9 {
48
+ } .gallery__subtitles_c49sa {
49
49
  padding: var(--gap-0) var(--gap-32);
50
50
  margin-bottom: var(--gap-16);
51
51
  width: 100%;
@@ -55,6 +55,6 @@
55
55
  transition:
56
56
  opacity 500ms ease-in-out,
57
57
  margin-bottom 270ms ease-in-out;
58
- } .gallery__hideSubtitles_fk8g9 {
58
+ } .gallery__hideSubtitles_c49sa {
59
59
  opacity: 0;
60
60
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"container":"gallery__container_fk8g9","mobile":"gallery__mobile_fk8g9","modal":"gallery__modal_fk8g9","navigationVideo":"gallery__navigationVideo_fk8g9","hide":"gallery__hide_fk8g9","hideInfo":"gallery__hideInfo_fk8g9","bottomButton":"gallery__bottomButton_fk8g9"};
5
+ var styles = {"container":"gallery__container_c49sa","mobile":"gallery__mobile_c49sa","modal":"gallery__modal_c49sa","navigationVideo":"gallery__navigationVideo_c49sa","hide":"gallery__hide_c49sa","hideInfo":"gallery__hideInfo_c49sa","bottomButton":"gallery__bottomButton_c49sa"};
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_1ix35 {
5
+ } .gallery__component_1fh4h {
6
6
  background-color: var(--color-static-neutral-translucent-500-inverted);
7
- } .gallery__component_1ix35:hover {
7
+ } .gallery__component_1fh4h:hover {
8
8
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
9
- } .gallery__component_1ix35:active {
9
+ } .gallery__component_1fh4h:active {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
11
- } .gallery__component_1ix35 {
11
+ } .gallery__component_1fh4h {
12
12
 
13
13
  transition: transform 1s ease-in-out;
14
14
  will-change: transform;
15
- } .gallery__notVisible_1ix35 {
15
+ } .gallery__notVisible_1fh4h {
16
16
  transform: translateY(250%);
17
17
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_1ix35","notVisible":"gallery__notVisible_1ix35"};
3
+ const styles = {"component":"gallery__component_1fh4h","notVisible":"gallery__notVisible_1fh4h"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map