@alfalab/core-components-gallery 5.6.5 → 5.6.7

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 (66) hide show
  1. package/Component.js +1 -1
  2. package/{buttons-6c6c8e81.js → buttons-7413eb9c.js} +1 -1
  3. package/components/header/Component.js +1 -1
  4. package/components/header/buttons.js +1 -1
  5. package/components/header/index.css +14 -9
  6. package/components/header-info-block/Component.js +1 -1
  7. package/components/header-info-block/index.css +10 -7
  8. package/components/image-preview/Component.js +1 -1
  9. package/components/image-preview/index.css +21 -18
  10. package/components/image-viewer/component.js +1 -1
  11. package/components/image-viewer/index.css +27 -23
  12. package/components/image-viewer/slide.js +1 -1
  13. package/components/navigation-bar/Component.js +1 -1
  14. package/components/navigation-bar/index.css +13 -9
  15. package/cssm/components/header/index.module.css +8 -3
  16. package/cssm/components/header-info-block/index.module.css +5 -2
  17. package/cssm/components/image-preview/index.module.css +7 -4
  18. package/cssm/components/image-viewer/index.module.css +8 -4
  19. package/cssm/components/navigation-bar/index.module.css +7 -3
  20. package/cssm/index.module.css +3 -1
  21. package/esm/Component.js +1 -1
  22. package/esm/{buttons-89bc838d.js → buttons-c6111bd9.js} +1 -1
  23. package/esm/components/header/Component.js +1 -1
  24. package/esm/components/header/buttons.js +1 -1
  25. package/esm/components/header/index.css +14 -9
  26. package/esm/components/header-info-block/Component.js +1 -1
  27. package/esm/components/header-info-block/index.css +10 -7
  28. package/esm/components/image-preview/Component.js +1 -1
  29. package/esm/components/image-preview/index.css +21 -18
  30. package/esm/components/image-viewer/component.js +1 -1
  31. package/esm/components/image-viewer/index.css +27 -23
  32. package/esm/components/image-viewer/slide.js +1 -1
  33. package/esm/components/navigation-bar/Component.js +1 -1
  34. package/esm/components/navigation-bar/index.css +13 -9
  35. package/esm/index.css +6 -4
  36. package/esm/{slide-a664c8d2.js → slide-31fa8c5e.js} +1 -1
  37. package/index.css +6 -4
  38. package/modern/Component.js +1 -1
  39. package/modern/{buttons-8a8fe561.js → buttons-719896b0.js} +1 -1
  40. package/modern/components/header/Component.js +1 -1
  41. package/modern/components/header/buttons.js +1 -1
  42. package/modern/components/header/index.css +14 -9
  43. package/modern/components/header-info-block/Component.js +1 -1
  44. package/modern/components/header-info-block/index.css +10 -7
  45. package/modern/components/image-preview/Component.js +1 -1
  46. package/modern/components/image-preview/index.css +21 -18
  47. package/modern/components/image-viewer/component.js +1 -1
  48. package/modern/components/image-viewer/index.css +27 -23
  49. package/modern/components/image-viewer/slide.js +1 -1
  50. package/modern/components/navigation-bar/Component.js +1 -1
  51. package/modern/components/navigation-bar/index.css +13 -9
  52. package/modern/index.css +6 -4
  53. package/modern/{slide-c3f13cc1.js → slide-1d1c0510.js} +1 -1
  54. package/package.json +7 -7
  55. package/{slide-e24792f1.js → slide-c6551b6d.js} +1 -1
  56. package/src/components/header/index.module.css +2 -2
  57. package/src/components/header-info-block/index.module.css +1 -1
  58. package/src/components/image-preview/index.module.css +1 -1
  59. package/src/components/image-viewer/index.module.css +2 -2
  60. package/src/components/navigation-bar/index.module.css +2 -2
  61. /package/{buttons-6c6c8e81.d.ts → buttons-7413eb9c.d.ts} +0 -0
  62. /package/esm/{buttons-89bc838d.d.ts → buttons-c6111bd9.d.ts} +0 -0
  63. /package/esm/{slide-a664c8d2.d.ts → slide-31fa8c5e.d.ts} +0 -0
  64. /package/modern/{buttons-8a8fe561.d.ts → buttons-719896b0.d.ts} +0 -0
  65. /package/modern/{slide-c3f13cc1.d.ts → slide-1d1c0510.d.ts} +0 -0
  66. /package/{slide-e24792f1.d.ts → slide-c6551b6d.d.ts} +0 -0
package/Component.js CHANGED
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
 
16
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
 
18
- var styles = {"container":"gallery__container_ldr1h","modal":"gallery__modal_ldr1h"};
18
+ var styles = {"container":"gallery__container_1ukr0","modal":"gallery__modal_1ukr0"};
19
19
  require('./index.css')
20
20
 
21
21
  var Backdrop = function () { return null; };
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
 
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
 
16
- var styles = {"header":"gallery__header_i28oe","buttons":"gallery__buttons_i28oe","iconButton":"gallery__iconButton_i28oe"};
16
+ var styles = {"header":"gallery__header_1kq4w","buttons":"gallery__buttons_1kq4w","iconButton":"gallery__iconButton_1kq4w"};
17
17
  require('./components/header/index.css')
18
18
 
19
19
  var Fullscreen = function (_a) {
@@ -7,7 +7,7 @@ var context = require('../../context.js');
7
7
  var utils_utils = require('../../utils/utils.js');
8
8
  var utils_constants = require('../../utils/constants.js');
9
9
  var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
10
- var components_header_buttons = require('../../buttons-6c6c8e81.js');
10
+ var components_header_buttons = require('../../buttons-7413eb9c.js');
11
11
 
12
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
13
 
@@ -10,7 +10,7 @@ require('@alfalab/icons-glyph/ArrowsInwardMIcon');
10
10
  require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
11
11
  require('@alfalab/icons-glyph/CrossMIcon');
12
12
  require('@alfalab/icons-glyph/PointerDownMIcon');
13
- var components_header_buttons = require('../../buttons-6c6c8e81.js');
13
+ var components_header_buttons = require('../../buttons-7413eb9c.js');
14
14
 
15
15
 
16
16
 
@@ -1,4 +1,4 @@
1
- /* hash: hnjmn */
1
+ /* hash: 1jx2u */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-static-neutral-100-hover: #e7e8eb;
@@ -13,29 +13,34 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
20
  --gap-m: 16px; /* deprecated */ /* deprecated */
19
21
  --gap-xl: 24px; /* deprecated */
20
22
  --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
23
 
22
24
  /* новые значения, используйте их */
25
+ --gap-16: var(--gap-m);
26
+ --gap-24: var(--gap-xl);
27
+ --gap-32: var(--gap-2xl);
23
28
  } :root {
24
29
  } :root {
25
- } .gallery__header_i28oe {
30
+ } .gallery__header_1kq4w {
26
31
  display: flex;
27
32
  justify-content: space-between;
28
33
  flex-shrink: 0;
29
34
  width: 100%;
30
- padding: var(--gap-m) var(--gap-xl);
35
+ padding: var(--gap-16) var(--gap-24);
31
36
  box-sizing: border-box;
32
- } .gallery__buttons_i28oe {
37
+ } .gallery__buttons_1kq4w {
33
38
  display: flex;
34
- padding-left: var(--gap-2xl)
35
- } .gallery__buttons_i28oe path {
39
+ padding-left: var(--gap-32)
40
+ } .gallery__buttons_1kq4w path {
36
41
  color: var(--color-static-neutral-translucent-1300-inverted);
37
- } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_i28oe:hover path {
42
+ } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_1kq4w:hover path {
38
43
  color: var(--color-static-neutral-100-hover);
39
- } .gallery__iconButton_i28oe:active path {
44
+ } .gallery__iconButton_1kq4w:active path {
40
45
  color: var(--color-static-neutral-100-press);
41
46
  }
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"info":"gallery__info_1w7mb","filenameHead":"gallery__filenameHead_1w7mb","filenameContainer":"gallery__filenameContainer_1w7mb","description":"gallery__description_1w7mb"};
13
+ var styles = {"info":"gallery__info_eb984","filenameHead":"gallery__filenameHead_eb984","filenameContainer":"gallery__filenameContainer_eb984","description":"gallery__description_eb984"};
14
14
  require('./index.css')
15
15
 
16
16
  var HeaderInfoBlock = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1bx0j */
1
+ /* hash: 9nhas */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -10,31 +10,34 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root { /* deprecated */
15
17
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
18
 
17
19
  /* новые значения, используйте их */
20
+ --gap-4: var(--gap-2xs);
18
21
  } :root {
19
22
  } :root {
20
- } .gallery__info_1w7mb {
23
+ } .gallery__info_eb984 {
21
24
  height: 100%;
22
25
  display: flex;
23
26
  flex-direction: column;
24
27
  justify-content: center;
25
28
  overflow: hidden;
26
- } .gallery__filenameHead_1w7mb {
29
+ } .gallery__filenameHead_eb984 {
27
30
  display: inline;
28
31
  text-overflow: ellipsis;
29
32
  overflow: hidden;
30
33
  white-space: nowrap;
31
- } .gallery__filenameContainer_1w7mb {
34
+ } .gallery__filenameContainer_eb984 {
32
35
  overflow: hidden;
33
36
  display: inline-flex;
34
- } .gallery__description_1w7mb {
37
+ } .gallery__description_eb984 {
35
38
  display: inline;
36
39
  text-overflow: ellipsis;
37
40
  overflow: hidden;
38
41
  white-space: nowrap;
39
- margin-top: var(--gap-2xs);
42
+ margin-top: var(--gap-4);
40
43
  }
@@ -24,7 +24,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
24
24
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
25
25
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
26
26
 
27
- var styles = {"component":"gallery__component_ckp3u","active":"gallery__active_ckp3u","image":"gallery__image_ckp3u","preview":"gallery__preview_ckp3u","loading":"gallery__loading_ckp3u","brokenImageWrapper":"gallery__brokenImageWrapper_ckp3u","brokenIcon":"gallery__brokenIcon_ckp3u","focused":"gallery__focused_ckp3u"};
27
+ var styles = {"component":"gallery__component_1917k","active":"gallery__active_1917k","image":"gallery__image_1917k","preview":"gallery__preview_1917k","loading":"gallery__loading_1917k","brokenImageWrapper":"gallery__brokenImageWrapper_1917k","brokenIcon":"gallery__brokenIcon_1917k","focused":"gallery__focused_1917k"};
28
28
  require('./index.css')
29
29
 
30
30
  var ImagePreview = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: bas0h */
1
+ /* hash: 182cu */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-base-bg-primary: #fff;
@@ -15,29 +15,32 @@
15
15
  /* Up */
16
16
 
17
17
  /* Hard up */
18
- } :root {
19
- --border-radius-m: 8px;
20
- --border-radius-l: 12px;
18
+ } :root { /* deprecated */ /* deprecated */
19
+ --border-radius-m: 8px; /* deprecated */
20
+ --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
+
22
+ /* новые значения, используйте их */
21
23
  } :root { /* deprecated */
22
24
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
25
 
24
26
  /* новые значения, используйте их */
27
+ --gap-4: var(--gap-2xs);
25
28
  } :root {
26
29
  } :root {
27
30
  --focus-color: var(--color-light-status-info);
28
- } .gallery__component_ckp3u {
31
+ } .gallery__component_1917k {
29
32
  display: flex;
30
- padding: var(--gap-2xs);
33
+ padding: var(--gap-4);
31
34
  border: 2px solid rgba(0, 0, 0, 0);
32
35
  border-radius: var(--border-radius-l);
33
36
  overflow: hidden;
34
37
  transition: border 0.15s ease-in-out;
35
38
  outline: none;
36
- } .gallery__active_ckp3u {
39
+ } .gallery__active_1917k {
37
40
  border-color: var(--color-static-overlay-white-xhigh)
38
- } .gallery__active_ckp3u > .gallery__image_ckp3u {
41
+ } .gallery__active_1917k > .gallery__image_1917k {
39
42
  opacity: 0.7;
40
- } .gallery__preview_ckp3u {
43
+ } .gallery__preview_1917k {
41
44
  width: 56px;
42
45
  height: 56px;
43
46
  flex-shrink: 0;
@@ -45,9 +48,9 @@
45
48
  cursor: pointer;
46
49
  -webkit-user-select: none;
47
50
  user-select: none;
48
- } .gallery__image_ckp3u {
51
+ } .gallery__image_1917k {
49
52
  transition: opacity 0.15s ease-in-out
50
- } .gallery__image_ckp3u > img {
53
+ } .gallery__image_1917k > img {
51
54
  display: block;
52
55
  background-color: var(--color-light-base-bg-primary);
53
56
  width: 100%;
@@ -56,23 +59,23 @@
56
59
  object-fit: cover;
57
60
  overflow: clip;
58
61
  overflow-clip-margin: border-box;
59
- } .gallery__image_ckp3u:hover {
62
+ } .gallery__image_1917k:hover {
60
63
  opacity: 0.7;
61
- } .gallery__loading_ckp3u {
64
+ } .gallery__loading_1917k {
62
65
  background-color: var(--color-static-neutral-100-inverted)
63
- } .gallery__loading_ckp3u .gallery__active_ckp3u {
66
+ } .gallery__loading_1917k .gallery__active_1917k {
64
67
  background-color: var(--color-static-neutral-300-inverted);
65
- } .gallery__brokenImageWrapper_ckp3u {
68
+ } .gallery__brokenImageWrapper_1917k {
66
69
  display: flex;
67
70
  justify-content: center;
68
71
  align-items: center;
69
72
  background-color: var(--color-static-neutral-300-inverted)
70
- } .gallery__brokenImageWrapper_ckp3u:hover {
73
+ } .gallery__brokenImageWrapper_1917k:hover {
71
74
  opacity: 0.7;
72
- } .gallery__brokenIcon_ckp3u {
75
+ } .gallery__brokenIcon_1917k {
73
76
  width: 40px;
74
77
  height: 40px;
75
- } .gallery__focused_ckp3u {
78
+ } .gallery__focused_1917k {
76
79
  outline: 2px solid var(--focus-color);
77
80
  outline-offset: 2px;
78
81
  }
@@ -14,7 +14,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
14
14
  var context = require('../../context.js');
15
15
  var utils_utils = require('../../utils/utils.js');
16
16
  var utils_constants = require('../../utils/constants.js');
17
- var components_imageViewer_slide = require('../../slide-e24792f1.js');
17
+ var components_imageViewer_slide = require('../../slide-c6551b6d.js');
18
18
  require('swiper/swiper.min.css');
19
19
 
20
20
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -1,4 +1,4 @@
1
- /* hash: l3wug */
1
+ /* hash: 1huqa */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-base-bg-primary: #fff;
@@ -18,68 +18,72 @@
18
18
  /* Up */
19
19
 
20
20
  /* Hard up */
21
- } :root {
22
- --border-radius-m: 8px;
21
+ } :root { /* deprecated */ /* deprecated */
22
+ --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+
24
+ /* новые значения, используйте их */
23
25
  } :root { /* deprecated */
24
26
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
27
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
26
28
  --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
27
29
 
28
30
  /* новые значения, используйте их */
31
+ --gap-16: var(--gap-m);
32
+ --gap-32: var(--gap-2xl);
29
33
  } :root {
30
34
  } :root {
31
35
  --focus-color: var(--color-light-status-info);
32
- } .gallery__component_1pdv9 {
36
+ } .gallery__component_1rc6z {
33
37
  display: flex;
34
38
  flex-grow: 1;
35
39
  justify-content: center;
36
40
  align-items: center;
37
41
  background-color: var(--color-static-neutral-0-inverted);
38
- } .gallery__swiper_1pdv9 {
42
+ } .gallery__swiper_1rc6z {
39
43
  display: flex;
40
44
  width: 100%;
41
45
  height: 100%;
42
46
 
43
47
  /* 168px - высота хэдера и футера */
44
48
  max-height: calc(100vh - 168px);
45
- padding: var(--gap-2xl) var(--gap-m);
49
+ padding: var(--gap-32) var(--gap-16);
46
50
  box-sizing: border-box;
47
- } .gallery__singleSlide_1pdv9 .gallery__swiper_1pdv9 {
51
+ } .gallery__singleSlide_1rc6z .gallery__swiper_1rc6z {
48
52
  max-height: calc(100vh - 80px);
49
- padding: var(--gap-2xl);
50
- } .gallery__hidden_1pdv9 {
53
+ padding: var(--gap-32);
54
+ } .gallery__hidden_1rc6z {
51
55
  display: none;
52
- } .gallery__slide_1pdv9 {
56
+ } .gallery__slide_1rc6z {
53
57
  position: relative;
54
58
  display: flex;
55
59
  justify-content: center;
56
60
  align-items: center;
57
61
  width: 100%;
58
62
  height: 100%;
59
- } .gallery__slideLoading_1pdv9 {
63
+ } .gallery__slideLoading_1rc6z {
60
64
  background-color: var(--color-static-neutral-100-inverted);
61
65
  border-radius: var(--border-radius-m);
62
- } .gallery__image_1pdv9 {
66
+ } .gallery__image_1rc6z {
63
67
  width: 0;
64
68
  height: 0;
65
69
  -webkit-user-select: none;
66
70
  user-select: none;
67
71
  background-color: var(--color-light-base-bg-primary);
68
72
  border-radius: var(--border-radius-m);
69
- } .gallery__smallImage_1pdv9 {
73
+ } .gallery__smallImage_1rc6z {
70
74
  position: relative;
71
75
  width: auto;
72
76
  height: auto;
73
77
  -webkit-user-select: none;
74
78
  user-select: none;
75
79
  background-color: var(--color-light-base-bg-primary);
76
- } .gallery__verticalImageFit_1pdv9 {
80
+ } .gallery__verticalImageFit_1rc6z {
77
81
  width: auto;
78
82
  height: 100%;
79
- } .gallery__horizontalImageFit_1pdv9 {
83
+ } .gallery__horizontalImageFit_1rc6z {
80
84
  width: 100%;
81
85
  height: auto;
82
- } .gallery__arrow_1pdv9 {
86
+ } .gallery__arrow_1rc6z {
83
87
  display: flex;
84
88
  flex-direction: column;
85
89
  justify-content: center;
@@ -91,14 +95,14 @@
91
95
  color: var(--color-static-neutral-translucent-1300-inverted);
92
96
  transition: background-color 0.15s ease-in-out;
93
97
  outline: none
94
- } .gallery__arrow_1pdv9:hover {
98
+ } .gallery__arrow_1rc6z:hover {
95
99
  background-color: var(--color-static-neutral-0-inverted-hover);
96
- } .gallery__arrow_1pdv9:active {
100
+ } .gallery__arrow_1rc6z:active {
97
101
  background-color: var(--color-static-neutral-0-inverted-press);
98
- } .gallery__focused_1pdv9 {
102
+ } .gallery__focused_1rc6z {
99
103
  outline: 2px solid var(--focus-color);
100
104
  outline-offset: 2px;
101
- } .gallery__placeholder_1pdv9 {
105
+ } .gallery__placeholder_1rc6z {
102
106
  display: flex;
103
107
  justify-content: center;
104
108
  align-items: center;
@@ -106,18 +110,18 @@
106
110
  height: 300px;
107
111
  border-radius: var(--border-radius-m);
108
112
  background-color: var(--color-static-neutral-300-inverted);
109
- } .gallery__brokenImgWrapper_1pdv9 {
113
+ } .gallery__brokenImgWrapper_1rc6z {
110
114
  position: relative;
111
115
  display: flex;
112
116
  flex-direction: column;
113
117
  align-items: center;
114
118
  width: 150px;
115
119
  text-align: center;
116
- } .gallery__brokenImgIcon_1pdv9 {
120
+ } .gallery__brokenImgIcon_1rc6z {
117
121
  width: 80px;
118
122
  height: 80px;
119
123
  margin-bottom: var(--gap-2xs);
120
- } .gallery__fullScreenImage_1pdv9 {
124
+ } .gallery__fullScreenImage_1rc6z {
121
125
  width: 100%;
122
126
  height: auto;
123
127
  background-color: var(--color-light-base-bg-primary);
@@ -8,7 +8,7 @@ require('@alfalab/core-components-typography');
8
8
  require('../../utils/utils.js');
9
9
  require('../../utils/constants.js');
10
10
  require('./paths.js');
11
- var components_imageViewer_slide = require('../../slide-e24792f1.js');
11
+ var components_imageViewer_slide = require('../../slide-c6551b6d.js');
12
12
 
13
13
 
14
14
 
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
 
15
- var styles = {"component":"gallery__component_el00b","preview":"gallery__preview_el00b"};
15
+ var styles = {"component":"gallery__component_13b8t","preview":"gallery__preview_13b8t"};
16
16
  require('./index.css')
17
17
 
18
18
  var MIN_SCROLL_STEP = 24;
@@ -1,4 +1,4 @@
1
- /* hash: lz6fo */
1
+ /* hash: 1o8pn */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -10,15 +10,19 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root {
15
17
  --gap-3xs: 2px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
18
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
19
 
18
20
  /* новые значения, используйте их */
21
+ --gap-2: var(--gap-3xs);
22
+ --gap-24: var(--gap-xl);
19
23
  } :root {
20
24
  } :root {
21
- } .gallery__component_el00b {
25
+ } .gallery__component_13b8t {
22
26
  display: flex;
23
27
  flex-wrap: nowrap;
24
28
  align-content: center;
@@ -26,15 +30,15 @@
26
30
  flex-shrink: 0;
27
31
  overflow-x: auto;
28
32
  box-sizing: border-box;
29
- padding: 10px var(--gap-xl);
33
+ padding: 10px var(--gap-24);
30
34
  scrollbar-width: none
31
- } .gallery__component_el00b::-webkit-scrollbar {
35
+ } .gallery__component_13b8t::-webkit-scrollbar {
32
36
  display: none;
33
- } .gallery__preview_el00b {
37
+ } .gallery__preview_13b8t {
34
38
  flex-shrink: 0;
35
- margin: 0 var(--gap-3xs)
36
- } .gallery__preview_el00b:first-child {
39
+ margin: 0 var(--gap-2)
40
+ } .gallery__preview_13b8t:first-child {
37
41
  margin-left: auto;
38
- } .gallery__preview_el00b:last-child {
42
+ } .gallery__preview_13b8t:last-child {
39
43
  margin-right: auto;
40
44
  }
@@ -12,13 +12,18 @@
12
12
  /* Up */
13
13
 
14
14
  /* Hard up */
15
- } :root {
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+
17
+ /* новые значения, используйте их */
16
18
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
19
  --gap-m: 16px; /* deprecated */ /* deprecated */
18
20
  --gap-xl: 24px; /* deprecated */
19
21
  --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
22
 
21
23
  /* новые значения, используйте их */
24
+ --gap-16: var(--gap-m);
25
+ --gap-24: var(--gap-xl);
26
+ --gap-32: var(--gap-2xl);
22
27
  } :root {
23
28
  } :root {
24
29
  } .header {
@@ -26,11 +31,11 @@
26
31
  justify-content: space-between;
27
32
  flex-shrink: 0;
28
33
  width: 100%;
29
- padding: var(--gap-m) var(--gap-xl);
34
+ padding: var(--gap-16) var(--gap-24);
30
35
  box-sizing: border-box;
31
36
  } .buttons {
32
37
  display: flex;
33
- padding-left: var(--gap-2xl)
38
+ padding-left: var(--gap-32)
34
39
  } .buttons path {
35
40
  color: var(--color-static-neutral-translucent-1300-inverted);
36
41
  } /* TODO: применять static цвет через prop IconButton'а */ .iconButton:hover path {
@@ -9,11 +9,14 @@
9
9
  /* Up */
10
10
 
11
11
  /* Hard up */
12
- } :root {
12
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
+
14
+ /* новые значения, используйте их */
13
15
  } :root { /* deprecated */
14
16
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
17
 
16
18
  /* новые значения, используйте их */
19
+ --gap-4: var(--gap-2xs);
17
20
  } :root {
18
21
  } :root {
19
22
  } .info {
@@ -35,5 +38,5 @@
35
38
  text-overflow: ellipsis;
36
39
  overflow: hidden;
37
40
  white-space: nowrap;
38
- margin-top: var(--gap-2xs);
41
+ margin-top: var(--gap-4);
39
42
  }