@alfalab/core-components-gallery 6.0.2 → 6.0.3

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 (142) 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 +6 -6
  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 +7 -7
  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 +23 -23
  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 +31 -30
  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 +9 -8
  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 +4 -4
  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 +10 -10
  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 +6 -5
  32. package/components/subtitles/index.module.css.js +1 -1
  33. package/components/subtitles/index.module.css.js.map +1 -1
  34. package/cssm/components/buttons/index.module.css +1 -1
  35. package/cssm/components/header-mobile/index.module.css +1 -1
  36. package/cssm/components/image-preview/index.module.css +6 -6
  37. package/cssm/components/image-viewer/index.module.css +6 -5
  38. package/cssm/components/image-viewer/video/index.module.css +2 -1
  39. package/cssm/components/info-bar/index.module.css +1 -1
  40. package/cssm/components/navigation-bar/index.module.css +2 -2
  41. package/cssm/components/subtitles/index.module.css +3 -2
  42. package/cssm/index.module.css +1 -1
  43. package/esm/components/bottom-button/index.css +5 -5
  44. package/esm/components/bottom-button/index.module.css.js +1 -1
  45. package/esm/components/bottom-button/index.module.css.js.map +1 -1
  46. package/esm/components/buttons/index.css +6 -6
  47. package/esm/components/buttons/index.module.css.js +1 -1
  48. package/esm/components/buttons/index.module.css.js.map +1 -1
  49. package/esm/components/header/index.css +1 -1
  50. package/esm/components/header/index.module.css.js +1 -1
  51. package/esm/components/header/index.module.css.js.map +1 -1
  52. package/esm/components/header-info-block/index.css +4 -4
  53. package/esm/components/header-info-block/index.module.css.js +1 -1
  54. package/esm/components/header-info-block/index.module.css.js.map +1 -1
  55. package/esm/components/header-mobile/index.css +7 -7
  56. package/esm/components/header-mobile/index.module.css.js +1 -1
  57. package/esm/components/header-mobile/index.module.css.js.map +1 -1
  58. package/esm/components/image-preview/index.css +23 -23
  59. package/esm/components/image-preview/index.module.css.js +1 -1
  60. package/esm/components/image-preview/index.module.css.js.map +1 -1
  61. package/esm/components/image-viewer/index.css +31 -30
  62. package/esm/components/image-viewer/index.module.css.js +1 -1
  63. package/esm/components/image-viewer/index.module.css.js.map +1 -1
  64. package/esm/components/image-viewer/video/index.css +9 -8
  65. package/esm/components/image-viewer/video/index.module.css.js +1 -1
  66. package/esm/components/image-viewer/video/index.module.css.js.map +1 -1
  67. package/esm/components/info-bar/index.css +4 -4
  68. package/esm/components/info-bar/index.module.css.js +1 -1
  69. package/esm/components/info-bar/index.module.css.js.map +1 -1
  70. package/esm/components/navigation-bar/index.css +10 -10
  71. package/esm/components/navigation-bar/index.module.css.js +1 -1
  72. package/esm/components/navigation-bar/index.module.css.js.map +1 -1
  73. package/esm/components/subtitles/index.css +6 -5
  74. package/esm/components/subtitles/index.module.css.js +1 -1
  75. package/esm/components/subtitles/index.module.css.js.map +1 -1
  76. package/esm/index.css +10 -10
  77. package/esm/index.module.css.js +1 -1
  78. package/esm/index.module.css.js.map +1 -1
  79. package/index.css +10 -10
  80. package/index.module.css.js +1 -1
  81. package/index.module.css.js.map +1 -1
  82. package/modern/components/bottom-button/index.css +5 -5
  83. package/modern/components/bottom-button/index.module.css.js +1 -1
  84. package/modern/components/bottom-button/index.module.css.js.map +1 -1
  85. package/modern/components/buttons/index.css +6 -6
  86. package/modern/components/buttons/index.module.css.js +1 -1
  87. package/modern/components/buttons/index.module.css.js.map +1 -1
  88. package/modern/components/header/index.css +1 -1
  89. package/modern/components/header/index.module.css.js +1 -1
  90. package/modern/components/header/index.module.css.js.map +1 -1
  91. package/modern/components/header-info-block/index.css +4 -4
  92. package/modern/components/header-info-block/index.module.css.js +1 -1
  93. package/modern/components/header-info-block/index.module.css.js.map +1 -1
  94. package/modern/components/header-mobile/index.css +7 -7
  95. package/modern/components/header-mobile/index.module.css.js +1 -1
  96. package/modern/components/header-mobile/index.module.css.js.map +1 -1
  97. package/modern/components/image-preview/index.css +23 -23
  98. package/modern/components/image-preview/index.module.css.js +1 -1
  99. package/modern/components/image-preview/index.module.css.js.map +1 -1
  100. package/modern/components/image-viewer/index.css +31 -30
  101. package/modern/components/image-viewer/index.module.css.js +1 -1
  102. package/modern/components/image-viewer/index.module.css.js.map +1 -1
  103. package/modern/components/image-viewer/video/index.css +9 -8
  104. package/modern/components/image-viewer/video/index.module.css.js +1 -1
  105. package/modern/components/image-viewer/video/index.module.css.js.map +1 -1
  106. package/modern/components/info-bar/index.css +4 -4
  107. package/modern/components/info-bar/index.module.css.js +1 -1
  108. package/modern/components/info-bar/index.module.css.js.map +1 -1
  109. package/modern/components/navigation-bar/index.css +10 -10
  110. package/modern/components/navigation-bar/index.module.css.js +1 -1
  111. package/modern/components/navigation-bar/index.module.css.js.map +1 -1
  112. package/modern/components/subtitles/index.css +6 -5
  113. package/modern/components/subtitles/index.module.css.js +1 -1
  114. package/modern/components/subtitles/index.module.css.js.map +1 -1
  115. package/modern/index.css +10 -10
  116. package/modern/index.module.css.js +1 -1
  117. package/modern/index.module.css.js.map +1 -1
  118. package/moderncssm/components/bottom-button/index.module.css +2 -0
  119. package/moderncssm/components/buttons/index.module.css +3 -1
  120. package/moderncssm/components/header/index.module.css +2 -0
  121. package/moderncssm/components/header-info-block/index.module.css +2 -0
  122. package/moderncssm/components/header-mobile/index.module.css +3 -1
  123. package/moderncssm/components/image-preview/index.module.css +8 -6
  124. package/moderncssm/components/image-viewer/index.module.css +7 -5
  125. package/moderncssm/components/image-viewer/video/index.module.css +3 -1
  126. package/moderncssm/components/info-bar/index.module.css +3 -1
  127. package/moderncssm/components/navigation-bar/index.module.css +4 -2
  128. package/moderncssm/components/subtitles/index.module.css +5 -2
  129. package/moderncssm/index.module.css +10 -1
  130. package/package.json +3 -3
  131. package/src/components/bottom-button/index.module.css +1 -1
  132. package/src/components/buttons/index.module.css +1 -1
  133. package/src/components/header/index.module.css +1 -1
  134. package/src/components/header-info-block/index.module.css +1 -1
  135. package/src/components/header-mobile/index.module.css +1 -1
  136. package/src/components/image-preview/index.module.css +1 -1
  137. package/src/components/image-viewer/index.module.css +2 -2
  138. package/src/components/image-viewer/video/index.module.css +2 -2
  139. package/src/components/info-bar/index.module.css +1 -1
  140. package/src/components/navigation-bar/index.module.css +1 -1
  141. package/src/components/subtitles/index.module.css +1 -1
  142. package/src/index.module.css +1 -1
@@ -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_38m55 {
5
+ } .gallery__component_1ytrj {
6
6
  background-color: var(--color-static-neutral-translucent-500-inverted);
7
- } .gallery__component_38m55:hover {
7
+ } .gallery__component_1ytrj:hover {
8
8
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
9
- } .gallery__component_38m55:active {
9
+ } .gallery__component_1ytrj:active {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
11
- } .gallery__component_38m55 {
11
+ } .gallery__component_1ytrj {
12
12
 
13
13
  transition: transform 1s ease-in-out;
14
14
  will-change: transform;
15
- } .gallery__notVisible_38m55 {
15
+ } .gallery__notVisible_1ytrj {
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_38m55","notVisible":"gallery__notVisible_38m55"};
5
+ var styles = {"component":"gallery__component_1ytrj","notVisible":"gallery__notVisible_1ytrj"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/bottom-button/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n background-color: var(--color-static-neutral-translucent-500-inverted);\n &:hover {\n background-color: var(--color-static-neutral-translucent-500-inverted-hover);\n }\n &:active {\n background-color: var(--color-static-neutral-translucent-500-inverted-press);\n }\n\n transition: transform 1s ease-in-out;\n will-change: transform;\n}\n\n.notVisible {\n transform: translateY(250%);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/bottom-button/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n background-color: var(--color-static-neutral-translucent-500-inverted);\n &:hover {\n background-color: var(--color-static-neutral-translucent-500-inverted-hover);\n }\n &:active {\n background-color: var(--color-static-neutral-translucent-500-inverted-press);\n }\n\n transition: transform 1s ease-in-out;\n will-change: transform;\n}\n\n.notVisible {\n transform: translateY(250%);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
@@ -6,15 +6,15 @@
6
6
  } :root {
7
7
  --gap-2xl: 32px;
8
8
  --gap-32: var(--gap-2xl);
9
- } .gallery__buttons_imnex {
9
+ } .gallery__buttons_1hsw5 {
10
10
  display: flex;
11
- padding-left: var(--gap-32)
12
- } .gallery__buttons_imnex path {
11
+ padding-left: var(--gap-32);
12
+ } .gallery__buttons_1hsw5 path {
13
13
  color: var(--color-static-neutral-translucent-1300-inverted);
14
- } .gallery__iconButton_imnex path {
14
+ } .gallery__iconButton_1hsw5 path {
15
15
  color: var(--color-static-neutral-100);
16
- } .gallery__iconButton_imnex:hover path {
16
+ } .gallery__iconButton_1hsw5:hover path {
17
17
  color: var(--color-static-neutral-100-hover);
18
- } .gallery__iconButton_imnex:active path {
18
+ } .gallery__iconButton_1hsw5: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_imnex"};
5
+ var styles = {"iconButton":"gallery__iconButton_1hsw5"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/buttons/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.buttons {\n display: flex;\n padding-left: var(--gap-32);\n\n & path {\n color: var(--color-static-neutral-translucent-1300-inverted);\n }\n}\n\n.iconButton {\n & path {\n color: var(--color-static-neutral-100);\n }\n\n &:hover path {\n color: var(--color-static-neutral-100-hover);\n }\n\n &:active path {\n color: var(--color-static-neutral-100-press);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAoC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/buttons/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.buttons {\n display: flex;\n padding-left: var(--gap-32);\n\n & path {\n color: var(--color-static-neutral-translucent-1300-inverted);\n }\n}\n\n.iconButton {\n & path {\n color: var(--color-static-neutral-100);\n }\n\n &:hover path {\n color: var(--color-static-neutral-100-hover);\n }\n\n &:active path {\n color: var(--color-static-neutral-100-press);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAoC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
@@ -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_1jtnj {
6
+ } .gallery__header_hblwl {
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_1jtnj"};
5
+ var styles = {"header":"gallery__header_hblwl"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.header {\n display: flex;\n justify-content: space-between;\n flex-shrink: 0;\n width: 100%;\n padding: var(--gap-16) var(--gap-32);\n box-sizing: border-box;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,uBAAuB,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n display: flex;\n justify-content: space-between;\n flex-shrink: 0;\n width: 100%;\n padding: var(--gap-16) var(--gap-32);\n box-sizing: border-box;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,uBAAuB,CAAC;;;;"}
@@ -1,21 +1,21 @@
1
1
  :root {
2
2
  --gap-2xs: 4px;
3
3
  --gap-4: var(--gap-2xs);
4
- } .gallery__info_ce2y0 {
4
+ } .gallery__info_1c8y9 {
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_ce2y0 {
10
+ } .gallery__filenameHead_1c8y9 {
11
11
  display: inline;
12
12
  text-overflow: ellipsis;
13
13
  overflow: hidden;
14
14
  white-space: nowrap;
15
- } .gallery__filenameContainer_ce2y0 {
15
+ } .gallery__filenameContainer_1c8y9 {
16
16
  overflow: hidden;
17
17
  display: inline-flex;
18
- } .gallery__description_ce2y0 {
18
+ } .gallery__description_1c8y9 {
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_ce2y0","filenameHead":"gallery__filenameHead_ce2y0","filenameContainer":"gallery__filenameContainer_ce2y0","description":"gallery__description_ce2y0"};
5
+ var styles = {"info":"gallery__info_1c8y9","filenameHead":"gallery__filenameHead_1c8y9","filenameContainer":"gallery__filenameContainer_1c8y9","description":"gallery__description_1c8y9"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/header-info-block/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.info {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n\n.filenameHead {\n display: inline;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.filenameContainer {\n overflow: hidden;\n display: inline-flex;\n}\n\n.description {\n display: inline;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin-top: var(--gap-4);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,qBAAqB,CAAC,cAAc,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/header-info-block/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.info {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n}\n\n.filenameHead {\n display: inline;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.filenameContainer {\n overflow: hidden;\n display: inline-flex;\n}\n\n.description {\n display: inline;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin-top: var(--gap-4);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,qBAAqB,CAAC,cAAc,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}
@@ -1,25 +1,25 @@
1
1
  :root {
2
2
  --color-static-neutral-0-inverted: #262629;
3
- } .gallery__headerMobile_1vvpc {
3
+ } .gallery__headerMobile_83etg {
4
4
  position: relative;
5
5
  height: 72px;
6
6
  z-index: 3;
7
7
  padding: 0;
8
8
  display: flex;
9
9
  justify-content: space-between;
10
- align-items: center
11
- } .gallery__headerMobile_1vvpc.gallery__video_1vvpc {
10
+ align-items: center;
11
+ } .gallery__headerMobile_83etg.gallery__video_83etg {
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_1vvpc {
16
+ } .gallery__hide_83etg {
17
17
  transform: translateY(-96px);
18
- } .gallery__leftButton_1vvpc,
19
- .gallery__rightButtons_1vvpc {
18
+ } .gallery__leftButton_83etg,
19
+ .gallery__rightButtons_83etg {
20
20
  display: flex;
21
21
  align-items: center;
22
- } .gallery__description_1vvpc {
22
+ } .gallery__description_83etg {
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_1vvpc","video":"gallery__video_1vvpc","hide":"gallery__hide_1vvpc","rightButtons":"gallery__rightButtons_1vvpc","description":"gallery__description_1vvpc"};
5
+ var styles = {"headerMobile":"gallery__headerMobile_83etg","video":"gallery__video_83etg","hide":"gallery__hide_83etg","rightButtons":"gallery__rightButtons_83etg","description":"gallery__description_83etg"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/header-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.headerMobile {\n position: relative;\n height: 72px;\n z-index: 3;\n padding: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &.video {\n position: absolute;\n width: 100%;\n background-color: var(--color-static-neutral-0-inverted);\n transition: transform 0.3s ease-in-out;\n }\n}\n\n.hide {\n transform: translateY(-96px);\n}\n\n.leftButton,\n.rightButtons {\n display: flex;\n align-items: center;\n}\n\n.description {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,qBAAqB,CAA0C,cAAc,CAAC,6BAA6B,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/header-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.headerMobile {\n position: relative;\n height: 72px;\n z-index: 3;\n padding: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &.video {\n position: absolute;\n width: 100%;\n background-color: var(--color-static-neutral-0-inverted);\n transition: transform 0.3s ease-in-out;\n }\n}\n\n.hide {\n transform: translateY(-96px);\n}\n\n.leftButton,\n.rightButtons {\n display: flex;\n align-items: center;\n}\n\n.description {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,cAAc,CAAC,6BAA6B,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,qBAAqB,CAA0C,cAAc,CAAC,6BAA6B,CAAC,aAAa,CAAC,4BAA4B,CAAC;;;;"}
@@ -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_1asyh {
12
+ } .gallery__component_bmpqk {
13
13
  display: flex;
14
14
  z-index: 3;
15
15
  overflow: hidden;
16
16
  transition: border 0.15s ease-in-out;
17
- outline: none
18
- } .gallery__component_1asyh .gallery__image_1asyh {
17
+ outline: none;
18
+ } .gallery__component_bmpqk .gallery__image_bmpqk {
19
19
  opacity: 0.3;
20
- } .gallery__component_1asyh.gallery__mobile_1asyh {
20
+ } .gallery__component_bmpqk.gallery__mobile_bmpqk {
21
21
  padding: 0;
22
- } .gallery__active_1asyh > .gallery__image_1asyh {
22
+ } .gallery__active_bmpqk > .gallery__image_bmpqk {
23
23
  opacity: 1;
24
- } .gallery__preview_1asyh {
24
+ } .gallery__preview_bmpqk {
25
25
  width: 56px;
26
26
  height: 56px;
27
27
  flex-shrink: 0;
@@ -29,14 +29,14 @@
29
29
  cursor: pointer;
30
30
  -webkit-user-select: none;
31
31
  -moz-user-select: none;
32
- user-select: none
33
- } .gallery__preview_1asyh.gallery__mobile_1asyh {
32
+ user-select: none;
33
+ } .gallery__preview_bmpqk.gallery__mobile_bmpqk {
34
34
  width: 46px;
35
35
  height: 46px;
36
36
  border-radius: var(--border-radius-8);
37
- } .gallery__image_1asyh {
38
- transition: opacity 0.15s ease-in-out
39
- } .gallery__image_1asyh > img {
37
+ } .gallery__image_bmpqk {
38
+ transition: opacity 0.15s ease-in-out;
39
+ } .gallery__image_bmpqk > 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_1asyh:hover {
48
+ } .gallery__image_bmpqk:hover {
49
49
  opacity: 0.7;
50
- } .gallery__loading_1asyh {
51
- background-color: var(--color-static-neutral-100-inverted)
52
- } .gallery__loading_1asyh .gallery__active_1asyh {
50
+ } .gallery__loading_bmpqk {
51
+ background-color: var(--color-static-neutral-100-inverted);
52
+ } .gallery__loading_bmpqk .gallery__active_bmpqk {
53
53
  background-color: var(--color-static-neutral-300-inverted);
54
- } .gallery__brokenImageWrapper_1asyh {
54
+ } .gallery__brokenImageWrapper_bmpqk {
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
- opacity: 0.3
60
- } .gallery__brokenImageWrapper_1asyh.gallery__active_1asyh {
59
+ opacity: 0.3;
60
+ } .gallery__brokenImageWrapper_bmpqk.gallery__active_bmpqk {
61
61
  opacity: 1;
62
- } .gallery__brokenIcon_1asyh {
62
+ } .gallery__brokenIcon_bmpqk {
63
63
  width: 40px;
64
64
  height: 40px;
65
- } .gallery__focused_1asyh {
65
+ } .gallery__focused_bmpqk {
66
66
  outline: 2px solid var(--focus-color);
67
67
  outline-offset: 2px;
68
- } .gallery__canvasPreview_1asyh {
69
- border-radius: var(--border-radius-12)
70
- } .gallery__canvasPreview_1asyh.gallery__mobile_1asyh {
68
+ } .gallery__canvasPreview_bmpqk {
69
+ border-radius: var(--border-radius-12);
70
+ } .gallery__canvasPreview_bmpqk.gallery__mobile_bmpqk {
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_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"};
5
+ var styles = {"component":"gallery__component_bmpqk","image":"gallery__image_bmpqk","mobile":"gallery__mobile_bmpqk","active":"gallery__active_bmpqk","preview":"gallery__preview_bmpqk","loading":"gallery__loading_bmpqk","brokenImageWrapper":"gallery__brokenImageWrapper_bmpqk","brokenIcon":"gallery__brokenIcon_bmpqk","focused":"gallery__focused_bmpqk","canvasPreview":"gallery__canvasPreview_bmpqk"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/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,aAAe,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/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,aAAe,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;;;;"}
@@ -15,77 +15,78 @@
15
15
  --gap-2xs: 4px;
16
16
  --gap-m: 16px;
17
17
  --gap-2xl: 32px;
18
+ --gap-4: var(--gap-2xs);
18
19
  --gap-16: var(--gap-m);
19
20
  --gap-32: var(--gap-2xl);
20
21
  } :root {
21
22
  --focus-color: var(--color-light-status-info);
22
- } .gallery__component_j9s2m {
23
+ } .gallery__component_d6n2w {
23
24
  display: flex;
24
25
  flex-grow: 1;
25
26
  justify-content: center;
26
27
  background-color: var(--color-static-neutral-0-inverted);
27
- } .gallery__swiper_j9s2m {
28
+ } .gallery__swiper_d6n2w {
28
29
  display: flex;
29
30
  width: 100%;
30
31
  height: 100%;
31
32
  max-height: calc(100vh - 168px);
32
33
  padding: var(--gap-32) var(--gap-16);
33
- box-sizing: border-box
34
- } .gallery__swiper_j9s2m.gallery__mobile_j9s2m {
34
+ box-sizing: border-box;
35
+ } .gallery__swiper_d6n2w.gallery__mobile_d6n2w {
35
36
  max-height: calc(100vh - 210px);
36
- } .gallery__swiper_j9s2m.gallery__mobileVideo_j9s2m {
37
+ } .gallery__swiper_d6n2w.gallery__mobileVideo_d6n2w {
37
38
  max-height: 100vh;
38
- } .gallery__singleSlideContainer_j9s2m {
39
+ } .gallery__singleSlideContainer_d6n2w {
39
40
  display: flex;
40
41
  width: 100%;
41
42
  height: 100%;
42
43
 
43
44
  max-height: calc(100vh - 80px);
44
45
  padding: var(--gap-32);
45
- box-sizing: border-box
46
- } .gallery__singleSlideContainer_j9s2m.gallery__mobile_j9s2m {
46
+ box-sizing: border-box;
47
+ } .gallery__singleSlideContainer_d6n2w.gallery__mobile_d6n2w {
47
48
  max-height: calc(100vh - 174px);
48
49
  padding: 0;
49
- } .gallery__singleSlideContainer_j9s2m.gallery__mobileVideo_j9s2m {
50
+ } .gallery__singleSlideContainer_d6n2w.gallery__mobileVideo_d6n2w {
50
51
  max-height: 100vh;
51
- } .gallery__hidden_j9s2m {
52
+ } .gallery__hidden_d6n2w {
52
53
  display: none;
53
- } .gallery__slide_j9s2m {
54
+ } .gallery__slide_d6n2w {
54
55
  position: relative;
55
56
  display: flex;
56
57
  justify-content: center;
57
58
  align-items: center;
58
59
  width: 100%;
59
60
  height: 100%;
60
- } .gallery__slideLoading_j9s2m {
61
+ } .gallery__slideLoading_d6n2w {
61
62
  background-color: var(--color-static-neutral-translucent-100-inverted);
62
63
  border-radius: var(--border-radius-8);
63
- } .gallery__spinner_j9s2m {
64
+ } .gallery__spinner_d6n2w {
64
65
  position: absolute;
65
66
  color: var(--color-static-neutral-translucent-1300-inverted);
66
- } .gallery__image_j9s2m {
67
+ } .gallery__image_d6n2w {
67
68
  width: 0;
68
69
  height: 0;
69
70
  -webkit-user-select: none;
70
71
  -moz-user-select: none;
71
72
  user-select: none;
72
- border-radius: var(--border-radius-8)
73
- } .gallery__image_j9s2m.gallery__mobile_j9s2m {
73
+ border-radius: var(--border-radius-8);
74
+ } .gallery__image_d6n2w.gallery__mobile_d6n2w {
74
75
  border-radius: var(--border-radius-0);
75
- } .gallery__smallImage_j9s2m {
76
+ } .gallery__smallImage_d6n2w {
76
77
  position: relative;
77
78
  width: auto;
78
79
  height: auto;
79
80
  -webkit-user-select: none;
80
81
  -moz-user-select: none;
81
82
  user-select: none;
82
- } .gallery__verticalImageFit_j9s2m {
83
+ } .gallery__verticalImageFit_d6n2w {
83
84
  width: auto;
84
85
  height: 100%;
85
- } .gallery__horizontalImageFit_j9s2m {
86
+ } .gallery__horizontalImageFit_d6n2w {
86
87
  width: 100%;
87
88
  height: auto;
88
- } .gallery__arrow_j9s2m {
89
+ } .gallery__arrow_d6n2w {
89
90
  display: flex;
90
91
  flex-direction: column;
91
92
  justify-content: center;
@@ -96,15 +97,15 @@
96
97
  cursor: pointer;
97
98
  color: var(--color-static-neutral-translucent-1300-inverted);
98
99
  transition: background-color 0.15s ease-in-out;
99
- outline: none
100
- } .gallery__arrow_j9s2m:hover {
100
+ outline: none;
101
+ } .gallery__arrow_d6n2w:hover {
101
102
  background-color: var(--color-static-neutral-0-inverted-hover);
102
- } .gallery__arrow_j9s2m:active {
103
+ } .gallery__arrow_d6n2w:active {
103
104
  background-color: var(--color-static-neutral-0-inverted-press);
104
- } .gallery__focused_j9s2m {
105
+ } .gallery__focused_d6n2w {
105
106
  outline: 2px solid var(--focus-color);
106
107
  outline-offset: 2px;
107
- } .gallery__placeholder_j9s2m {
108
+ } .gallery__placeholder_d6n2w {
108
109
  display: flex;
109
110
  justify-content: center;
110
111
  align-items: center;
@@ -112,22 +113,22 @@
112
113
  height: 100%;
113
114
  border-radius: var(--border-radius-8);
114
115
  background-color: var(--color-static-neutral-300-inverted);
115
- } .gallery__brokenImgWrapper_j9s2m {
116
+ } .gallery__brokenImgWrapper_d6n2w {
116
117
  position: relative;
117
118
  display: flex;
118
119
  flex-direction: column;
119
120
  align-items: center;
120
121
  width: 150px;
121
122
  text-align: center;
122
- } .gallery__brokenImgIcon_j9s2m {
123
+ } .gallery__brokenImgIcon_d6n2w {
123
124
  width: 80px;
124
125
  height: 80px;
125
- margin-bottom: var(--gap-2xs);
126
- } .gallery__fullScreenImage_j9s2m {
126
+ margin-bottom: var(--gap-4);
127
+ } .gallery__fullScreenImage_d6n2w {
127
128
  width: 100%;
128
129
  height: auto;
129
130
  background-color: var(--color-light-base-bg-primary);
130
- } .gallery__fullScreenVideo_j9s2m {
131
+ } .gallery__fullScreenVideo_d6n2w {
131
132
  width: calc(100% - 192px);
132
133
  max-height: calc(100vh - 82px);
133
134
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
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"};
5
+ var styles = {"component":"gallery__component_d6n2w","swiper":"gallery__swiper_d6n2w","mobile":"gallery__mobile_d6n2w","mobileVideo":"gallery__mobileVideo_d6n2w","singleSlideContainer":"gallery__singleSlideContainer_d6n2w","hidden":"gallery__hidden_d6n2w","slide":"gallery__slide_d6n2w","slideLoading":"gallery__slideLoading_d6n2w","spinner":"gallery__spinner_d6n2w","image":"gallery__image_d6n2w","smallImage":"gallery__smallImage_d6n2w","verticalImageFit":"gallery__verticalImageFit_d6n2w","horizontalImageFit":"gallery__horizontalImageFit_d6n2w","arrow":"gallery__arrow_d6n2w","focused":"gallery__focused_d6n2w","placeholder":"gallery__placeholder_d6n2w","brokenImgWrapper":"gallery__brokenImgWrapper_d6n2w","brokenImgIcon":"gallery__brokenImgIcon_d6n2w","fullScreenImage":"gallery__fullScreenImage_d6n2w","fullScreenVideo":"gallery__fullScreenVideo_d6n2w"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/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-2xs);\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,aAAe,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/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,aAAe,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;;;;"}
@@ -3,31 +3,32 @@
3
3
  --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
4
4
  } :root {
5
5
  --border-radius-3xl: 24px;
6
+ --border-radius-0: 0;
6
7
  --border-radius-24: var(--border-radius-3xl);
7
- } .gallery__videoWrapper_s9vff {
8
+ } .gallery__videoWrapper_13ioy {
8
9
  display: flex;
9
10
  justify-content: center;
10
11
  height: 100%;
11
12
  width: auto;
12
13
  position: relative;
13
- } .gallery__video_s9vff {
14
+ } .gallery__video_13ioy {
14
15
  max-width: 100%;
15
16
  max-height: 100%;
16
17
  border-radius: var(--border-radius-24);
17
- } .gallery__mobile_s9vff {
18
- border-radius: 0;
19
- } .gallery__videoButton_s9vff {
18
+ } .gallery__mobile_13ioy {
19
+ border-radius: var(--border-radius-0);
20
+ } .gallery__videoButton_13ioy {
20
21
  position: absolute;
21
22
  top: 50%;
22
23
  left: 50%;
23
24
  transform: translate(-50%, -50%);
24
25
  z-index: 1;
25
26
  color: green;
26
- } .gallery__icon_s9vff {
27
+ } .gallery__icon_13ioy {
27
28
  color: var(--color-static-neutral-0);
28
- } .gallery__iconShape_s9vff {
29
+ } .gallery__iconShape_13ioy {
29
30
  fill: var(--color-static-neutral-translucent-700);
30
- } .gallery__bottomButton_s9vff {
31
+ } .gallery__bottomButton_13ioy {
31
32
  position: absolute;
32
33
  bottom: 48px;
33
34
  left: 32px;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
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"};
5
+ var styles = {"videoWrapper":"gallery__videoWrapper_13ioy","video":"gallery__video_13ioy","mobile":"gallery__mobile_13ioy","videoButton":"gallery__videoButton_13ioy","icon":"gallery__icon_13ioy","iconShape":"gallery__iconShape_13ioy","bottomButton":"gallery__bottomButton_13ioy"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../../src/components/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: 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,aAAe,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/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,aAAe,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;;;;"}
@@ -5,17 +5,17 @@
5
5
  --gap-xs: 8px;
6
6
  --gap-4: var(--gap-2xs);
7
7
  --gap-8: var(--gap-xs);
8
- } .gallery__description_1wotl {
8
+ } .gallery__description_1qlol {
9
9
  text-align: center;
10
- } .gallery__infoWrapper_1wotl {
10
+ } .gallery__infoWrapper_1qlol {
11
11
  background-color: var(--color-static-neutral-0-inverted);
12
12
  display: flex;
13
13
  align-items: center;
14
14
  justify-content: center;
15
15
  padding: 0 var(--gap-8) var(--gap-4);
16
16
  position: relative;
17
- height: 48px
18
- } .gallery__infoWrapper_1wotl.gallery__video_1wotl {
17
+ height: 48px;
18
+ } .gallery__infoWrapper_1qlol.gallery__video_1qlol {
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_1wotl","infoWrapper":"gallery__infoWrapper_1wotl","video":"gallery__video_1wotl"};
5
+ var styles = {"description":"gallery__description_1qlol","infoWrapper":"gallery__infoWrapper_1qlol","video":"gallery__video_1qlol"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/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,aAAe,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/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,aAAe,CAAC,aAAa,CAAC,4BAA4B,CAAC,aAAa,CAAC,4BAA4B,CAAC,OAAO,CAAC,sBAAsB,CAAC;;;;"}