@alfalab/core-components-gallery 7.1.0 → 7.1.1-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 (121) 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/bottom-button/index.module.css.js.map +1 -1
  4. package/components/buttons/index.css +5 -5
  5. package/components/buttons/index.module.css.js +1 -1
  6. package/components/buttons/index.module.css.js.map +1 -1
  7. package/components/header/index.css +1 -1
  8. package/components/header/index.module.css.js +1 -1
  9. package/components/header/index.module.css.js.map +1 -1
  10. package/components/header-info-block/index.css +4 -4
  11. package/components/header-info-block/index.module.css.js +1 -1
  12. package/components/header-info-block/index.module.css.js.map +1 -1
  13. package/components/header-mobile/index.css +6 -6
  14. package/components/header-mobile/index.module.css.js +1 -1
  15. package/components/header-mobile/index.module.css.js.map +1 -1
  16. package/components/image-preview/index.css +17 -17
  17. package/components/image-preview/index.module.css.js +1 -1
  18. package/components/image-preview/index.module.css.js.map +1 -1
  19. package/components/image-viewer/index.css +25 -25
  20. package/components/image-viewer/index.module.css.js +1 -1
  21. package/components/image-viewer/index.module.css.js.map +1 -1
  22. package/components/image-viewer/video/index.css +7 -7
  23. package/components/image-viewer/video/index.module.css.js +1 -1
  24. package/components/image-viewer/video/index.module.css.js.map +1 -1
  25. package/components/info-bar/index.css +3 -3
  26. package/components/info-bar/index.module.css.js +1 -1
  27. package/components/info-bar/index.module.css.js.map +1 -1
  28. package/components/navigation-bar/index.css +8 -8
  29. package/components/navigation-bar/index.module.css.js +1 -1
  30. package/components/navigation-bar/index.module.css.js.map +1 -1
  31. package/components/subtitles/index.css +3 -3
  32. package/components/subtitles/index.module.css.js +1 -1
  33. package/components/subtitles/index.module.css.js.map +1 -1
  34. package/esm/components/bottom-button/index.css +5 -5
  35. package/esm/components/bottom-button/index.module.css.js +1 -1
  36. package/esm/components/bottom-button/index.module.css.js.map +1 -1
  37. package/esm/components/buttons/index.css +5 -5
  38. package/esm/components/buttons/index.module.css.js +1 -1
  39. package/esm/components/buttons/index.module.css.js.map +1 -1
  40. package/esm/components/header/index.css +1 -1
  41. package/esm/components/header/index.module.css.js +1 -1
  42. package/esm/components/header/index.module.css.js.map +1 -1
  43. package/esm/components/header-info-block/index.css +4 -4
  44. package/esm/components/header-info-block/index.module.css.js +1 -1
  45. package/esm/components/header-info-block/index.module.css.js.map +1 -1
  46. package/esm/components/header-mobile/index.css +6 -6
  47. package/esm/components/header-mobile/index.module.css.js +1 -1
  48. package/esm/components/header-mobile/index.module.css.js.map +1 -1
  49. package/esm/components/image-preview/index.css +17 -17
  50. package/esm/components/image-preview/index.module.css.js +1 -1
  51. package/esm/components/image-preview/index.module.css.js.map +1 -1
  52. package/esm/components/image-viewer/index.css +25 -25
  53. package/esm/components/image-viewer/index.module.css.js +1 -1
  54. package/esm/components/image-viewer/index.module.css.js.map +1 -1
  55. package/esm/components/image-viewer/video/index.css +7 -7
  56. package/esm/components/image-viewer/video/index.module.css.js +1 -1
  57. package/esm/components/image-viewer/video/index.module.css.js.map +1 -1
  58. package/esm/components/info-bar/index.css +3 -3
  59. package/esm/components/info-bar/index.module.css.js +1 -1
  60. package/esm/components/info-bar/index.module.css.js.map +1 -1
  61. package/esm/components/navigation-bar/index.css +8 -8
  62. package/esm/components/navigation-bar/index.module.css.js +1 -1
  63. package/esm/components/navigation-bar/index.module.css.js.map +1 -1
  64. package/esm/components/subtitles/index.css +3 -3
  65. package/esm/components/subtitles/index.module.css.js +1 -1
  66. package/esm/components/subtitles/index.module.css.js.map +1 -1
  67. package/esm/index.css +9 -9
  68. package/esm/index.module.css.js +1 -1
  69. package/esm/index.module.css.js.map +1 -1
  70. package/index.css +9 -9
  71. package/index.module.css.js +1 -1
  72. package/index.module.css.js.map +1 -1
  73. package/modern/components/bottom-button/index.css +5 -5
  74. package/modern/components/bottom-button/index.module.css.js +1 -1
  75. package/modern/components/bottom-button/index.module.css.js.map +1 -1
  76. package/modern/components/buttons/index.css +5 -5
  77. package/modern/components/buttons/index.module.css.js +1 -1
  78. package/modern/components/buttons/index.module.css.js.map +1 -1
  79. package/modern/components/header/index.css +1 -1
  80. package/modern/components/header/index.module.css.js +1 -1
  81. package/modern/components/header/index.module.css.js.map +1 -1
  82. package/modern/components/header-info-block/index.css +4 -4
  83. package/modern/components/header-info-block/index.module.css.js +1 -1
  84. package/modern/components/header-info-block/index.module.css.js.map +1 -1
  85. package/modern/components/header-mobile/index.css +6 -6
  86. package/modern/components/header-mobile/index.module.css.js +1 -1
  87. package/modern/components/header-mobile/index.module.css.js.map +1 -1
  88. package/modern/components/image-preview/index.css +17 -17
  89. package/modern/components/image-preview/index.module.css.js +1 -1
  90. package/modern/components/image-preview/index.module.css.js.map +1 -1
  91. package/modern/components/image-viewer/index.css +25 -25
  92. package/modern/components/image-viewer/index.module.css.js +1 -1
  93. package/modern/components/image-viewer/index.module.css.js.map +1 -1
  94. package/modern/components/image-viewer/video/index.css +7 -7
  95. package/modern/components/image-viewer/video/index.module.css.js +1 -1
  96. package/modern/components/image-viewer/video/index.module.css.js.map +1 -1
  97. package/modern/components/info-bar/index.css +3 -3
  98. package/modern/components/info-bar/index.module.css.js +1 -1
  99. package/modern/components/info-bar/index.module.css.js.map +1 -1
  100. package/modern/components/navigation-bar/index.css +8 -8
  101. package/modern/components/navigation-bar/index.module.css.js +1 -1
  102. package/modern/components/navigation-bar/index.module.css.js.map +1 -1
  103. package/modern/components/subtitles/index.css +3 -3
  104. package/modern/components/subtitles/index.module.css.js +1 -1
  105. package/modern/components/subtitles/index.module.css.js.map +1 -1
  106. package/modern/index.css +9 -9
  107. package/modern/index.module.css.js +1 -1
  108. package/modern/index.module.css.js.map +1 -1
  109. package/package.json +11 -11
  110. package/src/components/bottom-button/index.module.css +1 -1
  111. package/src/components/buttons/index.module.css +1 -1
  112. package/src/components/header/index.module.css +1 -1
  113. package/src/components/header-info-block/index.module.css +1 -1
  114. package/src/components/header-mobile/index.module.css +1 -1
  115. package/src/components/image-preview/index.module.css +1 -1
  116. package/src/components/image-viewer/index.module.css +1 -1
  117. package/src/components/image-viewer/video/index.module.css +1 -1
  118. package/src/components/info-bar/index.module.css +1 -1
  119. package/src/components/navigation-bar/index.module.css +1 -1
  120. package/src/components/subtitles/index.module.css +1 -1
  121. package/src/index.module.css +1 -1
@@ -12,23 +12,23 @@
12
12
  :root {
13
13
  --focus-color: var(--color-light-status-info);
14
14
  }
15
- .gallery__component_c4nrv {
15
+ .gallery__component_133rb {
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_c4nrv .gallery__image_c4nrv {
22
+ .gallery__component_133rb .gallery__image_133rb {
23
23
  opacity: 0.3;
24
24
  }
25
- .gallery__component_c4nrv.gallery__mobile_c4nrv {
25
+ .gallery__component_133rb.gallery__mobile_133rb {
26
26
  padding: 0;
27
27
  }
28
- .gallery__active_c4nrv > .gallery__image_c4nrv {
28
+ .gallery__active_133rb > .gallery__image_133rb {
29
29
  opacity: 1;
30
30
  }
31
- .gallery__preview_c4nrv {
31
+ .gallery__preview_133rb {
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_c4nrv.gallery__mobile_c4nrv {
41
+ .gallery__preview_133rb.gallery__mobile_133rb {
42
42
  width: 46px;
43
43
  height: 46px;
44
44
  border-radius: var(--border-radius-8);
45
45
  }
46
- .gallery__image_c4nrv {
46
+ .gallery__image_133rb {
47
47
  transition: opacity 0.15s ease-in-out;
48
48
  }
49
- .gallery__image_c4nrv > img {
49
+ .gallery__image_133rb > 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_c4nrv:hover {
59
+ .gallery__image_133rb:hover {
60
60
  opacity: 0.7;
61
61
  }
62
- .gallery__loading_c4nrv {
62
+ .gallery__loading_133rb {
63
63
  background-color: var(--color-static-neutral-100-inverted);
64
64
  }
65
- .gallery__loading_c4nrv .gallery__active_c4nrv {
65
+ .gallery__loading_133rb .gallery__active_133rb {
66
66
  background-color: var(--color-static-neutral-300-inverted);
67
67
  }
68
- .gallery__brokenImageWrapper_c4nrv {
68
+ .gallery__brokenImageWrapper_133rb {
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_c4nrv.gallery__active_c4nrv {
75
+ .gallery__brokenImageWrapper_133rb.gallery__active_133rb {
76
76
  opacity: 1;
77
77
  }
78
- .gallery__brokenIcon_c4nrv {
78
+ .gallery__brokenIcon_133rb {
79
79
  width: 40px;
80
80
  height: 40px;
81
81
  }
82
- .gallery__focused_c4nrv {
82
+ .gallery__focused_133rb {
83
83
  outline: 2px solid var(--focus-color);
84
84
  outline-offset: 2px;
85
85
  }
86
- .gallery__canvasPreview_c4nrv {
86
+ .gallery__canvasPreview_133rb {
87
87
  border-radius: var(--border-radius-12);
88
88
  }
89
- .gallery__canvasPreview_c4nrv.gallery__mobile_c4nrv {
89
+ .gallery__canvasPreview_133rb.gallery__mobile_133rb {
90
90
  border-radius: var(--border-radius-8);
91
91
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_c4nrv","image":"gallery__image_c4nrv","mobile":"gallery__mobile_c4nrv","active":"gallery__active_c4nrv","preview":"gallery__preview_c4nrv","loading":"gallery__loading_c4nrv","brokenImageWrapper":"gallery__brokenImageWrapper_c4nrv","brokenIcon":"gallery__brokenIcon_c4nrv","focused":"gallery__focused_c4nrv","canvasPreview":"gallery__canvasPreview_c4nrv"};
3
+ const styles = {"component":"gallery__component_133rb","image":"gallery__image_133rb","mobile":"gallery__mobile_133rb","active":"gallery__active_133rb","preview":"gallery__preview_133rb","loading":"gallery__loading_133rb","brokenImageWrapper":"gallery__brokenImageWrapper_133rb","brokenIcon":"gallery__brokenIcon_133rb","focused":"gallery__focused_133rb","canvasPreview":"gallery__canvasPreview_133rb"};
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/image-preview/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n display: flex;\n z-index: 3;\n overflow: hidden;\n transition: border 0.15s ease-in-out;\n outline: none;\n\n & .image {\n opacity: 0.3;\n }\n\n &.mobile {\n padding: 0;\n }\n}\n\n.active {\n & > .image {\n opacity: 1;\n }\n}\n\n.preview {\n width: 56px;\n height: 56px;\n flex-shrink: 0;\n border-radius: var(--border-radius-12);\n cursor: pointer;\n user-select: none;\n\n &.mobile {\n width: 46px;\n height: 46px;\n border-radius: var(--border-radius-8);\n }\n}\n\n.image {\n transition: opacity 0.15s ease-in-out;\n\n & > img {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n overflow: clip;\n overflow-clip-margin: border-box;\n }\n\n &:hover {\n opacity: 0.7;\n }\n}\n\n.loading {\n background-color: var(--color-static-neutral-100-inverted);\n\n & .active {\n background-color: var(--color-static-neutral-300-inverted);\n }\n}\n\n.brokenImageWrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--color-static-neutral-300-inverted);\n opacity: 0.3;\n\n &.active {\n opacity: 1;\n }\n}\n\n.brokenIcon {\n width: 40px;\n height: 40px;\n}\n\n.focused {\n @mixin focus-outline;\n}\n\n.canvasPreview {\n border-radius: var(--border-radius-12);\n\n &.mobile {\n border-radius: var(--border-radius-8);\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,SAAS,CAAC,wBAAwB,CAAC,SAAS,CAAC,wBAAwB,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,YAAY,CAAC,2BAA2B,CAAC,SAAS,CAAC,wBAAwB,CAAC,eAAe,CAAC,8BAA8B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/image-preview/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: flex;\n z-index: 3;\n overflow: hidden;\n transition: border 0.15s ease-in-out;\n outline: none;\n\n & .image {\n opacity: 0.3;\n }\n\n &.mobile {\n padding: 0;\n }\n}\n\n.active {\n & > .image {\n opacity: 1;\n }\n}\n\n.preview {\n width: 56px;\n height: 56px;\n flex-shrink: 0;\n border-radius: var(--border-radius-12);\n cursor: pointer;\n user-select: none;\n\n &.mobile {\n width: 46px;\n height: 46px;\n border-radius: var(--border-radius-8);\n }\n}\n\n.image {\n transition: opacity 0.15s ease-in-out;\n\n & > img {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n object-fit: cover;\n overflow: clip;\n overflow-clip-margin: border-box;\n }\n\n &:hover {\n opacity: 0.7;\n }\n}\n\n.loading {\n background-color: var(--color-static-neutral-100-inverted);\n\n & .active {\n background-color: var(--color-static-neutral-300-inverted);\n }\n}\n\n.brokenImageWrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--color-static-neutral-300-inverted);\n opacity: 0.3;\n\n &.active {\n opacity: 1;\n }\n}\n\n.brokenIcon {\n width: 40px;\n height: 40px;\n}\n\n.focused {\n @mixin focus-outline;\n}\n\n.canvasPreview {\n border-radius: var(--border-radius-12);\n\n &.mobile {\n border-radius: var(--border-radius-8);\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,SAAS,CAAC,wBAAwB,CAAC,SAAS,CAAC,wBAAwB,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,YAAY,CAAC,2BAA2B,CAAC,SAAS,CAAC,wBAAwB,CAAC,eAAe,CAAC,8BAA8B,CAAC;;;;"}
@@ -24,13 +24,13 @@
24
24
  :root {
25
25
  --focus-color: var(--color-light-status-info);
26
26
  }
27
- .gallery__component_12wwa {
27
+ .gallery__component_1v82r {
28
28
  display: flex;
29
29
  flex-grow: 1;
30
30
  justify-content: center;
31
31
  background-color: var(--color-static-neutral-0-inverted);
32
32
  }
33
- .gallery__swiper_12wwa {
33
+ .gallery__swiper_1v82r {
34
34
  display: flex;
35
35
  width: 100%;
36
36
  height: 100%;
@@ -38,13 +38,13 @@
38
38
  padding: var(--gap-32) var(--gap-16);
39
39
  box-sizing: border-box;
40
40
  }
41
- .gallery__swiper_12wwa.gallery__mobile_12wwa {
41
+ .gallery__swiper_1v82r.gallery__mobile_1v82r {
42
42
  max-height: calc(100vh - 210px);
43
43
  }
44
- .gallery__swiper_12wwa.gallery__mobileVideo_12wwa {
44
+ .gallery__swiper_1v82r.gallery__mobileVideo_1v82r {
45
45
  max-height: 100vh;
46
46
  }
47
- .gallery__singleSlideContainer_12wwa {
47
+ .gallery__singleSlideContainer_1v82r {
48
48
  display: flex;
49
49
  width: 100%;
50
50
  height: 100%;
@@ -53,17 +53,17 @@
53
53
  padding: var(--gap-32);
54
54
  box-sizing: border-box;
55
55
  }
56
- .gallery__singleSlideContainer_12wwa.gallery__mobile_12wwa {
56
+ .gallery__singleSlideContainer_1v82r.gallery__mobile_1v82r {
57
57
  max-height: calc(100vh - 174px);
58
58
  padding: 0;
59
59
  }
60
- .gallery__singleSlideContainer_12wwa.gallery__mobileVideo_12wwa {
60
+ .gallery__singleSlideContainer_1v82r.gallery__mobileVideo_1v82r {
61
61
  max-height: 100vh;
62
62
  }
63
- .gallery__hidden_12wwa {
63
+ .gallery__hidden_1v82r {
64
64
  display: none;
65
65
  }
66
- .gallery__slide_12wwa {
66
+ .gallery__slide_1v82r {
67
67
  position: relative;
68
68
  display: flex;
69
69
  justify-content: center;
@@ -71,15 +71,15 @@
71
71
  width: 100%;
72
72
  height: 100%;
73
73
  }
74
- .gallery__slideLoading_12wwa {
74
+ .gallery__slideLoading_1v82r {
75
75
  background-color: var(--color-static-neutral-translucent-100-inverted);
76
76
  border-radius: var(--border-radius-8);
77
77
  }
78
- .gallery__spinner_12wwa {
78
+ .gallery__spinner_1v82r {
79
79
  position: absolute;
80
80
  color: var(--color-static-neutral-translucent-1300-inverted);
81
81
  }
82
- .gallery__image_12wwa {
82
+ .gallery__image_1v82r {
83
83
  width: 0;
84
84
  height: 0;
85
85
  -webkit-user-select: none;
@@ -87,10 +87,10 @@
87
87
  user-select: none;
88
88
  border-radius: var(--border-radius-8);
89
89
  }
90
- .gallery__image_12wwa.gallery__mobile_12wwa {
90
+ .gallery__image_1v82r.gallery__mobile_1v82r {
91
91
  border-radius: var(--border-radius-0);
92
92
  }
93
- .gallery__smallImage_12wwa {
93
+ .gallery__smallImage_1v82r {
94
94
  position: relative;
95
95
  width: auto;
96
96
  height: auto;
@@ -98,15 +98,15 @@
98
98
  -moz-user-select: none;
99
99
  user-select: none;
100
100
  }
101
- .gallery__verticalImageFit_12wwa {
101
+ .gallery__verticalImageFit_1v82r {
102
102
  width: auto;
103
103
  height: 100%;
104
104
  }
105
- .gallery__horizontalImageFit_12wwa {
105
+ .gallery__horizontalImageFit_1v82r {
106
106
  width: 100%;
107
107
  height: auto;
108
108
  }
109
- .gallery__arrow_12wwa {
109
+ .gallery__arrow_1v82r {
110
110
  display: flex;
111
111
  flex-direction: column;
112
112
  justify-content: center;
@@ -119,17 +119,17 @@
119
119
  transition: background-color 0.15s ease-in-out;
120
120
  outline: none;
121
121
  }
122
- .gallery__arrow_12wwa:hover {
122
+ .gallery__arrow_1v82r:hover {
123
123
  background-color: var(--color-static-neutral-0-inverted-hover);
124
124
  }
125
- .gallery__arrow_12wwa:active {
125
+ .gallery__arrow_1v82r:active {
126
126
  background-color: var(--color-static-neutral-0-inverted-press);
127
127
  }
128
- .gallery__focused_12wwa {
128
+ .gallery__focused_1v82r {
129
129
  outline: 2px solid var(--focus-color);
130
130
  outline-offset: 2px;
131
131
  }
132
- .gallery__placeholder_12wwa {
132
+ .gallery__placeholder_1v82r {
133
133
  display: flex;
134
134
  justify-content: center;
135
135
  align-items: center;
@@ -138,7 +138,7 @@
138
138
  border-radius: var(--border-radius-8);
139
139
  background-color: var(--color-static-neutral-300-inverted);
140
140
  }
141
- .gallery__brokenImgWrapper_12wwa {
141
+ .gallery__brokenImgWrapper_1v82r {
142
142
  position: relative;
143
143
  display: flex;
144
144
  flex-direction: column;
@@ -146,17 +146,17 @@
146
146
  width: 150px;
147
147
  text-align: center;
148
148
  }
149
- .gallery__brokenImgIcon_12wwa {
149
+ .gallery__brokenImgIcon_1v82r {
150
150
  width: 80px;
151
151
  height: 80px;
152
152
  margin-bottom: var(--gap-4);
153
153
  }
154
- .gallery__fullScreenImage_12wwa {
154
+ .gallery__fullScreenImage_1v82r {
155
155
  width: 100%;
156
156
  height: auto;
157
157
  background-color: var(--color-light-base-bg-primary);
158
158
  }
159
- .gallery__fullScreenVideo_12wwa {
159
+ .gallery__fullScreenVideo_1v82r {
160
160
  width: calc(100% - 192px);
161
161
  max-height: calc(100vh - 82px);
162
162
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_12wwa","swiper":"gallery__swiper_12wwa","mobile":"gallery__mobile_12wwa","mobileVideo":"gallery__mobileVideo_12wwa","singleSlideContainer":"gallery__singleSlideContainer_12wwa","hidden":"gallery__hidden_12wwa","slide":"gallery__slide_12wwa","slideLoading":"gallery__slideLoading_12wwa","spinner":"gallery__spinner_12wwa","image":"gallery__image_12wwa","smallImage":"gallery__smallImage_12wwa","verticalImageFit":"gallery__verticalImageFit_12wwa","horizontalImageFit":"gallery__horizontalImageFit_12wwa","arrow":"gallery__arrow_12wwa","focused":"gallery__focused_12wwa","placeholder":"gallery__placeholder_12wwa","brokenImgWrapper":"gallery__brokenImgWrapper_12wwa","brokenImgIcon":"gallery__brokenImgIcon_12wwa","fullScreenImage":"gallery__fullScreenImage_12wwa","fullScreenVideo":"gallery__fullScreenVideo_12wwa"};
3
+ const styles = {"component":"gallery__component_1v82r","swiper":"gallery__swiper_1v82r","mobile":"gallery__mobile_1v82r","mobileVideo":"gallery__mobileVideo_1v82r","singleSlideContainer":"gallery__singleSlideContainer_1v82r","hidden":"gallery__hidden_1v82r","slide":"gallery__slide_1v82r","slideLoading":"gallery__slideLoading_1v82r","spinner":"gallery__spinner_1v82r","image":"gallery__image_1v82r","smallImage":"gallery__smallImage_1v82r","verticalImageFit":"gallery__verticalImageFit_1v82r","horizontalImageFit":"gallery__horizontalImageFit_1v82r","arrow":"gallery__arrow_1v82r","focused":"gallery__focused_1v82r","placeholder":"gallery__placeholder_1v82r","brokenImgWrapper":"gallery__brokenImgWrapper_1v82r","brokenImgIcon":"gallery__brokenImgIcon_1v82r","fullScreenImage":"gallery__fullScreenImage_1v82r","fullScreenVideo":"gallery__fullScreenVideo_1v82r"};
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/image-viewer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n background-color: var(--color-static-neutral-0-inverted);\n}\n\n.swiper {\n display: flex;\n width: 100%;\n height: 100%;\n\n /* 168px - высота хэдера и футера */\n max-height: calc(100vh - 168px);\n padding: var(--gap-32) var(--gap-16);\n box-sizing: border-box;\n\n &.mobile {\n max-height: calc(100vh - 210px);\n }\n\n &.mobileVideo {\n max-height: 100vh;\n }\n}\n\n.singleSlideContainer {\n display: flex;\n width: 100%;\n height: 100%;\n\n max-height: calc(100vh - 80px);\n padding: var(--gap-32);\n box-sizing: border-box;\n\n &.mobile {\n max-height: calc(100vh - 174px);\n padding: 0;\n }\n\n &.mobileVideo {\n max-height: 100vh;\n }\n}\n\n.hidden {\n display: none;\n}\n\n.slide {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.slideLoading {\n background-color: var(--color-static-neutral-translucent-100-inverted);\n border-radius: var(--border-radius-8);\n}\n\n.spinner {\n position: absolute;\n color: var(--color-static-neutral-translucent-1300-inverted);\n}\n\n.image {\n width: 0;\n height: 0;\n user-select: none;\n border-radius: var(--border-radius-8);\n\n &.mobile {\n border-radius: var(--border-radius-0);\n }\n}\n\n.smallImage {\n position: relative;\n width: auto;\n height: auto;\n user-select: none;\n}\n\n.verticalImageFit {\n width: auto;\n height: 100%;\n}\n\n.horizontalImageFit {\n width: 100%;\n height: auto;\n}\n\n.arrow {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n width: 96px;\n height: 100%;\n cursor: pointer;\n color: var(--color-static-neutral-translucent-1300-inverted);\n transition: background-color 0.15s ease-in-out;\n outline: none;\n\n &:hover {\n background-color: var(--color-static-neutral-0-inverted-hover);\n }\n\n &:active {\n background-color: var(--color-static-neutral-0-inverted-press);\n }\n}\n\n.focused {\n @mixin focus-outline;\n}\n\n.placeholder {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-8);\n background-color: var(--color-static-neutral-300-inverted);\n}\n\n.brokenImgWrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 150px;\n text-align: center;\n}\n\n.brokenImgIcon {\n width: 80px;\n height: 80px;\n margin-bottom: var(--gap-4);\n}\n\n.fullScreenImage {\n width: 100%;\n height: auto;\n background-color: var(--color-light-base-bg-primary);\n}\n\n.fullScreenVideo {\n width: calc(100% - 192px);\n max-height: calc(100vh - 82px);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,qCAAqC,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,cAAc,CAAC,6BAA6B,CAAC,SAAS,CAAC,wBAAwB,CAAC,OAAO,CAAC,sBAAsB,CAAC,YAAY,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,OAAO,CAAC,sBAAsB,CAAC,SAAS,CAAC,wBAAwB,CAAC,aAAa,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,eAAe,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,iBAAiB,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/image-viewer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n background-color: var(--color-static-neutral-0-inverted);\n}\n\n.swiper {\n display: flex;\n width: 100%;\n height: 100%;\n\n /* 168px - высота хэдера и футера */\n max-height: calc(100vh - 168px);\n padding: var(--gap-32) var(--gap-16);\n box-sizing: border-box;\n\n &.mobile {\n max-height: calc(100vh - 210px);\n }\n\n &.mobileVideo {\n max-height: 100vh;\n }\n}\n\n.singleSlideContainer {\n display: flex;\n width: 100%;\n height: 100%;\n\n max-height: calc(100vh - 80px);\n padding: var(--gap-32);\n box-sizing: border-box;\n\n &.mobile {\n max-height: calc(100vh - 174px);\n padding: 0;\n }\n\n &.mobileVideo {\n max-height: 100vh;\n }\n}\n\n.hidden {\n display: none;\n}\n\n.slide {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.slideLoading {\n background-color: var(--color-static-neutral-translucent-100-inverted);\n border-radius: var(--border-radius-8);\n}\n\n.spinner {\n position: absolute;\n color: var(--color-static-neutral-translucent-1300-inverted);\n}\n\n.image {\n width: 0;\n height: 0;\n user-select: none;\n border-radius: var(--border-radius-8);\n\n &.mobile {\n border-radius: var(--border-radius-0);\n }\n}\n\n.smallImage {\n position: relative;\n width: auto;\n height: auto;\n user-select: none;\n}\n\n.verticalImageFit {\n width: auto;\n height: 100%;\n}\n\n.horizontalImageFit {\n width: 100%;\n height: auto;\n}\n\n.arrow {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n width: 96px;\n height: 100%;\n cursor: pointer;\n color: var(--color-static-neutral-translucent-1300-inverted);\n transition: background-color 0.15s ease-in-out;\n outline: none;\n\n &:hover {\n background-color: var(--color-static-neutral-0-inverted-hover);\n }\n\n &:active {\n background-color: var(--color-static-neutral-0-inverted-press);\n }\n}\n\n.focused {\n @mixin focus-outline;\n}\n\n.placeholder {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-8);\n background-color: var(--color-static-neutral-300-inverted);\n}\n\n.brokenImgWrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 150px;\n text-align: center;\n}\n\n.brokenImgIcon {\n width: 80px;\n height: 80px;\n margin-bottom: var(--gap-4);\n}\n\n.fullScreenImage {\n width: 100%;\n height: auto;\n background-color: var(--color-light-base-bg-primary);\n}\n\n.fullScreenVideo {\n width: calc(100% - 192px);\n max-height: calc(100vh - 82px);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,qCAAqC,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,cAAc,CAAC,6BAA6B,CAAC,SAAS,CAAC,wBAAwB,CAAC,OAAO,CAAC,sBAAsB,CAAC,YAAY,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,OAAO,CAAC,sBAAsB,CAAC,SAAS,CAAC,wBAAwB,CAAC,aAAa,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,eAAe,CAAC,8BAA8B,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,iBAAiB,CAAC,gCAAgC,CAAC;;;;"}
@@ -7,22 +7,22 @@
7
7
  --border-radius-0: 0;
8
8
  --border-radius-24: var(--border-radius-3xl);
9
9
  }
10
- .gallery__videoWrapper_c9p57 {
10
+ .gallery__videoWrapper_ethtd {
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_c9p57 {
17
+ .gallery__video_ethtd {
18
18
  max-width: 100%;
19
19
  max-height: 100%;
20
20
  border-radius: var(--border-radius-24);
21
21
  }
22
- .gallery__mobile_c9p57 {
22
+ .gallery__mobile_ethtd {
23
23
  border-radius: var(--border-radius-0);
24
24
  }
25
- .gallery__videoButton_c9p57 {
25
+ .gallery__videoButton_ethtd {
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_c9p57 {
33
+ .gallery__icon_ethtd {
34
34
  color: var(--color-static-neutral-0);
35
35
  }
36
- .gallery__iconShape_c9p57 {
36
+ .gallery__iconShape_ethtd {
37
37
  fill: var(--color-static-neutral-translucent-700);
38
38
  }
39
- .gallery__bottomButton_c9p57 {
39
+ .gallery__bottomButton_ethtd {
40
40
  position: absolute;
41
41
  bottom: 48px;
42
42
  left: 32px;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"videoWrapper":"gallery__videoWrapper_c9p57","video":"gallery__video_c9p57","mobile":"gallery__mobile_c9p57","videoButton":"gallery__videoButton_c9p57","icon":"gallery__icon_c9p57","iconShape":"gallery__iconShape_c9p57","bottomButton":"gallery__bottomButton_c9p57"};
3
+ const styles = {"videoWrapper":"gallery__videoWrapper_ethtd","video":"gallery__video_ethtd","mobile":"gallery__mobile_ethtd","videoButton":"gallery__videoButton_ethtd","icon":"gallery__icon_ethtd","iconShape":"gallery__iconShape_ethtd","bottomButton":"gallery__bottomButton_ethtd"};
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/image-viewer/video/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.videoWrapper {\n display: flex;\n justify-content: center;\n height: 100%;\n width: auto;\n position: relative;\n}\n\n.video {\n max-width: 100%;\n max-height: 100%;\n border-radius: var(--border-radius-24);\n}\n\n.mobile {\n border-radius: var(--border-radius-0);\n}\n\n.videoButton {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n color: green;\n}\n\n.icon {\n color: var(--color-static-neutral-0);\n}\n\n.iconShape {\n fill: var(--color-static-neutral-translucent-700);\n}\n\n.bottomButton {\n position: absolute;\n bottom: 48px;\n left: 32px;\n right: 32px;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,WAAW,CAAC,0BAA0B,CAAC,cAAc,CAAC,6BAA6B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../../src/components/image-viewer/video/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.videoWrapper {\n display: flex;\n justify-content: center;\n height: 100%;\n width: auto;\n position: relative;\n}\n\n.video {\n max-width: 100%;\n max-height: 100%;\n border-radius: var(--border-radius-24);\n}\n\n.mobile {\n border-radius: var(--border-radius-0);\n}\n\n.videoButton {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n color: green;\n}\n\n.icon {\n color: var(--color-static-neutral-0);\n}\n\n.iconShape {\n fill: var(--color-static-neutral-translucent-700);\n}\n\n.bottomButton {\n position: absolute;\n bottom: 48px;\n left: 32px;\n right: 32px;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,WAAW,CAAC,0BAA0B,CAAC,cAAc,CAAC,6BAA6B,CAAC;;;;"}
@@ -7,10 +7,10 @@
7
7
  --gap-4: var(--gap-2xs);
8
8
  --gap-8: var(--gap-xs);
9
9
  }
10
- .gallery__description_e4exg {
10
+ .gallery__description_re6m4 {
11
11
  text-align: center;
12
12
  }
13
- .gallery__infoWrapper_e4exg {
13
+ .gallery__infoWrapper_re6m4 {
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_e4exg.gallery__video_e4exg {
22
+ .gallery__infoWrapper_re6m4.gallery__video_re6m4 {
23
23
  padding: 0 var(--gap-4) var(--gap-4);
24
24
  justify-content: space-between;
25
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"description":"gallery__description_e4exg","infoWrapper":"gallery__infoWrapper_e4exg","video":"gallery__video_e4exg"};
3
+ const styles = {"description":"gallery__description_re6m4","infoWrapper":"gallery__infoWrapper_re6m4","video":"gallery__video_re6m4"};
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/info-bar/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.description {\n text-align: center;\n}\n\n.infoWrapper {\n background-color: var(--color-static-neutral-0-inverted);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 var(--gap-8) var(--gap-4);\n position: relative;\n height: 48px;\n\n &.video {\n padding: 0 var(--gap-4) var(--gap-4);\n justify-content: space-between;\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,aAAa,CAAC,4BAA4B,CAAC,aAAa,CAAC,4BAA4B,CAAC,OAAO,CAAC,sBAAsB,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/info-bar/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.description {\n text-align: center;\n}\n\n.infoWrapper {\n background-color: var(--color-static-neutral-0-inverted);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 var(--gap-8) var(--gap-4);\n position: relative;\n height: 48px;\n\n &.video {\n padding: 0 var(--gap-4) var(--gap-4);\n justify-content: space-between;\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,aAAa,CAAC,4BAA4B,CAAC,aAAa,CAAC,4BAA4B,CAAC,OAAO,CAAC,sBAAsB,CAAC;;;;"}
@@ -13,7 +13,7 @@
13
13
  --gap-12: var(--gap-s);
14
14
  --gap-24: var(--gap-xl);
15
15
  }
16
- .gallery__component_fhd2d {
16
+ .gallery__component_5eomf {
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_fhd2d.gallery__mobile_fhd2d {
28
+ .gallery__component_5eomf.gallery__mobile_5eomf {
29
29
  padding: var(--gap-8) var(--gap-24);
30
30
  }
31
- .gallery__component_fhd2d::-webkit-scrollbar {
31
+ .gallery__component_5eomf::-webkit-scrollbar {
32
32
  display: none;
33
33
  }
34
- .gallery__previews_fhd2d {
34
+ .gallery__previews_5eomf {
35
35
  display: flex;
36
36
  }
37
- .gallery__preview_fhd2d {
37
+ .gallery__preview_5eomf {
38
38
  flex-shrink: 0;
39
39
  margin-right: var(--gap-4);
40
40
  }
41
- .gallery__preview_fhd2d.gallery__mobile_fhd2d {
41
+ .gallery__preview_5eomf.gallery__mobile_5eomf {
42
42
  margin-right: var(--gap-2);
43
43
  }
44
- .gallery__preview_fhd2d:first-child {
44
+ .gallery__preview_5eomf:first-child {
45
45
  margin-left: auto;
46
46
  }
47
- .gallery__preview_fhd2d:last-child {
47
+ .gallery__preview_5eomf:last-child {
48
48
  margin-right: auto;
49
49
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_fhd2d","mobile":"gallery__mobile_fhd2d","preview":"gallery__preview_fhd2d"};
3
+ const styles = {"component":"gallery__component_5eomf","mobile":"gallery__mobile_5eomf","preview":"gallery__preview_5eomf"};
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/navigation-bar/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n display: flex;\n flex-wrap: nowrap;\n align-content: center;\n align-items: center;\n flex-shrink: 0;\n overflow-x: auto;\n box-sizing: border-box;\n padding: var(--gap-12) var(--gap-24);\n scrollbar-width: none;\n background-color: var(--color-static-neutral-0-inverted);\n\n &.mobile {\n padding: var(--gap-8) var(--gap-24);\n }\n\n &::-webkit-scrollbar {\n display: none;\n }\n}\n\n.previews {\n display: flex;\n}\n\n.preview {\n flex-shrink: 0;\n margin-right: var(--gap-4);\n\n &.mobile {\n margin-right: var(--gap-2);\n }\n\n &:first-child {\n margin-left: auto;\n }\n\n &:last-child {\n margin-right: auto;\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAsC,SAAS,CAAC,wBAAwB,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/navigation-bar/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: flex;\n flex-wrap: nowrap;\n align-content: center;\n align-items: center;\n flex-shrink: 0;\n overflow-x: auto;\n box-sizing: border-box;\n padding: var(--gap-12) var(--gap-24);\n scrollbar-width: none;\n background-color: var(--color-static-neutral-0-inverted);\n\n &.mobile {\n padding: var(--gap-8) var(--gap-24);\n }\n\n &::-webkit-scrollbar {\n display: none;\n }\n}\n\n.previews {\n display: flex;\n}\n\n.preview {\n flex-shrink: 0;\n margin-right: var(--gap-4);\n\n &.mobile {\n margin-right: var(--gap-2);\n }\n\n &:first-child {\n margin-left: auto;\n }\n\n &:last-child {\n margin-right: auto;\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAsC,SAAS,CAAC,wBAAwB,CAAC;;;;"}
@@ -5,7 +5,7 @@
5
5
  --gap-16: var(--gap-m);
6
6
  --gap-32: var(--gap-2xl);
7
7
  }
8
- .gallery__subtitles_1yg4j {
8
+ .gallery__subtitles_ojcol {
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_1yg4j.gallery__mobile_1yg4j {
21
+ .gallery__subtitles_ojcol.gallery__mobile_ojcol {
22
22
  position: static;
23
23
  position: initial;
24
24
  }
25
- .gallery__hideSubtitles_1yg4j {
25
+ .gallery__hideSubtitles_ojcol {
26
26
  opacity: 0;
27
27
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"subtitles":"gallery__subtitles_1yg4j","mobile":"gallery__mobile_1yg4j","hideSubtitles":"gallery__hideSubtitles_1yg4j"};
3
+ const styles = {"subtitles":"gallery__subtitles_ojcol","mobile":"gallery__mobile_ojcol","hideSubtitles":"gallery__hideSubtitles_ojcol"};
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/subtitles/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.subtitles {\n position: absolute;\n align-self: flex-end;\n padding: var(--gap-0) var(--gap-32);\n margin-bottom: var(--gap-16);\n width: 100%;\n text-align: center;\n opacity: 1;\n z-index: 1;\n transition:\n opacity 500ms ease-in-out,\n margin-bottom 270ms ease-in-out;\n\n &.mobile {\n position: unset;\n }\n}\n\n.hideSubtitles {\n opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,eAAe,CAAC,8BAA8B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/subtitles/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.subtitles {\n position: absolute;\n align-self: flex-end;\n padding: var(--gap-0) var(--gap-32);\n margin-bottom: var(--gap-16);\n width: 100%;\n text-align: center;\n opacity: 1;\n z-index: 1;\n transition:\n opacity 500ms ease-in-out,\n margin-bottom 270ms ease-in-out;\n\n &.mobile {\n position: unset;\n }\n}\n\n.hideSubtitles {\n opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,eAAe,CAAC,8BAA8B,CAAC;;;;"}
package/modern/index.css CHANGED
@@ -13,7 +13,7 @@
13
13
  --sat: env(safe-area-inset-top, var(--gap-0));
14
14
  --sab: env(safe-area-inset-bottom, var(--gap-0));
15
15
  }
16
- .gallery__container_83eok {
16
+ .gallery__container_ldm08 {
17
17
  position: relative;
18
18
  overflow-x: hidden;
19
19
  overflow-y: auto;
@@ -26,16 +26,16 @@
26
26
  padding-top: var(--sat);
27
27
  padding-bottom: var(--sab);
28
28
  }
29
- .gallery__container_83eok.gallery__mobile_83eok {
29
+ .gallery__container_ldm08.gallery__mobile_ldm08 {
30
30
  overflow: hidden;
31
31
  }
32
- .gallery__modal_83eok {
32
+ .gallery__modal_ldm08 {
33
33
  flex-grow: 1;
34
34
  width: 100vw;
35
35
  height: 100vh;
36
36
  background: transparent;
37
37
  }
38
- .gallery__navigationVideo_83eok {
38
+ .gallery__navigationVideo_ldm08 {
39
39
  z-index: 3;
40
40
  width: 100%;
41
41
  position: absolute;
@@ -44,18 +44,18 @@
44
44
  transition: transform 0.3s ease-in-out;
45
45
  text-align: center;
46
46
  }
47
- .gallery__hide_83eok {
47
+ .gallery__hide_ldm08 {
48
48
  transform: translateY(114px);
49
49
  }
50
- .gallery__hideInfo_83eok {
50
+ .gallery__hideInfo_ldm08 {
51
51
  transform: translateY(48px);
52
52
  }
53
- .gallery__bottomButton_83eok {
53
+ .gallery__bottomButton_ldm08 {
54
54
  width: calc(100% - var(--gap-32));
55
55
  margin: var(--gap-16);
56
56
  background-color: var(--color-static-neutral-translucent-500-inverted);
57
57
  }
58
- .gallery__subtitles_83eok {
58
+ .gallery__subtitles_ldm08 {
59
59
  padding: var(--gap-0) var(--gap-32);
60
60
  margin-bottom: var(--gap-16);
61
61
  width: 100%;
@@ -66,6 +66,6 @@
66
66
  opacity 500ms ease-in-out,
67
67
  margin-bottom 270ms ease-in-out;
68
68
  }
69
- .gallery__hideSubtitles_83eok {
69
+ .gallery__hideSubtitles_ldm08 {
70
70
  opacity: 0;
71
71
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"container":"gallery__container_83eok","mobile":"gallery__mobile_83eok","modal":"gallery__modal_83eok","navigationVideo":"gallery__navigationVideo_83eok","hide":"gallery__hide_83eok","hideInfo":"gallery__hideInfo_83eok","bottomButton":"gallery__bottomButton_83eok"};
3
+ const styles = {"container":"gallery__container_ldm08","mobile":"gallery__mobile_ldm08","modal":"gallery__modal_ldm08","navigationVideo":"gallery__navigationVideo_ldm08","hide":"gallery__hide_ldm08","hideInfo":"gallery__hideInfo_ldm08","bottomButton":"gallery__bottomButton_ldm08"};
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/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '@alfalab/core-components-vars/src/safe-area.css';\n\n.container {\n position: relative;\n overflow-x: hidden;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n width: 100%;\n background-color: var(--color-static-neutral-0-inverted);\n padding-top: var(--sat);\n padding-bottom: var(--sab);\n\n &.mobile {\n overflow: hidden;\n }\n}\n\n.modal {\n flex-grow: 1;\n width: 100vw;\n height: 100vh;\n background: transparent;\n}\n\n.navigationVideo {\n z-index: 3;\n width: 100%;\n position: absolute;\n bottom: 0;\n left: 0;\n transition: transform 0.3s ease-in-out;\n text-align: center;\n}\n\n.hide {\n transform: translateY(114px);\n}\n\n.hideInfo {\n transform: translateY(48px);\n}\n\n.bottomButton {\n width: calc(100% - var(--gap-32));\n margin: var(--gap-16);\n background-color: var(--color-static-neutral-translucent-500-inverted);\n}\n\n.subtitles {\n padding: var(--gap-0) var(--gap-32);\n margin-bottom: var(--gap-16);\n width: 100%;\n text-align: center;\n opacity: 1;\n z-index: 1;\n transition:\n opacity 500ms ease-in-out,\n margin-bottom 270ms ease-in-out;\n}\n\n.hideSubtitles {\n opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,yBAAyB,CAAC,cAAc,CAAC,6BAAmH,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '@alfalab/core-components-vars/src/safe-area.css';\n\n.container {\n position: relative;\n overflow-x: hidden;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n width: 100%;\n background-color: var(--color-static-neutral-0-inverted);\n padding-top: var(--sat);\n padding-bottom: var(--sab);\n\n &.mobile {\n overflow: hidden;\n }\n}\n\n.modal {\n flex-grow: 1;\n width: 100vw;\n height: 100vh;\n background: transparent;\n}\n\n.navigationVideo {\n z-index: 3;\n width: 100%;\n position: absolute;\n bottom: 0;\n left: 0;\n transition: transform 0.3s ease-in-out;\n text-align: center;\n}\n\n.hide {\n transform: translateY(114px);\n}\n\n.hideInfo {\n transform: translateY(48px);\n}\n\n.bottomButton {\n width: calc(100% - var(--gap-32));\n margin: var(--gap-16);\n background-color: var(--color-static-neutral-translucent-500-inverted);\n}\n\n.subtitles {\n padding: var(--gap-0) var(--gap-32);\n margin-bottom: var(--gap-16);\n width: 100%;\n text-align: center;\n opacity: 1;\n z-index: 1;\n transition:\n opacity 500ms ease-in-out,\n margin-bottom 270ms ease-in-out;\n}\n\n.hideSubtitles {\n opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,gCAAgC,CAAC,MAAM,CAAC,qBAAqB,CAAC,UAAU,CAAC,yBAAyB,CAAC,cAAc,CAAC,6BAAmH,CAAC;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-gallery",
3
- "version": "7.1.0",
3
+ "version": "7.1.1-alfasans",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,14 +10,14 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-base-modal": "^7.1.1",
14
- "@alfalab/core-components-button": "^13.1.0",
15
- "@alfalab/core-components-icon-button": "^8.0.3",
16
- "@alfalab/core-components-icon-view": "^5.0.1",
17
- "@alfalab/core-components-mq": "^6.0.2",
18
- "@alfalab/core-components-spinner": "^6.0.2",
19
- "@alfalab/core-components-tooltip": "^9.0.6",
20
- "@alfalab/core-components-typography": "^6.0.2",
13
+ "@alfalab/core-components-base-modal": "7.1.2-alfasans",
14
+ "@alfalab/core-components-button": "13.1.1-alfasans",
15
+ "@alfalab/core-components-icon-button": "8.0.4-alfasans",
16
+ "@alfalab/core-components-icon-view": "5.0.2-alfasans",
17
+ "@alfalab/core-components-mq": "6.0.3-alfasans",
18
+ "@alfalab/core-components-spinner": "6.0.3-alfasans",
19
+ "@alfalab/core-components-tooltip": "9.0.7-alfasans",
20
+ "@alfalab/core-components-typography": "6.0.3-alfasans",
21
21
  "@alfalab/hooks": "^1.13.1",
22
22
  "@alfalab/icons-glyph": "^2.260.0",
23
23
  "classnames": "^2.5.1",
@@ -35,6 +35,6 @@
35
35
  "access": "public",
36
36
  "directory": "dist"
37
37
  },
38
- "themesVersion": "15.0.2",
39
- "varsVersion": "11.0.1"
38
+ "themesVersion": "15.0.2-alfasans",
39
+ "varsVersion": "11.0.2-alfasans"
40
40
  }
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/no-typography-index.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .component {
4
4
  background-color: var(--color-static-neutral-translucent-500-inverted);
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/no-typography-index.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .buttons {
4
4
  display: flex;