@alfalab/core-components-gallery 5.1.5 → 5.1.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 (63) hide show
  1. package/Component.js +3 -3
  2. package/components/header/Component.js +2 -2
  3. package/components/header/buttons.js +1 -1
  4. package/components/header/index.css +3 -3
  5. package/components/header/index.js +1 -1
  6. package/components/header-info-block/Component.js +1 -1
  7. package/components/header-info-block/index.css +5 -5
  8. package/components/image-preview/Component.js +1 -1
  9. package/components/image-preview/index.css +12 -12
  10. package/components/image-viewer/component.js +2 -2
  11. package/components/image-viewer/index.css +19 -19
  12. package/components/image-viewer/index.js +2 -2
  13. package/components/image-viewer/slide.js +1 -1
  14. package/components/index.js +2 -2
  15. package/components/navigation-bar/Component.js +1 -1
  16. package/components/navigation-bar/index.css +6 -6
  17. package/esm/Component.js +3 -3
  18. package/esm/components/header/Component.js +2 -2
  19. package/esm/components/header/buttons.js +1 -1
  20. package/esm/components/header/index.css +3 -3
  21. package/esm/components/header/index.js +1 -1
  22. package/esm/components/header-info-block/Component.js +1 -1
  23. package/esm/components/header-info-block/index.css +5 -5
  24. package/esm/components/image-preview/Component.js +1 -1
  25. package/esm/components/image-preview/index.css +12 -12
  26. package/esm/components/image-viewer/component.js +2 -2
  27. package/esm/components/image-viewer/index.css +19 -19
  28. package/esm/components/image-viewer/index.js +2 -2
  29. package/esm/components/image-viewer/slide.js +1 -1
  30. package/esm/components/index.js +2 -2
  31. package/esm/components/navigation-bar/Component.js +1 -1
  32. package/esm/components/navigation-bar/index.css +6 -6
  33. package/esm/index.css +3 -3
  34. package/esm/index.js +2 -2
  35. package/esm/{slide-8e346f19.d.ts → slide-46418ef3.d.ts} +0 -0
  36. package/esm/{slide-8e346f19.js → slide-46418ef3.js} +1 -1
  37. package/esm/{tslib.es6-fa71e962.d.ts → tslib.es6-f83f7162.d.ts} +0 -0
  38. package/esm/{tslib.es6-fa71e962.js → tslib.es6-f83f7162.js} +0 -0
  39. package/index.css +3 -3
  40. package/index.js +2 -2
  41. package/modern/Component.js +2 -2
  42. package/modern/components/header/Component.js +1 -1
  43. package/modern/components/header/index.css +3 -3
  44. package/modern/components/header-info-block/Component.js +1 -1
  45. package/modern/components/header-info-block/index.css +5 -5
  46. package/modern/components/image-preview/Component.js +1 -1
  47. package/modern/components/image-preview/index.css +12 -12
  48. package/modern/components/image-viewer/component.js +1 -1
  49. package/modern/components/image-viewer/index.css +19 -19
  50. package/modern/components/image-viewer/index.js +1 -1
  51. package/modern/components/image-viewer/slide.js +1 -1
  52. package/modern/components/index.js +1 -1
  53. package/modern/components/navigation-bar/Component.js +1 -1
  54. package/modern/components/navigation-bar/index.css +6 -6
  55. package/modern/index.css +3 -3
  56. package/modern/index.js +1 -1
  57. package/modern/{slide-87fc2658.d.ts → slide-a3d2b20a.d.ts} +0 -0
  58. package/modern/{slide-87fc2658.js → slide-a3d2b20a.js} +1 -1
  59. package/package.json +3 -3
  60. package/{slide-c0784b7a.d.ts → slide-4f35f081.d.ts} +0 -0
  61. package/{slide-c0784b7a.js → slide-4f35f081.js} +1 -1
  62. /package/{tslib.es6-9a318bd4.d.ts → tslib.es6-bff5e97e.d.ts} +0 -0
  63. /package/{tslib.es6-9a318bd4.js → tslib.es6-bff5e97e.js} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: f8n36 */
1
+ /* hash: 19h0y */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-link: #007aff;
@@ -26,14 +26,14 @@
26
26
  :root {
27
27
  --focus-color: var(--color-light-border-link);
28
28
  }
29
- .gallery__component_e1nqh {
29
+ .gallery__component_r7kt0 {
30
30
  display: flex;
31
31
  flex-grow: 1;
32
32
  justify-content: center;
33
33
  align-items: center;
34
34
  background-color: var(--color-light-bg-primary-inverted-alpha-50);
35
35
  }
36
- .gallery__swiper_e1nqh {
36
+ .gallery__swiper_r7kt0 {
37
37
  display: flex;
38
38
  width: 100%;
39
39
  height: 100%;
@@ -43,14 +43,14 @@
43
43
  padding: var(--gap-2xl) var(--gap-m);
44
44
  box-sizing: border-box;
45
45
  }
46
- .gallery__singleSlide_e1nqh .gallery__swiper_e1nqh {
46
+ .gallery__singleSlide_r7kt0 .gallery__swiper_r7kt0 {
47
47
  max-height: calc(100vh - 80px);
48
48
  padding: var(--gap-2xl);
49
49
  }
50
- .gallery__hidden_e1nqh {
50
+ .gallery__hidden_r7kt0 {
51
51
  display: none;
52
52
  }
53
- .gallery__slide_e1nqh {
53
+ .gallery__slide_r7kt0 {
54
54
  position: relative;
55
55
  display: flex;
56
56
  justify-content: center;
@@ -58,12 +58,12 @@
58
58
  width: 100%;
59
59
  height: 100%;
60
60
  }
61
- .gallery__slideLoading_e1nqh {
61
+ .gallery__slideLoading_r7kt0 {
62
62
  /* TODO: цвета нет в палитре */
63
63
  background-color: #e9eaeb;
64
64
  border-radius: var(--border-radius-m);
65
65
  }
66
- .gallery__image_e1nqh {
66
+ .gallery__image_r7kt0 {
67
67
  width: 0;
68
68
  height: 0;
69
69
  -webkit-user-select: none;
@@ -71,7 +71,7 @@
71
71
  background-color: var(--color-light-bg-primary);
72
72
  border-radius: var(--border-radius-m);
73
73
  }
74
- .gallery__smallImage_e1nqh {
74
+ .gallery__smallImage_r7kt0 {
75
75
  position: relative;
76
76
  width: auto;
77
77
  height: auto;
@@ -79,15 +79,15 @@
79
79
  user-select: none;
80
80
  background-color: var(--color-light-bg-primary);
81
81
  }
82
- .gallery__verticalImageFit_e1nqh {
82
+ .gallery__verticalImageFit_r7kt0 {
83
83
  width: auto;
84
84
  height: 100%;
85
85
  }
86
- .gallery__horizontalImageFit_e1nqh {
86
+ .gallery__horizontalImageFit_r7kt0 {
87
87
  width: 100%;
88
88
  height: auto;
89
89
  }
90
- .gallery__arrow_e1nqh {
90
+ .gallery__arrow_r7kt0 {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  justify-content: center;
@@ -100,17 +100,17 @@
100
100
  transition: background-color 0.15s ease-in-out;
101
101
  outline: none
102
102
  }
103
- .gallery__arrow_e1nqh:hover {
103
+ .gallery__arrow_r7kt0:hover {
104
104
  background-color: var(--color-light-bg-primary-inverted-alpha-10);
105
105
  }
106
- .gallery__arrow_e1nqh:active {
106
+ .gallery__arrow_r7kt0:active {
107
107
  background-color: var(--color-light-bg-primary-inverted-alpha-20);
108
108
  }
109
- .gallery__focused_e1nqh {
109
+ .gallery__focused_r7kt0 {
110
110
  outline: 2px solid var(--focus-color);
111
111
  outline-offset: 2px;
112
112
  }
113
- .gallery__placeholder_e1nqh {
113
+ .gallery__placeholder_r7kt0 {
114
114
  display: flex;
115
115
  justify-content: center;
116
116
  align-items: center;
@@ -119,7 +119,7 @@
119
119
  border-radius: var(--border-radius-m);
120
120
  background-color: var(--color-light-bg-primary);
121
121
  }
122
- .gallery__brokenImgWrapper_e1nqh {
122
+ .gallery__brokenImgWrapper_r7kt0 {
123
123
  position: relative;
124
124
  display: flex;
125
125
  flex-direction: column;
@@ -127,12 +127,12 @@
127
127
  width: 150px;
128
128
  text-align: center;
129
129
  }
130
- .gallery__brokenImgIcon_e1nqh {
130
+ .gallery__brokenImgIcon_r7kt0 {
131
131
  width: 80px;
132
132
  height: 80px;
133
133
  margin-bottom: var(--gap-2xs);
134
134
  }
135
- .gallery__fullScreenImage_e1nqh {
135
+ .gallery__fullScreenImage_r7kt0 {
136
136
  width: 100%;
137
137
  height: auto;
138
138
  background-color: var(--color-light-bg-primary);
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
10
10
  import '../../context.js';
11
11
  import '../../utils/utils.js';
12
12
  import '../../utils/constants.js';
13
- import '../../slide-87fc2658.js';
13
+ import '../../slide-a3d2b20a.js';
14
14
  import '@alfalab/core-components-typography/modern';
15
15
  import './paths.js';
16
16
  import 'swiper/swiper.min.css';
@@ -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-87fc2658.js';
7
+ export { S as Slide } from '../../slide-a3d2b20a.js';
@@ -24,6 +24,6 @@ import 'swiper';
24
24
  import 'swiper/react';
25
25
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
26
26
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
27
- import '../slide-87fc2658.js';
27
+ import '../slide-a3d2b20a.js';
28
28
  import './image-viewer/paths.js';
29
29
  import 'swiper/swiper.min.css';
@@ -7,7 +7,7 @@ import 'classnames';
7
7
  import '@alfalab/hooks';
8
8
  import '../image-preview/paths.js';
9
9
 
10
- const styles = {"component":"gallery__component_1f1tu","preview":"gallery__preview_1f1tu"};
10
+ const styles = {"component":"gallery__component_ro40h","preview":"gallery__preview_ro40h"};
11
11
  require('./index.css')
12
12
 
13
13
  const MIN_SCROLL_STEP = 24;
@@ -1,4 +1,4 @@
1
- /* hash: 1rqwo */
1
+ /* hash: 8x8ec */
2
2
  :root {
3
3
  --color-light-bg-tertiary-inverted: #3c4c5d;
4
4
  }
@@ -14,7 +14,7 @@
14
14
  --gap-3xs: 2px;
15
15
  --gap-xl: 24px;
16
16
  }
17
- .gallery__component_1f1tu {
17
+ .gallery__component_ro40h {
18
18
  display: flex;
19
19
  flex-wrap: nowrap;
20
20
  align-content: center;
@@ -27,16 +27,16 @@
27
27
  background-color: var(--color-light-bg-tertiary-inverted);
28
28
  scrollbar-width: none
29
29
  }
30
- .gallery__component_1f1tu::-webkit-scrollbar {
30
+ .gallery__component_ro40h::-webkit-scrollbar {
31
31
  display: none;
32
32
  }
33
- .gallery__preview_1f1tu {
33
+ .gallery__preview_ro40h {
34
34
  flex-shrink: 0;
35
35
  margin: 0 var(--gap-3xs)
36
36
  }
37
- .gallery__preview_1f1tu:first-child {
37
+ .gallery__preview_ro40h:first-child {
38
38
  margin-left: auto;
39
39
  }
40
- .gallery__preview_1f1tu:last-child {
40
+ .gallery__preview_ro40h:last-child {
41
41
  margin-right: auto;
42
42
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: aw3m3 */
1
+ /* hash: 1tp0i */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,14 +7,14 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .gallery__container_1slnl {
10
+ .gallery__container_6qglk {
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  justify-content: space-between;
14
14
  height: 100%;
15
15
  width: 100%;
16
16
  }
17
- .gallery__modal_1slnl {
17
+ .gallery__modal_6qglk {
18
18
  flex-grow: 1;
19
19
  width: 100%;
20
20
  height: 100%;
package/modern/index.js CHANGED
@@ -26,6 +26,6 @@ import 'swiper';
26
26
  import 'swiper/react';
27
27
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
28
28
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
29
- import './slide-87fc2658.js';
29
+ import './slide-a3d2b20a.js';
30
30
  import './components/image-viewer/paths.js';
31
31
  import 'swiper/swiper.min.css';
@@ -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_e1nqh","swiper":"gallery__swiper_e1nqh","singleSlide":"gallery__singleSlide_e1nqh","hidden":"gallery__hidden_e1nqh","slide":"gallery__slide_e1nqh","slideLoading":"gallery__slideLoading_e1nqh","image":"gallery__image_e1nqh","smallImage":"gallery__smallImage_e1nqh","verticalImageFit":"gallery__verticalImageFit_e1nqh","horizontalImageFit":"gallery__horizontalImageFit_e1nqh","arrow":"gallery__arrow_e1nqh","focused":"gallery__focused_e1nqh","placeholder":"gallery__placeholder_e1nqh","brokenImgWrapper":"gallery__brokenImgWrapper_e1nqh","brokenImgIcon":"gallery__brokenImgIcon_e1nqh","fullScreenImage":"gallery__fullScreenImage_e1nqh"};
8
+ const styles = {"component":"gallery__component_r7kt0","swiper":"gallery__swiper_r7kt0","singleSlide":"gallery__singleSlide_r7kt0","hidden":"gallery__hidden_r7kt0","slide":"gallery__slide_r7kt0","slideLoading":"gallery__slideLoading_r7kt0","image":"gallery__image_r7kt0","smallImage":"gallery__smallImage_r7kt0","verticalImageFit":"gallery__verticalImageFit_r7kt0","horizontalImageFit":"gallery__horizontalImageFit_r7kt0","arrow":"gallery__arrow_r7kt0","focused":"gallery__focused_r7kt0","placeholder":"gallery__placeholder_r7kt0","brokenImgWrapper":"gallery__brokenImgWrapper_r7kt0","brokenImgIcon":"gallery__brokenImgIcon_r7kt0","fullScreenImage":"gallery__fullScreenImage_r7kt0"};
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.1.5",
3
+ "version": "5.1.7",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,10 +19,10 @@
19
19
  "dependencies": {
20
20
  "@alfalab/core-components-base-modal": "^5.0.7",
21
21
  "@alfalab/core-components-icon-button": "^6.0.2",
22
- "@alfalab/core-components-tooltip": "^6.2.0",
22
+ "@alfalab/core-components-tooltip": "^6.2.1",
23
23
  "@alfalab/core-components-typography": "^3.0.7",
24
24
  "@alfalab/hooks": "^1.4.1",
25
- "@alfalab/icons-glyph": "^2.71.0",
25
+ "@alfalab/icons-glyph": "^2.89.0",
26
26
  "classnames": "^2.3.1",
27
27
  "element-closest": "^3.0.2",
28
28
  "swiper": "^6.8.2"
File without changes
@@ -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_e1nqh","swiper":"gallery__swiper_e1nqh","singleSlide":"gallery__singleSlide_e1nqh","hidden":"gallery__hidden_e1nqh","slide":"gallery__slide_e1nqh","slideLoading":"gallery__slideLoading_e1nqh","image":"gallery__image_e1nqh","smallImage":"gallery__smallImage_e1nqh","verticalImageFit":"gallery__verticalImageFit_e1nqh","horizontalImageFit":"gallery__horizontalImageFit_e1nqh","arrow":"gallery__arrow_e1nqh","focused":"gallery__focused_e1nqh","placeholder":"gallery__placeholder_e1nqh","brokenImgWrapper":"gallery__brokenImgWrapper_e1nqh","brokenImgIcon":"gallery__brokenImgIcon_e1nqh","fullScreenImage":"gallery__fullScreenImage_e1nqh"};
15
+ var styles = {"component":"gallery__component_r7kt0","swiper":"gallery__swiper_r7kt0","singleSlide":"gallery__singleSlide_r7kt0","hidden":"gallery__hidden_r7kt0","slide":"gallery__slide_r7kt0","slideLoading":"gallery__slideLoading_r7kt0","image":"gallery__image_r7kt0","smallImage":"gallery__smallImage_r7kt0","verticalImageFit":"gallery__verticalImageFit_r7kt0","horizontalImageFit":"gallery__horizontalImageFit_r7kt0","arrow":"gallery__arrow_r7kt0","focused":"gallery__focused_r7kt0","placeholder":"gallery__placeholder_r7kt0","brokenImgWrapper":"gallery__brokenImgWrapper_r7kt0","brokenImgIcon":"gallery__brokenImgIcon_r7kt0","fullScreenImage":"gallery__fullScreenImage_r7kt0"};
16
16
  require('./components/image-viewer/index.css')
17
17
 
18
18
  var SlideInner = function (_a) {