@alfalab/core-components-gallery 5.6.5 → 5.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/Component.js +1 -1
  2. package/{buttons-6c6c8e81.js → buttons-7413eb9c.js} +1 -1
  3. package/components/header/Component.js +1 -1
  4. package/components/header/buttons.js +1 -1
  5. package/components/header/index.css +14 -9
  6. package/components/header-info-block/Component.js +1 -1
  7. package/components/header-info-block/index.css +10 -7
  8. package/components/image-preview/Component.js +1 -1
  9. package/components/image-preview/index.css +21 -18
  10. package/components/image-viewer/component.js +1 -1
  11. package/components/image-viewer/index.css +27 -23
  12. package/components/image-viewer/slide.js +1 -1
  13. package/components/navigation-bar/Component.js +1 -1
  14. package/components/navigation-bar/index.css +13 -9
  15. package/cssm/components/header/index.module.css +8 -3
  16. package/cssm/components/header-info-block/index.module.css +5 -2
  17. package/cssm/components/image-preview/index.module.css +7 -4
  18. package/cssm/components/image-viewer/index.module.css +8 -4
  19. package/cssm/components/navigation-bar/index.module.css +7 -3
  20. package/cssm/index.module.css +3 -1
  21. package/esm/Component.js +1 -1
  22. package/esm/{buttons-89bc838d.js → buttons-c6111bd9.js} +1 -1
  23. package/esm/components/header/Component.js +1 -1
  24. package/esm/components/header/buttons.js +1 -1
  25. package/esm/components/header/index.css +14 -9
  26. package/esm/components/header-info-block/Component.js +1 -1
  27. package/esm/components/header-info-block/index.css +10 -7
  28. package/esm/components/image-preview/Component.js +1 -1
  29. package/esm/components/image-preview/index.css +21 -18
  30. package/esm/components/image-viewer/component.js +1 -1
  31. package/esm/components/image-viewer/index.css +27 -23
  32. package/esm/components/image-viewer/slide.js +1 -1
  33. package/esm/components/navigation-bar/Component.js +1 -1
  34. package/esm/components/navigation-bar/index.css +13 -9
  35. package/esm/index.css +6 -4
  36. package/esm/{slide-a664c8d2.js → slide-31fa8c5e.js} +1 -1
  37. package/index.css +6 -4
  38. package/modern/Component.js +1 -1
  39. package/modern/{buttons-8a8fe561.js → buttons-719896b0.js} +1 -1
  40. package/modern/components/header/Component.js +1 -1
  41. package/modern/components/header/buttons.js +1 -1
  42. package/modern/components/header/index.css +14 -9
  43. package/modern/components/header-info-block/Component.js +1 -1
  44. package/modern/components/header-info-block/index.css +10 -7
  45. package/modern/components/image-preview/Component.js +1 -1
  46. package/modern/components/image-preview/index.css +21 -18
  47. package/modern/components/image-viewer/component.js +1 -1
  48. package/modern/components/image-viewer/index.css +27 -23
  49. package/modern/components/image-viewer/slide.js +1 -1
  50. package/modern/components/navigation-bar/Component.js +1 -1
  51. package/modern/components/navigation-bar/index.css +13 -9
  52. package/modern/index.css +6 -4
  53. package/modern/{slide-c3f13cc1.js → slide-1d1c0510.js} +1 -1
  54. package/package.json +7 -7
  55. package/{slide-e24792f1.js → slide-c6551b6d.js} +1 -1
  56. package/src/components/header/index.module.css +2 -2
  57. package/src/components/header-info-block/index.module.css +1 -1
  58. package/src/components/image-preview/index.module.css +1 -1
  59. package/src/components/image-viewer/index.module.css +2 -2
  60. package/src/components/navigation-bar/index.module.css +2 -2
  61. /package/{buttons-6c6c8e81.d.ts → buttons-7413eb9c.d.ts} +0 -0
  62. /package/esm/{buttons-89bc838d.d.ts → buttons-c6111bd9.d.ts} +0 -0
  63. /package/esm/{slide-a664c8d2.d.ts → slide-31fa8c5e.d.ts} +0 -0
  64. /package/modern/{buttons-8a8fe561.d.ts → buttons-719896b0.d.ts} +0 -0
  65. /package/modern/{slide-c3f13cc1.d.ts → slide-1d1c0510.d.ts} +0 -0
  66. /package/{slide-e24792f1.d.ts → slide-c6551b6d.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: l3wug */
1
+ /* hash: 1huqa */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-base-bg-primary: #fff;
@@ -18,68 +18,72 @@
18
18
  /* Up */
19
19
 
20
20
  /* Hard up */
21
- } :root {
22
- --border-radius-m: 8px;
21
+ } :root { /* deprecated */ /* deprecated */
22
+ --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+
24
+ /* новые значения, используйте их */
23
25
  } :root { /* deprecated */
24
26
  --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
27
  --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
26
28
  --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
27
29
 
28
30
  /* новые значения, используйте их */
31
+ --gap-16: var(--gap-m);
32
+ --gap-32: var(--gap-2xl);
29
33
  } :root {
30
34
  } :root {
31
35
  --focus-color: var(--color-light-status-info);
32
- } .gallery__component_1pdv9 {
36
+ } .gallery__component_1rc6z {
33
37
  display: flex;
34
38
  flex-grow: 1;
35
39
  justify-content: center;
36
40
  align-items: center;
37
41
  background-color: var(--color-static-neutral-0-inverted);
38
- } .gallery__swiper_1pdv9 {
42
+ } .gallery__swiper_1rc6z {
39
43
  display: flex;
40
44
  width: 100%;
41
45
  height: 100%;
42
46
 
43
47
  /* 168px - высота хэдера и футера */
44
48
  max-height: calc(100vh - 168px);
45
- padding: var(--gap-2xl) var(--gap-m);
49
+ padding: var(--gap-32) var(--gap-16);
46
50
  box-sizing: border-box;
47
- } .gallery__singleSlide_1pdv9 .gallery__swiper_1pdv9 {
51
+ } .gallery__singleSlide_1rc6z .gallery__swiper_1rc6z {
48
52
  max-height: calc(100vh - 80px);
49
- padding: var(--gap-2xl);
50
- } .gallery__hidden_1pdv9 {
53
+ padding: var(--gap-32);
54
+ } .gallery__hidden_1rc6z {
51
55
  display: none;
52
- } .gallery__slide_1pdv9 {
56
+ } .gallery__slide_1rc6z {
53
57
  position: relative;
54
58
  display: flex;
55
59
  justify-content: center;
56
60
  align-items: center;
57
61
  width: 100%;
58
62
  height: 100%;
59
- } .gallery__slideLoading_1pdv9 {
63
+ } .gallery__slideLoading_1rc6z {
60
64
  background-color: var(--color-static-neutral-100-inverted);
61
65
  border-radius: var(--border-radius-m);
62
- } .gallery__image_1pdv9 {
66
+ } .gallery__image_1rc6z {
63
67
  width: 0;
64
68
  height: 0;
65
69
  -webkit-user-select: none;
66
70
  user-select: none;
67
71
  background-color: var(--color-light-base-bg-primary);
68
72
  border-radius: var(--border-radius-m);
69
- } .gallery__smallImage_1pdv9 {
73
+ } .gallery__smallImage_1rc6z {
70
74
  position: relative;
71
75
  width: auto;
72
76
  height: auto;
73
77
  -webkit-user-select: none;
74
78
  user-select: none;
75
79
  background-color: var(--color-light-base-bg-primary);
76
- } .gallery__verticalImageFit_1pdv9 {
80
+ } .gallery__verticalImageFit_1rc6z {
77
81
  width: auto;
78
82
  height: 100%;
79
- } .gallery__horizontalImageFit_1pdv9 {
83
+ } .gallery__horizontalImageFit_1rc6z {
80
84
  width: 100%;
81
85
  height: auto;
82
- } .gallery__arrow_1pdv9 {
86
+ } .gallery__arrow_1rc6z {
83
87
  display: flex;
84
88
  flex-direction: column;
85
89
  justify-content: center;
@@ -91,14 +95,14 @@
91
95
  color: var(--color-static-neutral-translucent-1300-inverted);
92
96
  transition: background-color 0.15s ease-in-out;
93
97
  outline: none
94
- } .gallery__arrow_1pdv9:hover {
98
+ } .gallery__arrow_1rc6z:hover {
95
99
  background-color: var(--color-static-neutral-0-inverted-hover);
96
- } .gallery__arrow_1pdv9:active {
100
+ } .gallery__arrow_1rc6z:active {
97
101
  background-color: var(--color-static-neutral-0-inverted-press);
98
- } .gallery__focused_1pdv9 {
102
+ } .gallery__focused_1rc6z {
99
103
  outline: 2px solid var(--focus-color);
100
104
  outline-offset: 2px;
101
- } .gallery__placeholder_1pdv9 {
105
+ } .gallery__placeholder_1rc6z {
102
106
  display: flex;
103
107
  justify-content: center;
104
108
  align-items: center;
@@ -106,18 +110,18 @@
106
110
  height: 300px;
107
111
  border-radius: var(--border-radius-m);
108
112
  background-color: var(--color-static-neutral-300-inverted);
109
- } .gallery__brokenImgWrapper_1pdv9 {
113
+ } .gallery__brokenImgWrapper_1rc6z {
110
114
  position: relative;
111
115
  display: flex;
112
116
  flex-direction: column;
113
117
  align-items: center;
114
118
  width: 150px;
115
119
  text-align: center;
116
- } .gallery__brokenImgIcon_1pdv9 {
120
+ } .gallery__brokenImgIcon_1rc6z {
117
121
  width: 80px;
118
122
  height: 80px;
119
123
  margin-bottom: var(--gap-2xs);
120
- } .gallery__fullScreenImage_1pdv9 {
124
+ } .gallery__fullScreenImage_1rc6z {
121
125
  width: 100%;
122
126
  height: auto;
123
127
  background-color: var(--color-light-base-bg-primary);
@@ -4,4 +4,4 @@ import '@alfalab/core-components-typography/modern';
4
4
  import '../../utils/utils.js';
5
5
  import '../../utils/constants.js';
6
6
  import './paths.js';
7
- export { S as Slide } from '../../slide-c3f13cc1.js';
7
+ export { S as Slide } from '../../slide-1d1c0510.js';
@@ -4,7 +4,7 @@ import { getImageKey } from '../../utils/utils.js';
4
4
  import { TestIds } from '../../utils/constants.js';
5
5
  import { ImagePreview } from '../image-preview/Component.js';
6
6
 
7
- const styles = {"component":"gallery__component_el00b","preview":"gallery__preview_el00b"};
7
+ const styles = {"component":"gallery__component_13b8t","preview":"gallery__preview_13b8t"};
8
8
  require('./index.css')
9
9
 
10
10
  const MIN_SCROLL_STEP = 24;
@@ -1,4 +1,4 @@
1
- /* hash: lz6fo */
1
+ /* hash: 1o8pn */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -10,15 +10,19 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
14
16
  } :root {
15
17
  --gap-3xs: 2px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
18
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
19
 
18
20
  /* новые значения, используйте их */
21
+ --gap-2: var(--gap-3xs);
22
+ --gap-24: var(--gap-xl);
19
23
  } :root {
20
24
  } :root {
21
- } .gallery__component_el00b {
25
+ } .gallery__component_13b8t {
22
26
  display: flex;
23
27
  flex-wrap: nowrap;
24
28
  align-content: center;
@@ -26,15 +30,15 @@
26
30
  flex-shrink: 0;
27
31
  overflow-x: auto;
28
32
  box-sizing: border-box;
29
- padding: 10px var(--gap-xl);
33
+ padding: 10px var(--gap-24);
30
34
  scrollbar-width: none
31
- } .gallery__component_el00b::-webkit-scrollbar {
35
+ } .gallery__component_13b8t::-webkit-scrollbar {
32
36
  display: none;
33
- } .gallery__preview_el00b {
37
+ } .gallery__preview_13b8t {
34
38
  flex-shrink: 0;
35
- margin: 0 var(--gap-3xs)
36
- } .gallery__preview_el00b:first-child {
39
+ margin: 0 var(--gap-2)
40
+ } .gallery__preview_13b8t:first-child {
37
41
  margin-left: auto;
38
- } .gallery__preview_el00b:last-child {
42
+ } .gallery__preview_13b8t:last-child {
39
43
  margin-right: auto;
40
44
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1buw4 */
1
+ /* hash: 1k16k */
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-0-inverted: #262629; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,20 +11,22 @@
11
11
  /* Up */
12
12
 
13
13
  /* Hard up */
14
- } :root {
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
15
17
  } :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 */
16
18
 
17
19
  /* новые значения, используйте их */
18
20
  } :root {
19
21
  } :root {
20
- } .gallery__container_ldr1h {
22
+ } .gallery__container_1ukr0 {
21
23
  display: flex;
22
24
  flex-direction: column;
23
25
  justify-content: space-between;
24
26
  height: 100%;
25
27
  width: 100%;
26
28
  background-color: var(--color-static-neutral-0-inverted);
27
- } .gallery__modal_ldr1h {
29
+ } .gallery__modal_1ukr0 {
28
30
  flex-grow: 1;
29
31
  width: 100%;
30
32
  height: 100%;
@@ -5,7 +5,7 @@ import { isSmallImage, getImageAlt } from './utils/utils.js';
5
5
  import { TestIds } from './utils/constants.js';
6
6
  import { NoImagePaths } from './components/image-viewer/paths.js';
7
7
 
8
- const styles = {"component":"gallery__component_1pdv9","swiper":"gallery__swiper_1pdv9","singleSlide":"gallery__singleSlide_1pdv9","hidden":"gallery__hidden_1pdv9","slide":"gallery__slide_1pdv9","slideLoading":"gallery__slideLoading_1pdv9","image":"gallery__image_1pdv9","smallImage":"gallery__smallImage_1pdv9","verticalImageFit":"gallery__verticalImageFit_1pdv9","horizontalImageFit":"gallery__horizontalImageFit_1pdv9","arrow":"gallery__arrow_1pdv9","focused":"gallery__focused_1pdv9","placeholder":"gallery__placeholder_1pdv9","brokenImgWrapper":"gallery__brokenImgWrapper_1pdv9","brokenImgIcon":"gallery__brokenImgIcon_1pdv9","fullScreenImage":"gallery__fullScreenImage_1pdv9"};
8
+ const styles = {"component":"gallery__component_1rc6z","swiper":"gallery__swiper_1rc6z","singleSlide":"gallery__singleSlide_1rc6z","hidden":"gallery__hidden_1rc6z","slide":"gallery__slide_1rc6z","slideLoading":"gallery__slideLoading_1rc6z","image":"gallery__image_1rc6z","smallImage":"gallery__smallImage_1rc6z","verticalImageFit":"gallery__verticalImageFit_1rc6z","horizontalImageFit":"gallery__horizontalImageFit_1rc6z","arrow":"gallery__arrow_1rc6z","focused":"gallery__focused_1rc6z","placeholder":"gallery__placeholder_1rc6z","brokenImgWrapper":"gallery__brokenImgWrapper_1rc6z","brokenImgIcon":"gallery__brokenImgIcon_1rc6z","fullScreenImage":"gallery__fullScreenImage_1rc6z"};
9
9
  require('./components/image-viewer/index.css')
10
10
 
11
11
  const SlideInner = ({ children, broken, loading, withPlaceholder }) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-gallery",
3
- "version": "5.6.5",
3
+ "version": "5.6.7",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,10 +14,10 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-base-modal": "^5.7.9",
18
- "@alfalab/core-components-icon-button": "^6.7.3",
19
- "@alfalab/core-components-tooltip": "^7.3.20",
20
- "@alfalab/core-components-typography": "^4.8.0",
17
+ "@alfalab/core-components-base-modal": "^5.7.11",
18
+ "@alfalab/core-components-icon-button": "^6.7.5",
19
+ "@alfalab/core-components-tooltip": "^7.3.22",
20
+ "@alfalab/core-components-typography": "^4.9.0",
21
21
  "@alfalab/hooks": "^1.13.0",
22
22
  "@alfalab/icons-glyph": "^2.139.0",
23
23
  "classnames": "^2.3.1",
@@ -25,6 +25,6 @@
25
25
  "swiper": "^6.8.2",
26
26
  "tslib": "^2.4.0"
27
27
  },
28
- "themesVersion": "13.0.1",
29
- "varsVersion": "9.10.0"
28
+ "themesVersion": "13.0.2",
29
+ "varsVersion": "9.11.1"
30
30
  }
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"component":"gallery__component_1pdv9","swiper":"gallery__swiper_1pdv9","singleSlide":"gallery__singleSlide_1pdv9","hidden":"gallery__hidden_1pdv9","slide":"gallery__slide_1pdv9","slideLoading":"gallery__slideLoading_1pdv9","image":"gallery__image_1pdv9","smallImage":"gallery__smallImage_1pdv9","verticalImageFit":"gallery__verticalImageFit_1pdv9","horizontalImageFit":"gallery__horizontalImageFit_1pdv9","arrow":"gallery__arrow_1pdv9","focused":"gallery__focused_1pdv9","placeholder":"gallery__placeholder_1pdv9","brokenImgWrapper":"gallery__brokenImgWrapper_1pdv9","brokenImgIcon":"gallery__brokenImgIcon_1pdv9","fullScreenImage":"gallery__fullScreenImage_1pdv9"};
15
+ var styles = {"component":"gallery__component_1rc6z","swiper":"gallery__swiper_1rc6z","singleSlide":"gallery__singleSlide_1rc6z","hidden":"gallery__hidden_1rc6z","slide":"gallery__slide_1rc6z","slideLoading":"gallery__slideLoading_1rc6z","image":"gallery__image_1rc6z","smallImage":"gallery__smallImage_1rc6z","verticalImageFit":"gallery__verticalImageFit_1rc6z","horizontalImageFit":"gallery__horizontalImageFit_1rc6z","arrow":"gallery__arrow_1rc6z","focused":"gallery__focused_1rc6z","placeholder":"gallery__placeholder_1rc6z","brokenImgWrapper":"gallery__brokenImgWrapper_1rc6z","brokenImgIcon":"gallery__brokenImgIcon_1rc6z","fullScreenImage":"gallery__fullScreenImage_1rc6z"};
16
16
  require('./components/image-viewer/index.css')
17
17
 
18
18
  var SlideInner = function (_a) {
@@ -5,13 +5,13 @@
5
5
  justify-content: space-between;
6
6
  flex-shrink: 0;
7
7
  width: 100%;
8
- padding: var(--gap-m) var(--gap-xl);
8
+ padding: var(--gap-16) var(--gap-24);
9
9
  box-sizing: border-box;
10
10
  }
11
11
 
12
12
  .buttons {
13
13
  display: flex;
14
- padding-left: var(--gap-2xl);
14
+ padding-left: var(--gap-32);
15
15
 
16
16
  & path {
17
17
  color: var(--color-static-neutral-translucent-1300-inverted);
@@ -25,5 +25,5 @@
25
25
  text-overflow: ellipsis;
26
26
  overflow: hidden;
27
27
  white-space: nowrap;
28
- margin-top: var(--gap-2xs);
28
+ margin-top: var(--gap-4);
29
29
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  .component {
4
4
  display: flex;
5
- padding: var(--gap-2xs);
5
+ padding: var(--gap-4);
6
6
  border: 2px solid rgba(0, 0, 0, 0);
7
7
  border-radius: var(--border-radius-l);
8
8
  overflow: hidden;
@@ -15,13 +15,13 @@
15
15
 
16
16
  /* 168px - высота хэдера и футера */
17
17
  max-height: calc(100vh - 168px);
18
- padding: var(--gap-2xl) var(--gap-m);
18
+ padding: var(--gap-32) var(--gap-16);
19
19
  box-sizing: border-box;
20
20
  }
21
21
 
22
22
  .singleSlide .swiper {
23
23
  max-height: calc(100vh - 80px);
24
- padding: var(--gap-2xl);
24
+ padding: var(--gap-32);
25
25
  }
26
26
 
27
27
  .hidden {
@@ -8,7 +8,7 @@
8
8
  flex-shrink: 0;
9
9
  overflow-x: auto;
10
10
  box-sizing: border-box;
11
- padding: 10px var(--gap-xl);
11
+ padding: 10px var(--gap-24);
12
12
  scrollbar-width: none;
13
13
 
14
14
  &::-webkit-scrollbar {
@@ -18,7 +18,7 @@
18
18
 
19
19
  .preview {
20
20
  flex-shrink: 0;
21
- margin: 0 var(--gap-3xs);
21
+ margin: 0 var(--gap-2);
22
22
 
23
23
  &:first-child {
24
24
  margin-left: auto;
File without changes