@alfalab/core-components-gallery 3.1.6 → 3.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/dist/Component.js +3 -3
  2. package/dist/components/header/Component.js +2 -2
  3. package/dist/components/header/buttons.js +1 -1
  4. package/dist/components/header/index.css +3 -3
  5. package/dist/components/header/index.js +1 -1
  6. package/dist/components/header-info-block/Component.js +1 -1
  7. package/dist/components/header-info-block/index.css +5 -5
  8. package/dist/components/image-preview/Component.js +1 -1
  9. package/dist/components/image-preview/index.css +12 -12
  10. package/dist/components/image-viewer/component.js +2 -2
  11. package/dist/components/image-viewer/index.css +19 -19
  12. package/dist/components/image-viewer/index.js +2 -2
  13. package/dist/components/image-viewer/slide.js +1 -1
  14. package/dist/components/index.js +2 -2
  15. package/dist/components/navigation-bar/Component.js +1 -1
  16. package/dist/components/navigation-bar/index.css +6 -6
  17. package/dist/esm/Component.js +3 -3
  18. package/dist/esm/components/header/Component.js +2 -2
  19. package/dist/esm/components/header/buttons.js +1 -1
  20. package/dist/esm/components/header/index.css +3 -3
  21. package/dist/esm/components/header/index.js +1 -1
  22. package/dist/esm/components/header-info-block/Component.js +1 -1
  23. package/dist/esm/components/header-info-block/index.css +5 -5
  24. package/dist/esm/components/image-preview/Component.js +1 -1
  25. package/dist/esm/components/image-preview/index.css +12 -12
  26. package/dist/esm/components/image-viewer/component.js +2 -2
  27. package/dist/esm/components/image-viewer/index.css +19 -19
  28. package/dist/esm/components/image-viewer/index.js +2 -2
  29. package/dist/esm/components/image-viewer/slide.js +1 -1
  30. package/dist/esm/components/index.js +2 -2
  31. package/dist/esm/components/navigation-bar/Component.js +1 -1
  32. package/dist/esm/components/navigation-bar/index.css +6 -6
  33. package/dist/esm/index.css +3 -3
  34. package/dist/esm/index.js +2 -2
  35. package/dist/esm/{slide-340f4452.d.ts → slide-9ac20693.d.ts} +0 -0
  36. package/dist/esm/{slide-340f4452.js → slide-9ac20693.js} +1 -1
  37. package/dist/esm/{tslib.es6-44b04523.d.ts → tslib.es6-45fea4d8.d.ts} +0 -0
  38. package/dist/esm/{tslib.es6-44b04523.js → tslib.es6-45fea4d8.js} +0 -0
  39. package/dist/index.css +3 -3
  40. package/dist/index.js +2 -2
  41. package/dist/modern/Component.js +2 -2
  42. package/dist/modern/components/header/Component.js +1 -1
  43. package/dist/modern/components/header/index.css +3 -3
  44. package/dist/modern/components/header-info-block/Component.js +1 -1
  45. package/dist/modern/components/header-info-block/index.css +5 -5
  46. package/dist/modern/components/image-preview/Component.js +1 -1
  47. package/dist/modern/components/image-preview/index.css +12 -12
  48. package/dist/modern/components/image-viewer/component.js +1 -1
  49. package/dist/modern/components/image-viewer/index.css +19 -19
  50. package/dist/modern/components/image-viewer/index.js +1 -1
  51. package/dist/modern/components/image-viewer/slide.js +1 -1
  52. package/dist/modern/components/index.js +1 -1
  53. package/dist/modern/components/navigation-bar/Component.js +1 -1
  54. package/dist/modern/components/navigation-bar/index.css +6 -6
  55. package/dist/modern/index.css +3 -3
  56. package/dist/modern/index.js +1 -1
  57. package/dist/modern/{slide-1d05b95b.d.ts → slide-31766208.d.ts} +0 -0
  58. package/dist/modern/{slide-1d05b95b.js → slide-31766208.js} +1 -1
  59. package/dist/{slide-87d86890.d.ts → slide-8838949b.d.ts} +0 -0
  60. package/dist/{slide-87d86890.js → slide-8838949b.js} +1 -1
  61. package/dist/{tslib.es6-368f8d43.d.ts → tslib.es6-26b5639b.d.ts} +0 -0
  62. package/dist/{tslib.es6-368f8d43.js → tslib.es6-26b5639b.js} +0 -0
  63. package/package.json +9 -9
@@ -1,4 +1,4 @@
1
- /* hash: 3lb9d */
1
+ /* hash: 11inv */
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.gcdn.co/icons/art_no-image_s.svg');
31
31
  }
32
- .gallery__component_1f42z {
32
+ .gallery__component_3ssfy {
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_1f42z {
39
+ .gallery__swiper_3ssfy {
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_1f42z .gallery__swiper_1f42z {
49
+ .gallery__singleSlide_3ssfy .gallery__swiper_3ssfy {
50
50
  max-height: calc(100vh - 80px);
51
51
  padding: var(--gap-2xl);
52
52
  }
53
- .gallery__hidden_1f42z {
53
+ .gallery__hidden_3ssfy {
54
54
  display: none;
55
55
  }
56
- .gallery__slide_1f42z {
56
+ .gallery__slide_3ssfy {
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_1f42z {
64
+ .gallery__slideLoading_3ssfy {
65
65
  /* TODO: цвета нет в палитре */
66
66
  background-color: #e9eaeb;
67
67
  border-radius: var(--border-radius-m);
68
68
  }
69
- .gallery__image_1f42z {
69
+ .gallery__image_3ssfy {
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_1f42z {
77
+ .gallery__smallImage_3ssfy {
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_1f42z {
85
+ .gallery__verticalImageFit_3ssfy {
86
86
  width: auto;
87
87
  height: 100%;
88
88
  }
89
- .gallery__horizontalImageFit_1f42z {
89
+ .gallery__horizontalImageFit_3ssfy {
90
90
  width: 100%;
91
91
  height: auto;
92
92
  }
93
- .gallery__arrow_1f42z {
93
+ .gallery__arrow_3ssfy {
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_1f42z:hover {
106
+ .gallery__arrow_3ssfy:hover {
107
107
  background-color: var(--color-light-bg-primary-inverted-alpha-10);
108
108
  }
109
- .gallery__arrow_1f42z:active {
109
+ .gallery__arrow_3ssfy:active {
110
110
  background-color: var(--color-light-bg-primary-inverted-alpha-20);
111
111
  }
112
- .gallery__focused_1f42z {
112
+ .gallery__focused_3ssfy {
113
113
  outline: 2px solid var(--focus-color);
114
114
  outline-offset: 2px;
115
115
  }
116
- .gallery__placeholder_1f42z {
116
+ .gallery__placeholder_3ssfy {
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_1f42z {
125
+ .gallery__brokenImgWrapper_3ssfy {
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_1f42z {
133
+ .gallery__brokenImgIcon_3ssfy {
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_1f42z {
141
+ .gallery__fullScreenImage_3ssfy {
142
142
  width: 100%;
143
143
  height: auto;
144
144
  background-color: var(--color-light-bg-primary);
@@ -11,5 +11,5 @@ import 'element-closest';
11
11
  import 'swiper/swiper.min.css';
12
12
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
13
13
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
14
- import '../../slide-1d05b95b.js';
14
+ import '../../slide-31766208.js';
15
15
  export { ImageViewer } from './component.js';
@@ -3,4 +3,4 @@ import 'classnames';
3
3
  import '../../utils/utils.js';
4
4
  import '../../utils/constants.js';
5
5
  import '@alfalab/core-components-typography/dist/modern';
6
- export { S as Slide } from '../../slide-1d05b95b.js';
6
+ export { S as Slide } from '../../slide-31766208.js';
@@ -23,5 +23,5 @@ import 'element-closest';
23
23
  import 'swiper/swiper.min.css';
24
24
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
25
25
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
26
- import '../slide-1d05b95b.js';
26
+ import '../slide-31766208.js';
27
27
  export { ImageViewer } from './image-viewer/component.js';
@@ -6,7 +6,7 @@ import { ImagePreview } from '../image-preview/Component.js';
6
6
  import { getImageKey } from '../../utils/utils.js';
7
7
  import { TestIds } from '../../utils/constants.js';
8
8
 
9
- var styles = {"component":"gallery__component_j17sv","preview":"gallery__preview_j17sv"};
9
+ var styles = {"component":"gallery__component_1ijdh","preview":"gallery__preview_1ijdh"};
10
10
  require('./index.css')
11
11
 
12
12
  const MIN_SCROLL_STEP = 24;
@@ -1,4 +1,4 @@
1
- /* hash: o47qs */
1
+ /* hash: 1p77s */
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_j17sv {
17
+ .gallery__component_1ijdh {
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_j17sv::-webkit-scrollbar {
30
+ .gallery__component_1ijdh::-webkit-scrollbar {
31
31
  display: none;
32
32
  }
33
- .gallery__preview_j17sv {
33
+ .gallery__preview_1ijdh {
34
34
  flex-shrink: 0;
35
35
  margin: 0 var(--gap-3xs)
36
36
  }
37
- .gallery__preview_j17sv:first-child {
37
+ .gallery__preview_1ijdh:first-child {
38
38
  margin-left: auto;
39
39
  }
40
- .gallery__preview_j17sv:last-child {
40
+ .gallery__preview_1ijdh:last-child {
41
41
  margin-right: auto;
42
42
  }
@@ -1,4 +1,4 @@
1
- /* hash: wpcvz */
1
+ /* hash: 1626h */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,14 +7,14 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .gallery__container_117mx {
10
+ .gallery__container_11lkv {
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_117mx {
17
+ .gallery__modal_11lkv {
18
18
  flex-grow: 1;
19
19
  width: 100%;
20
20
  background: transparent;
@@ -24,6 +24,6 @@ import 'element-closest';
24
24
  import 'swiper/swiper.min.css';
25
25
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
26
26
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
27
- import './slide-1d05b95b.js';
27
+ import './slide-31766208.js';
28
28
  import './components/image-viewer/component.js';
29
29
  export { Gallery } from './Component.js';
@@ -4,7 +4,7 @@ import { isSmallImage, getImageAlt } from './utils/utils.js';
4
4
  import { TestIds } from './utils/constants.js';
5
5
  import { Typography } from '@alfalab/core-components-typography/dist/modern';
6
6
 
7
- var styles = {"component":"gallery__component_1f42z","swiper":"gallery__swiper_1f42z","singleSlide":"gallery__singleSlide_1f42z","hidden":"gallery__hidden_1f42z","slide":"gallery__slide_1f42z","slideLoading":"gallery__slideLoading_1f42z","image":"gallery__image_1f42z","smallImage":"gallery__smallImage_1f42z","verticalImageFit":"gallery__verticalImageFit_1f42z","horizontalImageFit":"gallery__horizontalImageFit_1f42z","arrow":"gallery__arrow_1f42z","focused":"gallery__focused_1f42z","placeholder":"gallery__placeholder_1f42z","brokenImgWrapper":"gallery__brokenImgWrapper_1f42z","brokenImgIcon":"gallery__brokenImgIcon_1f42z","fullScreenImage":"gallery__fullScreenImage_1f42z"};
7
+ var styles = {"component":"gallery__component_3ssfy","swiper":"gallery__swiper_3ssfy","singleSlide":"gallery__singleSlide_3ssfy","hidden":"gallery__hidden_3ssfy","slide":"gallery__slide_3ssfy","slideLoading":"gallery__slideLoading_3ssfy","image":"gallery__image_3ssfy","smallImage":"gallery__smallImage_3ssfy","verticalImageFit":"gallery__verticalImageFit_3ssfy","horizontalImageFit":"gallery__horizontalImageFit_3ssfy","arrow":"gallery__arrow_3ssfy","focused":"gallery__focused_3ssfy","placeholder":"gallery__placeholder_3ssfy","brokenImgWrapper":"gallery__brokenImgWrapper_3ssfy","brokenImgIcon":"gallery__brokenImgIcon_3ssfy","fullScreenImage":"gallery__fullScreenImage_3ssfy"};
8
8
  require('./components/image-viewer/index.css')
9
9
 
10
10
  const Slide = ({ isActive, meta, swiperAspectRatio, imageAspectRatio, image, index, swiperHeight, slideVisible, handleLoad, handleLoadError, }) => {
@@ -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_1f42z","swiper":"gallery__swiper_1f42z","singleSlide":"gallery__singleSlide_1f42z","hidden":"gallery__hidden_1f42z","slide":"gallery__slide_1f42z","slideLoading":"gallery__slideLoading_1f42z","image":"gallery__image_1f42z","smallImage":"gallery__smallImage_1f42z","verticalImageFit":"gallery__verticalImageFit_1f42z","horizontalImageFit":"gallery__horizontalImageFit_1f42z","arrow":"gallery__arrow_1f42z","focused":"gallery__focused_1f42z","placeholder":"gallery__placeholder_1f42z","brokenImgWrapper":"gallery__brokenImgWrapper_1f42z","brokenImgIcon":"gallery__brokenImgIcon_1f42z","fullScreenImage":"gallery__fullScreenImage_1f42z"};
14
+ var styles = {"component":"gallery__component_3ssfy","swiper":"gallery__swiper_3ssfy","singleSlide":"gallery__singleSlide_3ssfy","hidden":"gallery__hidden_3ssfy","slide":"gallery__slide_3ssfy","slideLoading":"gallery__slideLoading_3ssfy","image":"gallery__image_3ssfy","smallImage":"gallery__smallImage_3ssfy","verticalImageFit":"gallery__verticalImageFit_3ssfy","horizontalImageFit":"gallery__horizontalImageFit_3ssfy","arrow":"gallery__arrow_3ssfy","focused":"gallery__focused_3ssfy","placeholder":"gallery__placeholder_3ssfy","brokenImgWrapper":"gallery__brokenImgWrapper_3ssfy","brokenImgIcon":"gallery__brokenImgIcon_3ssfy","fullScreenImage":"gallery__fullScreenImage_3ssfy"};
15
15
  require('./components/image-viewer/index.css')
16
16
 
17
17
  var Slide = function (_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-gallery",
3
- "version": "3.1.6",
3
+ "version": "3.1.7",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,15 +19,15 @@
19
19
  "react": "^16.9.0 || ^17.0.1"
20
20
  },
21
21
  "dependencies": {
22
- "@alfalab/core-components-base-modal": "^4.0.0",
23
- "@alfalab/core-components-icon-button": "^4.1.6",
24
- "@alfalab/core-components-tooltip": "^5.0.2",
25
- "@alfalab/core-components-typography": "^2.5.0",
22
+ "@alfalab/core-components-base-modal": "^4.0.1",
23
+ "@alfalab/core-components-icon-button": "^4.1.7",
24
+ "@alfalab/core-components-tooltip": "^5.0.3",
25
+ "@alfalab/core-components-typography": "^2.5.1",
26
26
  "@alfalab/hooks": "^1.4.1",
27
27
  "@alfalab/icons-glyph": "^2.16.0",
28
- "classnames": "^2.2.6",
29
- "element-closest": "^3.0.2",
30
- "swiper": "^6.8.2"
28
+ "classnames": "2.2.6",
29
+ "element-closest": "3.0.2",
30
+ "swiper": "6.8.2"
31
31
  },
32
- "gitHead": "bc55bac91f00408f95481f53243c2b40799a030c"
32
+ "gitHead": "0363f194b7d8e6d2949795b8f0570262d7028aff"
33
33
  }