@alfalab/core-components-gallery 5.0.12 → 5.0.13

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 (65) 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-70316e92.d.ts → slide-6392c5de.d.ts} +0 -0
  36. package/esm/{slide-70316e92.js → slide-6392c5de.js} +1 -1
  37. package/esm/{tslib.es6-f6a4526b.d.ts → tslib.es6-2d75caeb.d.ts} +0 -0
  38. package/esm/{tslib.es6-f6a4526b.js → tslib.es6-2d75caeb.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/buttons.js +2 -2
  44. package/modern/components/header/index.css +3 -3
  45. package/modern/components/header-info-block/Component.js +1 -1
  46. package/modern/components/header-info-block/index.css +5 -5
  47. package/modern/components/image-preview/Component.js +2 -2
  48. package/modern/components/image-preview/index.css +12 -12
  49. package/modern/components/image-viewer/component.js +4 -4
  50. package/modern/components/image-viewer/index.css +19 -19
  51. package/modern/components/image-viewer/index.js +1 -1
  52. package/modern/components/image-viewer/slide.js +1 -1
  53. package/modern/components/index.js +1 -1
  54. package/modern/components/navigation-bar/Component.js +2 -2
  55. package/modern/components/navigation-bar/index.css +6 -6
  56. package/modern/index.css +3 -3
  57. package/modern/index.js +1 -1
  58. package/modern/{slide-c395e711.d.ts → slide-dd8c2f8d.d.ts} +0 -0
  59. package/modern/{slide-c395e711.js → slide-dd8c2f8d.js} +1 -1
  60. package/package.json +2 -2
  61. package/send-stats.js +1 -1
  62. package/{slide-d73d039b.d.ts → slide-7ff5ea13.d.ts} +0 -0
  63. package/{slide-d73d039b.js → slide-7ff5ea13.js} +1 -1
  64. /package/{tslib.es6-29f984f9.d.ts → tslib.es6-3dbd3e7f.d.ts} +0 -0
  65. /package/{tslib.es6-29f984f9.js → tslib.es6-3dbd3e7f.js} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: 6vf5a */
1
+ /* hash: 1ia22 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-link: #007aff;
@@ -29,14 +29,14 @@
29
29
  :root {
30
30
  --gallery-broken-image-icon: url('https://alfabank.servicecdn.ru/icons/art_no-image_s.svg');
31
31
  }
32
- .gallery__component_1ywkh {
32
+ .gallery__component_1hde6 {
33
33
  display: flex;
34
34
  flex-grow: 1;
35
35
  justify-content: center;
36
36
  align-items: center;
37
37
  background-color: var(--color-light-bg-primary-inverted-alpha-50);
38
38
  }
39
- .gallery__swiper_1ywkh {
39
+ .gallery__swiper_1hde6 {
40
40
  display: flex;
41
41
  width: 100%;
42
42
  height: 100%;
@@ -46,14 +46,14 @@
46
46
  padding: var(--gap-2xl) var(--gap-m);
47
47
  box-sizing: border-box;
48
48
  }
49
- .gallery__singleSlide_1ywkh .gallery__swiper_1ywkh {
49
+ .gallery__singleSlide_1hde6 .gallery__swiper_1hde6 {
50
50
  max-height: calc(100vh - 80px);
51
51
  padding: var(--gap-2xl);
52
52
  }
53
- .gallery__hidden_1ywkh {
53
+ .gallery__hidden_1hde6 {
54
54
  display: none;
55
55
  }
56
- .gallery__slide_1ywkh {
56
+ .gallery__slide_1hde6 {
57
57
  position: relative;
58
58
  display: flex;
59
59
  justify-content: center;
@@ -61,12 +61,12 @@
61
61
  width: 100%;
62
62
  height: 100%;
63
63
  }
64
- .gallery__slideLoading_1ywkh {
64
+ .gallery__slideLoading_1hde6 {
65
65
  /* TODO: цвета нет в палитре */
66
66
  background-color: #e9eaeb;
67
67
  border-radius: var(--border-radius-m);
68
68
  }
69
- .gallery__image_1ywkh {
69
+ .gallery__image_1hde6 {
70
70
  width: 0;
71
71
  height: 0;
72
72
  -webkit-user-select: none;
@@ -74,7 +74,7 @@
74
74
  background-color: var(--color-light-bg-primary);
75
75
  border-radius: var(--border-radius-m);
76
76
  }
77
- .gallery__smallImage_1ywkh {
77
+ .gallery__smallImage_1hde6 {
78
78
  position: relative;
79
79
  width: auto;
80
80
  height: auto;
@@ -82,15 +82,15 @@
82
82
  user-select: none;
83
83
  background-color: var(--color-light-bg-primary);
84
84
  }
85
- .gallery__verticalImageFit_1ywkh {
85
+ .gallery__verticalImageFit_1hde6 {
86
86
  width: auto;
87
87
  height: 100%;
88
88
  }
89
- .gallery__horizontalImageFit_1ywkh {
89
+ .gallery__horizontalImageFit_1hde6 {
90
90
  width: 100%;
91
91
  height: auto;
92
92
  }
93
- .gallery__arrow_1ywkh {
93
+ .gallery__arrow_1hde6 {
94
94
  display: flex;
95
95
  flex-direction: column;
96
96
  justify-content: center;
@@ -103,17 +103,17 @@
103
103
  transition: background-color 0.15s ease-in-out;
104
104
  outline: none
105
105
  }
106
- .gallery__arrow_1ywkh:hover {
106
+ .gallery__arrow_1hde6:hover {
107
107
  background-color: var(--color-light-bg-primary-inverted-alpha-10);
108
108
  }
109
- .gallery__arrow_1ywkh:active {
109
+ .gallery__arrow_1hde6:active {
110
110
  background-color: var(--color-light-bg-primary-inverted-alpha-20);
111
111
  }
112
- .gallery__focused_1ywkh {
112
+ .gallery__focused_1hde6 {
113
113
  outline: 2px solid var(--focus-color);
114
114
  outline-offset: 2px;
115
115
  }
116
- .gallery__placeholder_1ywkh {
116
+ .gallery__placeholder_1hde6 {
117
117
  display: flex;
118
118
  justify-content: center;
119
119
  align-items: center;
@@ -122,7 +122,7 @@
122
122
  border-radius: var(--border-radius-m);
123
123
  background-color: var(--color-light-bg-primary);
124
124
  }
125
- .gallery__brokenImgWrapper_1ywkh {
125
+ .gallery__brokenImgWrapper_1hde6 {
126
126
  position: relative;
127
127
  display: flex;
128
128
  flex-direction: column;
@@ -130,7 +130,7 @@
130
130
  width: 150px;
131
131
  text-align: center;
132
132
  }
133
- .gallery__brokenImgIcon_1ywkh {
133
+ .gallery__brokenImgIcon_1hde6 {
134
134
  width: 80px;
135
135
  height: 80px;
136
136
  margin-bottom: var(--gap-2xs);
@@ -138,7 +138,7 @@
138
138
  background-size: contain;
139
139
  background-repeat: no-repeat;
140
140
  }
141
- .gallery__fullScreenImage_1ywkh {
141
+ .gallery__fullScreenImage_1hde6 {
142
142
  width: 100%;
143
143
  height: auto;
144
144
  background-color: var(--color-light-bg-primary);
@@ -10,6 +10,6 @@ import 'swiper';
10
10
  import 'swiper/react';
11
11
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
12
12
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
13
- import '../../slide-c395e711.js';
13
+ import '../../slide-dd8c2f8d.js';
14
14
  import 'swiper/swiper.min.css';
15
15
  export { ImageViewer } from './component.js';
@@ -3,4 +3,4 @@ import '../../utils/utils.js';
3
3
  import '../../utils/constants.js';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-typography/modern';
6
- export { S as Slide } from '../../slide-c395e711.js';
6
+ export { S as Slide } from '../../slide-dd8c2f8d.js';
@@ -22,6 +22,6 @@ import 'swiper';
22
22
  import 'swiper/react';
23
23
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
24
24
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
25
- import '../slide-c395e711.js';
25
+ import '../slide-dd8c2f8d.js';
26
26
  import 'swiper/swiper.min.css';
27
27
  export { ImageViewer } from './image-viewer/component.js';
@@ -6,7 +6,7 @@ import 'classnames';
6
6
  import '@alfalab/hooks';
7
7
  import { ImagePreview } from '../image-preview/Component.js';
8
8
 
9
- var styles = {"component":"gallery__component_urah1","preview":"gallery__preview_urah1"};
9
+ var styles = {"component":"gallery__component_mig58","preview":"gallery__preview_mig58"};
10
10
  require('./index.css')
11
11
 
12
12
  const MIN_SCROLL_STEP = 24;
@@ -40,7 +40,7 @@ const NavigationBar = () => {
40
40
  scroll(scrollValue);
41
41
  }
42
42
  }, [scroll]);
43
- const handleKeyDown = event => {
43
+ const handleKeyDown = (event) => {
44
44
  if (['ArrowLeft', 'ArrowRight'].includes(event.key)) {
45
45
  event.preventDefault();
46
46
  }
@@ -1,4 +1,4 @@
1
- /* hash: 7k376 */
1
+ /* hash: aiwcr */
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_urah1 {
17
+ .gallery__component_mig58 {
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_urah1::-webkit-scrollbar {
30
+ .gallery__component_mig58::-webkit-scrollbar {
31
31
  display: none;
32
32
  }
33
- .gallery__preview_urah1 {
33
+ .gallery__preview_mig58 {
34
34
  flex-shrink: 0;
35
35
  margin: 0 var(--gap-3xs)
36
36
  }
37
- .gallery__preview_urah1:first-child {
37
+ .gallery__preview_mig58:first-child {
38
38
  margin-left: auto;
39
39
  }
40
- .gallery__preview_urah1:last-child {
40
+ .gallery__preview_mig58:last-child {
41
41
  margin-right: auto;
42
42
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 5rpos */
1
+ /* hash: 1h5l7 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,14 +7,14 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .gallery__container_1oxgz {
10
+ .gallery__container_10trt {
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_1oxgz {
17
+ .gallery__modal_10trt {
18
18
  flex-grow: 1;
19
19
  width: 100%;
20
20
  height: 100%;
package/modern/index.js CHANGED
@@ -23,7 +23,7 @@ import 'swiper';
23
23
  import 'swiper/react';
24
24
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
25
25
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
26
- import './slide-c395e711.js';
26
+ import './slide-dd8c2f8d.js';
27
27
  import 'swiper/swiper.min.css';
28
28
  import './components/image-viewer/component.js';
29
29
  export { Gallery } from './Component.js';
@@ -4,7 +4,7 @@ import { TestIds } from './utils/constants.js';
4
4
  import cn from 'classnames';
5
5
  import { Typography } from '@alfalab/core-components-typography/modern';
6
6
 
7
- var styles = {"component":"gallery__component_1ywkh","swiper":"gallery__swiper_1ywkh","singleSlide":"gallery__singleSlide_1ywkh","hidden":"gallery__hidden_1ywkh","slide":"gallery__slide_1ywkh","slideLoading":"gallery__slideLoading_1ywkh","image":"gallery__image_1ywkh","smallImage":"gallery__smallImage_1ywkh","verticalImageFit":"gallery__verticalImageFit_1ywkh","horizontalImageFit":"gallery__horizontalImageFit_1ywkh","arrow":"gallery__arrow_1ywkh","focused":"gallery__focused_1ywkh","placeholder":"gallery__placeholder_1ywkh","brokenImgWrapper":"gallery__brokenImgWrapper_1ywkh","brokenImgIcon":"gallery__brokenImgIcon_1ywkh","fullScreenImage":"gallery__fullScreenImage_1ywkh"};
7
+ var styles = {"component":"gallery__component_1hde6","swiper":"gallery__swiper_1hde6","singleSlide":"gallery__singleSlide_1hde6","hidden":"gallery__hidden_1hde6","slide":"gallery__slide_1hde6","slideLoading":"gallery__slideLoading_1hde6","image":"gallery__image_1hde6","smallImage":"gallery__smallImage_1hde6","verticalImageFit":"gallery__verticalImageFit_1hde6","horizontalImageFit":"gallery__horizontalImageFit_1hde6","arrow":"gallery__arrow_1hde6","focused":"gallery__focused_1hde6","placeholder":"gallery__placeholder_1hde6","brokenImgWrapper":"gallery__brokenImgWrapper_1hde6","brokenImgIcon":"gallery__brokenImgIcon_1hde6","fullScreenImage":"gallery__fullScreenImage_1hde6"};
8
8
  require('./components/image-viewer/index.css')
9
9
 
10
10
  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.0.12",
3
+ "version": "5.0.13",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "dependencies": {
20
20
  "@alfalab/core-components-base-modal": "^5.0.5",
21
21
  "@alfalab/core-components-icon-button": "^6.0.0",
22
- "@alfalab/core-components-tooltip": "^6.1.7",
22
+ "@alfalab/core-components-tooltip": "^6.1.8",
23
23
  "@alfalab/core-components-typography": "^3.0.3",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "@alfalab/icons-glyph": "^2.71.0",
package/send-stats.js CHANGED
@@ -55,7 +55,7 @@ async function main() {
55
55
  };
56
56
 
57
57
  return new Promise((resolve, reject) => {
58
- const req = http.request(options, res => {
58
+ const req = http.request(options, (res) => {
59
59
  res.on('end', () => {
60
60
  resolve();
61
61
  });
File without changes
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
13
13
 
14
- var styles = {"component":"gallery__component_1ywkh","swiper":"gallery__swiper_1ywkh","singleSlide":"gallery__singleSlide_1ywkh","hidden":"gallery__hidden_1ywkh","slide":"gallery__slide_1ywkh","slideLoading":"gallery__slideLoading_1ywkh","image":"gallery__image_1ywkh","smallImage":"gallery__smallImage_1ywkh","verticalImageFit":"gallery__verticalImageFit_1ywkh","horizontalImageFit":"gallery__horizontalImageFit_1ywkh","arrow":"gallery__arrow_1ywkh","focused":"gallery__focused_1ywkh","placeholder":"gallery__placeholder_1ywkh","brokenImgWrapper":"gallery__brokenImgWrapper_1ywkh","brokenImgIcon":"gallery__brokenImgIcon_1ywkh","fullScreenImage":"gallery__fullScreenImage_1ywkh"};
14
+ var styles = {"component":"gallery__component_1hde6","swiper":"gallery__swiper_1hde6","singleSlide":"gallery__singleSlide_1hde6","hidden":"gallery__hidden_1hde6","slide":"gallery__slide_1hde6","slideLoading":"gallery__slideLoading_1hde6","image":"gallery__image_1hde6","smallImage":"gallery__smallImage_1hde6","verticalImageFit":"gallery__verticalImageFit_1hde6","horizontalImageFit":"gallery__horizontalImageFit_1hde6","arrow":"gallery__arrow_1hde6","focused":"gallery__focused_1hde6","placeholder":"gallery__placeholder_1hde6","brokenImgWrapper":"gallery__brokenImgWrapper_1hde6","brokenImgIcon":"gallery__brokenImgIcon_1hde6","fullScreenImage":"gallery__fullScreenImage_1hde6"};
15
15
  require('./components/image-viewer/index.css')
16
16
 
17
17
  var SlideInner = function (_a) {