@alfalab/core-components-gallery 5.6.6 → 5.7.0

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 (118) hide show
  1. package/Component.js +1 -1
  2. package/{buttons-ea1a85ff.js → buttons-40c120f8.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 +11 -8
  6. package/components/header-info-block/Component.js +1 -1
  7. package/components/header-info-block/index.css +7 -6
  8. package/components/image-preview/Component.js +1 -1
  9. package/components/image-preview/index.css +16 -15
  10. package/components/image-viewer/component.js +1 -1
  11. package/components/image-viewer/index.css +23 -21
  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 +10 -8
  15. package/cssm/components/header/index.module.css +5 -2
  16. package/cssm/components/header-info-block/index.module.css +2 -1
  17. package/cssm/components/image-preview/index.module.css +2 -1
  18. package/cssm/components/image-viewer/index.module.css +4 -2
  19. package/cssm/components/navigation-bar/index.module.css +4 -2
  20. package/esm/Component.js +1 -1
  21. package/esm/{buttons-abe48c74.js → buttons-b8760d69.js} +1 -1
  22. package/esm/components/header/Component.js +1 -1
  23. package/esm/components/header/buttons.js +1 -1
  24. package/esm/components/header/index.css +11 -8
  25. package/esm/components/header-info-block/Component.js +1 -1
  26. package/esm/components/header-info-block/index.css +7 -6
  27. package/esm/components/image-preview/Component.js +1 -1
  28. package/esm/components/image-preview/index.css +16 -15
  29. package/esm/components/image-viewer/component.js +1 -1
  30. package/esm/components/image-viewer/index.css +23 -21
  31. package/esm/components/image-viewer/slide.js +1 -1
  32. package/esm/components/navigation-bar/Component.js +1 -1
  33. package/esm/components/navigation-bar/index.css +10 -8
  34. package/esm/index.css +3 -3
  35. package/esm/{slide-0bb226b5.js → slide-065b3427.js} +1 -1
  36. package/index.css +3 -3
  37. package/modern/Component.js +1 -1
  38. package/modern/{buttons-2d8ca774.js → buttons-a2360885.js} +1 -1
  39. package/modern/components/header/Component.js +1 -1
  40. package/modern/components/header/buttons.js +1 -1
  41. package/modern/components/header/index.css +11 -8
  42. package/modern/components/header-info-block/Component.js +1 -1
  43. package/modern/components/header-info-block/index.css +7 -6
  44. package/modern/components/image-preview/Component.js +1 -1
  45. package/modern/components/image-preview/index.css +16 -15
  46. package/modern/components/image-viewer/component.js +1 -1
  47. package/modern/components/image-viewer/index.css +23 -21
  48. package/modern/components/image-viewer/slide.js +1 -1
  49. package/modern/components/navigation-bar/Component.js +1 -1
  50. package/modern/components/navigation-bar/index.css +10 -8
  51. package/modern/index.css +3 -3
  52. package/modern/{slide-5b14744e.js → slide-025330a5.js} +1 -1
  53. package/moderncssm/Component.d.ts +36 -0
  54. package/moderncssm/Component.js +119 -0
  55. package/moderncssm/components/header/Component.d.ts +3 -0
  56. package/moderncssm/components/header/Component.js +41 -0
  57. package/moderncssm/components/header/buttons.d.ts +11 -0
  58. package/moderncssm/components/header/buttons.js +18 -0
  59. package/moderncssm/components/header/index.d.ts +1 -0
  60. package/moderncssm/components/header/index.js +1 -0
  61. package/moderncssm/components/header/index.module.css +29 -0
  62. package/moderncssm/components/header-info-block/Component.d.ts +7 -0
  63. package/moderncssm/components/header-info-block/Component.js +15 -0
  64. package/moderncssm/components/header-info-block/index.d.ts +1 -0
  65. package/moderncssm/components/header-info-block/index.js +1 -0
  66. package/moderncssm/components/header-info-block/index.module.css +29 -0
  67. package/moderncssm/components/image-preview/Component.d.ts +11 -0
  68. package/moderncssm/components/image-preview/Component.js +47 -0
  69. package/moderncssm/components/image-preview/index.d.ts +1 -0
  70. package/moderncssm/components/image-preview/index.js +1 -0
  71. package/moderncssm/components/image-preview/index.module.css +77 -0
  72. package/moderncssm/components/image-preview/paths.d.ts +5 -0
  73. package/moderncssm/components/image-preview/paths.js +6 -0
  74. package/moderncssm/components/image-viewer/component.d.ts +3 -0
  75. package/moderncssm/components/image-viewer/component.js +110 -0
  76. package/moderncssm/components/image-viewer/index.d.ts +1 -0
  77. package/moderncssm/components/image-viewer/index.js +1 -0
  78. package/moderncssm/components/image-viewer/index.module.css +129 -0
  79. package/moderncssm/components/image-viewer/paths.d.ts +5 -0
  80. package/moderncssm/components/image-viewer/paths.js +6 -0
  81. package/moderncssm/components/image-viewer/slide.d.ts +16 -0
  82. package/moderncssm/components/image-viewer/slide.js +35 -0
  83. package/moderncssm/components/index.d.ts +4 -0
  84. package/moderncssm/components/index.js +4 -0
  85. package/moderncssm/components/navigation-bar/Component.d.ts +3 -0
  86. package/moderncssm/components/navigation-bar/Component.js +61 -0
  87. package/moderncssm/components/navigation-bar/index.d.ts +1 -0
  88. package/moderncssm/components/navigation-bar/index.js +1 -0
  89. package/moderncssm/components/navigation-bar/index.module.css +30 -0
  90. package/moderncssm/context.d.ts +24 -0
  91. package/moderncssm/context.js +25 -0
  92. package/moderncssm/index.d.ts +2 -0
  93. package/moderncssm/index.js +4 -0
  94. package/moderncssm/index.module.css +17 -0
  95. package/moderncssm/types.d.ts +13 -0
  96. package/moderncssm/types.js +1 -0
  97. package/moderncssm/utils/constants.d.ts +11 -0
  98. package/moderncssm/utils/constants.js +12 -0
  99. package/moderncssm/utils/index.d.ts +3 -0
  100. package/moderncssm/utils/index.js +3 -0
  101. package/moderncssm/utils/split-filename.d.ts +2 -0
  102. package/moderncssm/utils/split-filename.js +14 -0
  103. package/moderncssm/utils/utils.d.ts +7 -0
  104. package/moderncssm/utils/utils.js +12 -0
  105. package/package.json +7 -7
  106. package/{slide-bfe32b1b.js → slide-9fe3e3d9.js} +1 -1
  107. package/src/components/header/index.module.css +3 -3
  108. package/src/components/header-info-block/index.module.css +2 -2
  109. package/src/components/image-preview/index.module.css +2 -2
  110. package/src/components/image-viewer/index.module.css +3 -3
  111. package/src/components/navigation-bar/index.module.css +3 -3
  112. package/src/index.module.css +1 -1
  113. /package/{buttons-ea1a85ff.d.ts → buttons-40c120f8.d.ts} +0 -0
  114. /package/esm/{buttons-abe48c74.d.ts → buttons-b8760d69.d.ts} +0 -0
  115. /package/esm/{slide-0bb226b5.d.ts → slide-065b3427.d.ts} +0 -0
  116. /package/modern/{buttons-2d8ca774.d.ts → buttons-a2360885.d.ts} +0 -0
  117. /package/modern/{slide-5b14744e.d.ts → slide-025330a5.d.ts} +0 -0
  118. /package/{slide-bfe32b1b.d.ts → slide-9fe3e3d9.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_1bo97","modal":"gallery__modal_1bo97"};
18
+ var styles = {"container":"gallery__container_1i2i2","modal":"gallery__modal_1i2i2"};
19
19
  require('./index.css')
20
20
 
21
21
  var Backdrop = function () { return null; };
package/{buttons-ea1a85ff.js → buttons-40c120f8.js} RENAMED
@@ -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_qskeo","buttons":"gallery__buttons_qskeo","iconButton":"gallery__iconButton_qskeo"};
16
+ var styles = {"header":"gallery__header_14sez","buttons":"gallery__buttons_14sez","iconButton":"gallery__iconButton_14sez"};
17
17
  require('./components/header/index.css')
18
18
 
19
19
  var Fullscreen = function (_a) {
package/components/header/Component.js CHANGED
@@ -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-ea1a85ff.js');
10
+ var components_header_buttons = require('../../buttons-40c120f8.js');
11
11
 
12
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
13
 
package/components/header/buttons.js CHANGED
@@ -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-ea1a85ff.js');
13
+ var components_header_buttons = require('../../buttons-40c120f8.js');
14
14
 
15
15
 
16
16
 
package/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: agfbf */
1
+ /* hash: 2aw9y */
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;
@@ -22,22 +22,25 @@
22
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 */
23
23
 
24
24
  /* новые значения, используйте их */
25
+ --gap-16: var(--gap-m);
26
+ --gap-24: var(--gap-xl);
27
+ --gap-32: var(--gap-2xl);
25
28
  } :root {
26
29
  } :root {
27
- } .gallery__header_qskeo {
30
+ } .gallery__header_14sez {
28
31
  display: flex;
29
32
  justify-content: space-between;
30
33
  flex-shrink: 0;
31
34
  width: 100%;
32
- padding: var(--gap-m) var(--gap-xl);
35
+ padding: var(--gap-16) var(--gap-24);
33
36
  box-sizing: border-box;
34
- } .gallery__buttons_qskeo {
37
+ } .gallery__buttons_14sez {
35
38
  display: flex;
36
- padding-left: var(--gap-2xl)
37
- } .gallery__buttons_qskeo path {
39
+ padding-left: var(--gap-32)
40
+ } .gallery__buttons_14sez path {
38
41
  color: var(--color-static-neutral-translucent-1300-inverted);
39
- } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_qskeo:hover path {
42
+ } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_14sez:hover path {
40
43
  color: var(--color-static-neutral-100-hover);
41
- } .gallery__iconButton_qskeo:active path {
44
+ } .gallery__iconButton_14sez:active path {
42
45
  color: var(--color-static-neutral-100-press);
43
46
  }
package/components/header-info-block/Component.js CHANGED
@@ -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_1e21n","filenameHead":"gallery__filenameHead_1e21n","filenameContainer":"gallery__filenameContainer_1e21n","description":"gallery__description_1e21n"};
13
+ var styles = {"info":"gallery__info_ww5gu","filenameHead":"gallery__filenameHead_ww5gu","filenameContainer":"gallery__filenameContainer_ww5gu","description":"gallery__description_ww5gu"};
14
14
  require('./index.css')
15
15
 
16
16
  var HeaderInfoBlock = function (_a) {
package/components/header-info-block/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1lrb6 */
1
+ /* hash: 1twu7 */
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 */
@@ -17,26 +17,27 @@
17
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 */
18
18
 
19
19
  /* новые значения, используйте их */
20
+ --gap-4: var(--gap-2xs);
20
21
  } :root {
21
22
  } :root {
22
- } .gallery__info_1e21n {
23
+ } .gallery__info_ww5gu {
23
24
  height: 100%;
24
25
  display: flex;
25
26
  flex-direction: column;
26
27
  justify-content: center;
27
28
  overflow: hidden;
28
- } .gallery__filenameHead_1e21n {
29
+ } .gallery__filenameHead_ww5gu {
29
30
  display: inline;
30
31
  text-overflow: ellipsis;
31
32
  overflow: hidden;
32
33
  white-space: nowrap;
33
- } .gallery__filenameContainer_1e21n {
34
+ } .gallery__filenameContainer_ww5gu {
34
35
  overflow: hidden;
35
36
  display: inline-flex;
36
- } .gallery__description_1e21n {
37
+ } .gallery__description_ww5gu {
37
38
  display: inline;
38
39
  text-overflow: ellipsis;
39
40
  overflow: hidden;
40
41
  white-space: nowrap;
41
- margin-top: var(--gap-2xs);
42
+ margin-top: var(--gap-4);
42
43
  }
package/components/image-preview/Component.js CHANGED
@@ -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_1lbaz","active":"gallery__active_1lbaz","image":"gallery__image_1lbaz","preview":"gallery__preview_1lbaz","loading":"gallery__loading_1lbaz","brokenImageWrapper":"gallery__brokenImageWrapper_1lbaz","brokenIcon":"gallery__brokenIcon_1lbaz","focused":"gallery__focused_1lbaz"};
27
+ var styles = {"component":"gallery__component_1rm3t","active":"gallery__active_1rm3t","image":"gallery__image_1rm3t","preview":"gallery__preview_1rm3t","loading":"gallery__loading_1rm3t","brokenImageWrapper":"gallery__brokenImageWrapper_1rm3t","brokenIcon":"gallery__brokenIcon_1rm3t","focused":"gallery__focused_1rm3t"};
28
28
  require('./index.css')
29
29
 
30
30
  var ImagePreview = function (_a) {
package/components/image-preview/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l52nh */
1
+ /* hash: taloy */
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;
@@ -24,22 +24,23 @@
24
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 */
25
25
 
26
26
  /* новые значения, используйте их */
27
+ --gap-4: var(--gap-2xs);
27
28
  } :root {
28
29
  } :root {
29
30
  --focus-color: var(--color-light-status-info);
30
- } .gallery__component_1lbaz {
31
+ } .gallery__component_1rm3t {
31
32
  display: flex;
32
- padding: var(--gap-2xs);
33
+ padding: var(--gap-4);
33
34
  border: 2px solid rgba(0, 0, 0, 0);
34
35
  border-radius: var(--border-radius-l);
35
36
  overflow: hidden;
36
37
  transition: border 0.15s ease-in-out;
37
38
  outline: none;
38
- } .gallery__active_1lbaz {
39
+ } .gallery__active_1rm3t {
39
40
  border-color: var(--color-static-overlay-white-xhigh)
40
- } .gallery__active_1lbaz > .gallery__image_1lbaz {
41
+ } .gallery__active_1rm3t > .gallery__image_1rm3t {
41
42
  opacity: 0.7;
42
- } .gallery__preview_1lbaz {
43
+ } .gallery__preview_1rm3t {
43
44
  width: 56px;
44
45
  height: 56px;
45
46
  flex-shrink: 0;
@@ -47,9 +48,9 @@
47
48
  cursor: pointer;
48
49
  -webkit-user-select: none;
49
50
  user-select: none;
50
- } .gallery__image_1lbaz {
51
+ } .gallery__image_1rm3t {
51
52
  transition: opacity 0.15s ease-in-out
52
- } .gallery__image_1lbaz > img {
53
+ } .gallery__image_1rm3t > img {
53
54
  display: block;
54
55
  background-color: var(--color-light-base-bg-primary);
55
56
  width: 100%;
@@ -58,23 +59,23 @@
58
59
  object-fit: cover;
59
60
  overflow: clip;
60
61
  overflow-clip-margin: border-box;
61
- } .gallery__image_1lbaz:hover {
62
+ } .gallery__image_1rm3t:hover {
62
63
  opacity: 0.7;
63
- } .gallery__loading_1lbaz {
64
+ } .gallery__loading_1rm3t {
64
65
  background-color: var(--color-static-neutral-100-inverted)
65
- } .gallery__loading_1lbaz .gallery__active_1lbaz {
66
+ } .gallery__loading_1rm3t .gallery__active_1rm3t {
66
67
  background-color: var(--color-static-neutral-300-inverted);
67
- } .gallery__brokenImageWrapper_1lbaz {
68
+ } .gallery__brokenImageWrapper_1rm3t {
68
69
  display: flex;
69
70
  justify-content: center;
70
71
  align-items: center;
71
72
  background-color: var(--color-static-neutral-300-inverted)
72
- } .gallery__brokenImageWrapper_1lbaz:hover {
73
+ } .gallery__brokenImageWrapper_1rm3t:hover {
73
74
  opacity: 0.7;
74
- } .gallery__brokenIcon_1lbaz {
75
+ } .gallery__brokenIcon_1rm3t {
75
76
  width: 40px;
76
77
  height: 40px;
77
- } .gallery__focused_1lbaz {
78
+ } .gallery__focused_1rm3t {
78
79
  outline: 2px solid var(--focus-color);
79
80
  outline-offset: 2px;
80
81
  }
package/components/image-viewer/component.js CHANGED
@@ -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-bfe32b1b.js');
17
+ var components_imageViewer_slide = require('../../slide-9fe3e3d9.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 }; }
package/components/image-viewer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: vt9sl */
1
+ /* hash: 1sk38 */
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;
@@ -28,60 +28,62 @@
28
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 */
29
29
 
30
30
  /* новые значения, используйте их */
31
+ --gap-16: var(--gap-m);
32
+ --gap-32: var(--gap-2xl);
31
33
  } :root {
32
34
  } :root {
33
35
  --focus-color: var(--color-light-status-info);
34
- } .gallery__component_z3d3i {
36
+ } .gallery__component_s8p2x {
35
37
  display: flex;
36
38
  flex-grow: 1;
37
39
  justify-content: center;
38
40
  align-items: center;
39
41
  background-color: var(--color-static-neutral-0-inverted);
40
- } .gallery__swiper_z3d3i {
42
+ } .gallery__swiper_s8p2x {
41
43
  display: flex;
42
44
  width: 100%;
43
45
  height: 100%;
44
46
 
45
47
  /* 168px - высота хэдера и футера */
46
48
  max-height: calc(100vh - 168px);
47
- padding: var(--gap-2xl) var(--gap-m);
49
+ padding: var(--gap-32) var(--gap-16);
48
50
  box-sizing: border-box;
49
- } .gallery__singleSlide_z3d3i .gallery__swiper_z3d3i {
51
+ } .gallery__singleSlide_s8p2x .gallery__swiper_s8p2x {
50
52
  max-height: calc(100vh - 80px);
51
- padding: var(--gap-2xl);
52
- } .gallery__hidden_z3d3i {
53
+ padding: var(--gap-32);
54
+ } .gallery__hidden_s8p2x {
53
55
  display: none;
54
- } .gallery__slide_z3d3i {
56
+ } .gallery__slide_s8p2x {
55
57
  position: relative;
56
58
  display: flex;
57
59
  justify-content: center;
58
60
  align-items: center;
59
61
  width: 100%;
60
62
  height: 100%;
61
- } .gallery__slideLoading_z3d3i {
63
+ } .gallery__slideLoading_s8p2x {
62
64
  background-color: var(--color-static-neutral-100-inverted);
63
65
  border-radius: var(--border-radius-m);
64
- } .gallery__image_z3d3i {
66
+ } .gallery__image_s8p2x {
65
67
  width: 0;
66
68
  height: 0;
67
69
  -webkit-user-select: none;
68
70
  user-select: none;
69
71
  background-color: var(--color-light-base-bg-primary);
70
72
  border-radius: var(--border-radius-m);
71
- } .gallery__smallImage_z3d3i {
73
+ } .gallery__smallImage_s8p2x {
72
74
  position: relative;
73
75
  width: auto;
74
76
  height: auto;
75
77
  -webkit-user-select: none;
76
78
  user-select: none;
77
79
  background-color: var(--color-light-base-bg-primary);
78
- } .gallery__verticalImageFit_z3d3i {
80
+ } .gallery__verticalImageFit_s8p2x {
79
81
  width: auto;
80
82
  height: 100%;
81
- } .gallery__horizontalImageFit_z3d3i {
83
+ } .gallery__horizontalImageFit_s8p2x {
82
84
  width: 100%;
83
85
  height: auto;
84
- } .gallery__arrow_z3d3i {
86
+ } .gallery__arrow_s8p2x {
85
87
  display: flex;
86
88
  flex-direction: column;
87
89
  justify-content: center;
@@ -93,14 +95,14 @@
93
95
  color: var(--color-static-neutral-translucent-1300-inverted);
94
96
  transition: background-color 0.15s ease-in-out;
95
97
  outline: none
96
- } .gallery__arrow_z3d3i:hover {
98
+ } .gallery__arrow_s8p2x:hover {
97
99
  background-color: var(--color-static-neutral-0-inverted-hover);
98
- } .gallery__arrow_z3d3i:active {
100
+ } .gallery__arrow_s8p2x:active {
99
101
  background-color: var(--color-static-neutral-0-inverted-press);
100
- } .gallery__focused_z3d3i {
102
+ } .gallery__focused_s8p2x {
101
103
  outline: 2px solid var(--focus-color);
102
104
  outline-offset: 2px;
103
- } .gallery__placeholder_z3d3i {
105
+ } .gallery__placeholder_s8p2x {
104
106
  display: flex;
105
107
  justify-content: center;
106
108
  align-items: center;
@@ -108,18 +110,18 @@
108
110
  height: 300px;
109
111
  border-radius: var(--border-radius-m);
110
112
  background-color: var(--color-static-neutral-300-inverted);
111
- } .gallery__brokenImgWrapper_z3d3i {
113
+ } .gallery__brokenImgWrapper_s8p2x {
112
114
  position: relative;
113
115
  display: flex;
114
116
  flex-direction: column;
115
117
  align-items: center;
116
118
  width: 150px;
117
119
  text-align: center;
118
- } .gallery__brokenImgIcon_z3d3i {
120
+ } .gallery__brokenImgIcon_s8p2x {
119
121
  width: 80px;
120
122
  height: 80px;
121
123
  margin-bottom: var(--gap-2xs);
122
- } .gallery__fullScreenImage_z3d3i {
124
+ } .gallery__fullScreenImage_s8p2x {
123
125
  width: 100%;
124
126
  height: auto;
125
127
  background-color: var(--color-light-base-bg-primary);
package/components/image-viewer/slide.js CHANGED
@@ -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-bfe32b1b.js');
11
+ var components_imageViewer_slide = require('../../slide-9fe3e3d9.js');
12
12
 
13
13
 
14
14
 
package/components/navigation-bar/Component.js CHANGED
@@ -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_wqknu","preview":"gallery__preview_wqknu"};
15
+ var styles = {"component":"gallery__component_1oy4n","preview":"gallery__preview_1oy4n"};
16
16
  require('./index.css')
17
17
 
18
18
  var MIN_SCROLL_STEP = 24;
package/components/navigation-bar/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 77fag */
1
+ /* hash: 1y30a */
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 */
@@ -18,9 +18,11 @@
18
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 */
19
19
 
20
20
  /* новые значения, используйте их */
21
+ --gap-2: var(--gap-3xs);
22
+ --gap-24: var(--gap-xl);
21
23
  } :root {
22
24
  } :root {
23
- } .gallery__component_wqknu {
25
+ } .gallery__component_1oy4n {
24
26
  display: flex;
25
27
  flex-wrap: nowrap;
26
28
  align-content: center;
@@ -28,15 +30,15 @@
28
30
  flex-shrink: 0;
29
31
  overflow-x: auto;
30
32
  box-sizing: border-box;
31
- padding: 10px var(--gap-xl);
33
+ padding: 10px var(--gap-24);
32
34
  scrollbar-width: none
33
- } .gallery__component_wqknu::-webkit-scrollbar {
35
+ } .gallery__component_1oy4n::-webkit-scrollbar {
34
36
  display: none;
35
- } .gallery__preview_wqknu {
37
+ } .gallery__preview_1oy4n {
36
38
  flex-shrink: 0;
37
- margin: 0 var(--gap-3xs)
38
- } .gallery__preview_wqknu:first-child {
39
+ margin: 0 var(--gap-2)
40
+ } .gallery__preview_1oy4n:first-child {
39
41
  margin-left: auto;
40
- } .gallery__preview_wqknu:last-child {
42
+ } .gallery__preview_1oy4n:last-child {
41
43
  margin-right: auto;
42
44
  }
package/cssm/components/header/index.module.css CHANGED
@@ -21,6 +21,9 @@
21
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 */
22
22
 
23
23
  /* новые значения, используйте их */
24
+ --gap-16: var(--gap-m);
25
+ --gap-24: var(--gap-xl);
26
+ --gap-32: var(--gap-2xl);
24
27
  } :root {
25
28
  } :root {
26
29
  } .header {
@@ -28,11 +31,11 @@
28
31
  justify-content: space-between;
29
32
  flex-shrink: 0;
30
33
  width: 100%;
31
- padding: var(--gap-m) var(--gap-xl);
34
+ padding: var(--gap-16) var(--gap-24);
32
35
  box-sizing: border-box;
33
36
  } .buttons {
34
37
  display: flex;
35
- padding-left: var(--gap-2xl)
38
+ padding-left: var(--gap-32)
36
39
  } .buttons path {
37
40
  color: var(--color-static-neutral-translucent-1300-inverted);
38
41
  } /* TODO: применять static цвет через prop IconButton'а */ .iconButton:hover path {
package/cssm/components/header-info-block/index.module.css CHANGED
@@ -16,6 +16,7 @@
16
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 */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --gap-4: var(--gap-2xs);
19
20
  } :root {
20
21
  } :root {
21
22
  } .info {
@@ -37,5 +38,5 @@
37
38
  text-overflow: ellipsis;
38
39
  overflow: hidden;
39
40
  white-space: nowrap;
40
- margin-top: var(--gap-2xs);
41
+ margin-top: var(--gap-4);
41
42
  }
package/cssm/components/image-preview/index.module.css CHANGED
@@ -23,12 +23,13 @@
23
23
  --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 */
24
24
 
25
25
  /* новые значения, используйте их */
26
+ --gap-4: var(--gap-2xs);
26
27
  } :root {
27
28
  } :root {
28
29
  --focus-color: var(--color-light-status-info);
29
30
  } .component {
30
31
  display: flex;
31
- padding: var(--gap-2xs);
32
+ padding: var(--gap-4);
32
33
  border: 2px solid rgba(0, 0, 0, 0);
33
34
  border-radius: var(--border-radius-l);
34
35
  overflow: hidden;
package/cssm/components/image-viewer/index.module.css CHANGED
@@ -27,6 +27,8 @@
27
27
  --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
28
28
 
29
29
  /* новые значения, используйте их */
30
+ --gap-16: var(--gap-m);
31
+ --gap-32: var(--gap-2xl);
30
32
  } :root {
31
33
  } :root {
32
34
  --focus-color: var(--color-light-status-info);
@@ -43,11 +45,11 @@
43
45
 
44
46
  /* 168px - высота хэдера и футера */
45
47
  max-height: calc(100vh - 168px);
46
- padding: var(--gap-2xl) var(--gap-m);
48
+ padding: var(--gap-32) var(--gap-16);
47
49
  box-sizing: border-box;
48
50
  } .singleSlide .swiper {
49
51
  max-height: calc(100vh - 80px);
50
- padding: var(--gap-2xl);
52
+ padding: var(--gap-32);
51
53
  } .hidden {
52
54
  display: none;
53
55
  } .slide {
package/cssm/components/navigation-bar/index.module.css CHANGED
@@ -17,6 +17,8 @@
17
17
  --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 */
18
18
 
19
19
  /* новые значения, используйте их */
20
+ --gap-2: var(--gap-3xs);
21
+ --gap-24: var(--gap-xl);
20
22
  } :root {
21
23
  } :root {
22
24
  } .component {
@@ -27,13 +29,13 @@
27
29
  flex-shrink: 0;
28
30
  overflow-x: auto;
29
31
  box-sizing: border-box;
30
- padding: 10px var(--gap-xl);
32
+ padding: 10px var(--gap-24);
31
33
  scrollbar-width: none
32
34
  } .component::-webkit-scrollbar {
33
35
  display: none;
34
36
  } .preview {
35
37
  flex-shrink: 0;
36
- margin: 0 var(--gap-3xs)
38
+ margin: 0 var(--gap-2)
37
39
  } .preview:first-child {
38
40
  margin-left: auto;
39
41
  } .preview:last-child {
package/esm/Component.js CHANGED
@@ -7,7 +7,7 @@ import '@alfalab/hooks';
7
7
  import { GalleryContext } from './context.js';
8
8
  import { ImageViewer } from './components/image-viewer/component.js';
9
9
 
10
- var styles = {"container":"gallery__container_1bo97","modal":"gallery__modal_1bo97"};
10
+ var styles = {"container":"gallery__container_1i2i2","modal":"gallery__modal_1i2i2"};
11
11
  require('./index.css')
12
12
 
13
13
  var Backdrop = function () { return null; };