@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.
- package/Component.js +1 -1
- package/{buttons-6c6c8e81.js → buttons-7413eb9c.js} +1 -1
- package/components/header/Component.js +1 -1
- package/components/header/buttons.js +1 -1
- package/components/header/index.css +14 -9
- package/components/header-info-block/Component.js +1 -1
- package/components/header-info-block/index.css +10 -7
- package/components/image-preview/Component.js +1 -1
- package/components/image-preview/index.css +21 -18
- package/components/image-viewer/component.js +1 -1
- package/components/image-viewer/index.css +27 -23
- package/components/image-viewer/slide.js +1 -1
- package/components/navigation-bar/Component.js +1 -1
- package/components/navigation-bar/index.css +13 -9
- package/cssm/components/header/index.module.css +8 -3
- package/cssm/components/header-info-block/index.module.css +5 -2
- package/cssm/components/image-preview/index.module.css +7 -4
- package/cssm/components/image-viewer/index.module.css +8 -4
- package/cssm/components/navigation-bar/index.module.css +7 -3
- package/cssm/index.module.css +3 -1
- package/esm/Component.js +1 -1
- package/esm/{buttons-89bc838d.js → buttons-c6111bd9.js} +1 -1
- package/esm/components/header/Component.js +1 -1
- package/esm/components/header/buttons.js +1 -1
- package/esm/components/header/index.css +14 -9
- package/esm/components/header-info-block/Component.js +1 -1
- package/esm/components/header-info-block/index.css +10 -7
- package/esm/components/image-preview/Component.js +1 -1
- package/esm/components/image-preview/index.css +21 -18
- package/esm/components/image-viewer/component.js +1 -1
- package/esm/components/image-viewer/index.css +27 -23
- package/esm/components/image-viewer/slide.js +1 -1
- package/esm/components/navigation-bar/Component.js +1 -1
- package/esm/components/navigation-bar/index.css +13 -9
- package/esm/index.css +6 -4
- package/esm/{slide-a664c8d2.js → slide-31fa8c5e.js} +1 -1
- package/index.css +6 -4
- package/modern/Component.js +1 -1
- package/modern/{buttons-8a8fe561.js → buttons-719896b0.js} +1 -1
- package/modern/components/header/Component.js +1 -1
- package/modern/components/header/buttons.js +1 -1
- package/modern/components/header/index.css +14 -9
- package/modern/components/header-info-block/Component.js +1 -1
- package/modern/components/header-info-block/index.css +10 -7
- package/modern/components/image-preview/Component.js +1 -1
- package/modern/components/image-preview/index.css +21 -18
- package/modern/components/image-viewer/component.js +1 -1
- package/modern/components/image-viewer/index.css +27 -23
- package/modern/components/image-viewer/slide.js +1 -1
- package/modern/components/navigation-bar/Component.js +1 -1
- package/modern/components/navigation-bar/index.css +13 -9
- package/modern/index.css +6 -4
- package/modern/{slide-c3f13cc1.js → slide-1d1c0510.js} +1 -1
- package/package.json +7 -7
- package/{slide-e24792f1.js → slide-c6551b6d.js} +1 -1
- package/src/components/header/index.module.css +2 -2
- package/src/components/header-info-block/index.module.css +1 -1
- package/src/components/image-preview/index.module.css +1 -1
- package/src/components/image-viewer/index.module.css +2 -2
- package/src/components/navigation-bar/index.module.css +2 -2
- /package/{buttons-6c6c8e81.d.ts → buttons-7413eb9c.d.ts} +0 -0
- /package/esm/{buttons-89bc838d.d.ts → buttons-c6111bd9.d.ts} +0 -0
- /package/esm/{slide-a664c8d2.d.ts → slide-31fa8c5e.d.ts} +0 -0
- /package/modern/{buttons-8a8fe561.d.ts → buttons-719896b0.d.ts} +0 -0
- /package/modern/{slide-c3f13cc1.d.ts → slide-1d1c0510.d.ts} +0 -0
- /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":"
|
|
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":"
|
|
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-
|
|
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-
|
|
13
|
+
var components_header_buttons = require('../../buttons-7413eb9c.js');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
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
|
-
} .
|
|
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-
|
|
35
|
+
padding: var(--gap-16) var(--gap-24);
|
|
31
36
|
box-sizing: border-box;
|
|
32
|
-
} .
|
|
37
|
+
} .gallery__buttons_1kq4w {
|
|
33
38
|
display: flex;
|
|
34
|
-
padding-left: var(--gap-
|
|
35
|
-
} .
|
|
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'а */ .
|
|
42
|
+
} /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_1kq4w:hover path {
|
|
38
43
|
color: var(--color-static-neutral-100-hover);
|
|
39
|
-
} .
|
|
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":"
|
|
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:
|
|
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
|
-
} .
|
|
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
|
-
} .
|
|
29
|
+
} .gallery__filenameHead_eb984 {
|
|
27
30
|
display: inline;
|
|
28
31
|
text-overflow: ellipsis;
|
|
29
32
|
overflow: hidden;
|
|
30
33
|
white-space: nowrap;
|
|
31
|
-
} .
|
|
34
|
+
} .gallery__filenameContainer_eb984 {
|
|
32
35
|
overflow: hidden;
|
|
33
36
|
display: inline-flex;
|
|
34
|
-
} .
|
|
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-
|
|
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":"
|
|
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:
|
|
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
|
-
} .
|
|
31
|
+
} .gallery__component_1917k {
|
|
29
32
|
display: flex;
|
|
30
|
-
padding: var(--gap-
|
|
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
|
-
} .
|
|
39
|
+
} .gallery__active_1917k {
|
|
37
40
|
border-color: var(--color-static-overlay-white-xhigh)
|
|
38
|
-
} .
|
|
41
|
+
} .gallery__active_1917k > .gallery__image_1917k {
|
|
39
42
|
opacity: 0.7;
|
|
40
|
-
} .
|
|
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
|
-
} .
|
|
51
|
+
} .gallery__image_1917k {
|
|
49
52
|
transition: opacity 0.15s ease-in-out
|
|
50
|
-
} .
|
|
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
|
-
} .
|
|
62
|
+
} .gallery__image_1917k:hover {
|
|
60
63
|
opacity: 0.7;
|
|
61
|
-
} .
|
|
64
|
+
} .gallery__loading_1917k {
|
|
62
65
|
background-color: var(--color-static-neutral-100-inverted)
|
|
63
|
-
} .
|
|
66
|
+
} .gallery__loading_1917k .gallery__active_1917k {
|
|
64
67
|
background-color: var(--color-static-neutral-300-inverted);
|
|
65
|
-
} .
|
|
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
|
-
} .
|
|
73
|
+
} .gallery__brokenImageWrapper_1917k:hover {
|
|
71
74
|
opacity: 0.7;
|
|
72
|
-
} .
|
|
75
|
+
} .gallery__brokenIcon_1917k {
|
|
73
76
|
width: 40px;
|
|
74
77
|
height: 40px;
|
|
75
|
-
} .
|
|
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-
|
|
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:
|
|
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
|
-
} .
|
|
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
|
-
} .
|
|
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-
|
|
49
|
+
padding: var(--gap-32) var(--gap-16);
|
|
46
50
|
box-sizing: border-box;
|
|
47
|
-
} .
|
|
51
|
+
} .gallery__singleSlide_1rc6z .gallery__swiper_1rc6z {
|
|
48
52
|
max-height: calc(100vh - 80px);
|
|
49
|
-
padding: var(--gap-
|
|
50
|
-
} .
|
|
53
|
+
padding: var(--gap-32);
|
|
54
|
+
} .gallery__hidden_1rc6z {
|
|
51
55
|
display: none;
|
|
52
|
-
} .
|
|
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
|
-
} .
|
|
63
|
+
} .gallery__slideLoading_1rc6z {
|
|
60
64
|
background-color: var(--color-static-neutral-100-inverted);
|
|
61
65
|
border-radius: var(--border-radius-m);
|
|
62
|
-
} .
|
|
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
|
-
} .
|
|
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
|
-
} .
|
|
80
|
+
} .gallery__verticalImageFit_1rc6z {
|
|
77
81
|
width: auto;
|
|
78
82
|
height: 100%;
|
|
79
|
-
} .
|
|
83
|
+
} .gallery__horizontalImageFit_1rc6z {
|
|
80
84
|
width: 100%;
|
|
81
85
|
height: auto;
|
|
82
|
-
} .
|
|
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
|
-
} .
|
|
98
|
+
} .gallery__arrow_1rc6z:hover {
|
|
95
99
|
background-color: var(--color-static-neutral-0-inverted-hover);
|
|
96
|
-
} .
|
|
100
|
+
} .gallery__arrow_1rc6z:active {
|
|
97
101
|
background-color: var(--color-static-neutral-0-inverted-press);
|
|
98
|
-
} .
|
|
102
|
+
} .gallery__focused_1rc6z {
|
|
99
103
|
outline: 2px solid var(--focus-color);
|
|
100
104
|
outline-offset: 2px;
|
|
101
|
-
} .
|
|
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
|
-
} .
|
|
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
|
-
} .
|
|
120
|
+
} .gallery__brokenImgIcon_1rc6z {
|
|
117
121
|
width: 80px;
|
|
118
122
|
height: 80px;
|
|
119
123
|
margin-bottom: var(--gap-2xs);
|
|
120
|
-
} .
|
|
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-
|
|
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":"
|
|
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:
|
|
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
|
-
} .
|
|
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-
|
|
33
|
+
padding: 10px var(--gap-24);
|
|
30
34
|
scrollbar-width: none
|
|
31
|
-
} .
|
|
35
|
+
} .gallery__component_13b8t::-webkit-scrollbar {
|
|
32
36
|
display: none;
|
|
33
|
-
} .
|
|
37
|
+
} .gallery__preview_13b8t {
|
|
34
38
|
flex-shrink: 0;
|
|
35
|
-
margin: 0 var(--gap-
|
|
36
|
-
} .
|
|
39
|
+
margin: 0 var(--gap-2)
|
|
40
|
+
} .gallery__preview_13b8t:first-child {
|
|
37
41
|
margin-left: auto;
|
|
38
|
-
} .
|
|
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-
|
|
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-
|
|
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-
|
|
41
|
+
margin-top: var(--gap-4);
|
|
39
42
|
}
|