@alfalab/core-components-gallery 5.1.1 → 5.1.3

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-b2545c77.d.ts → slide-dbeb22dc.d.ts} +0 -0
  36. package/esm/{slide-b2545c77.js → slide-dbeb22dc.js} +1 -1
  37. package/esm/{tslib.es6-3a8c32b0.d.ts → tslib.es6-5ecde5cf.d.ts} +0 -0
  38. package/esm/{tslib.es6-3a8c32b0.js → tslib.es6-5ecde5cf.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-10cfb3c2.d.ts → slide-eb6592a6.d.ts} +0 -0
  58. package/modern/{slide-10cfb3c2.js → slide-eb6592a6.js} +1 -1
  59. package/package.json +4 -4
  60. package/{slide-02efe00b.d.ts → slide-7cc4dc98.d.ts} +0 -0
  61. package/{slide-02efe00b.js → slide-7cc4dc98.js} +1 -1
  62. /package/{tslib.es6-8da9040d.d.ts → tslib.es6-32dc7c08.d.ts} +0 -0
  63. /package/{tslib.es6-8da9040d.js → tslib.es6-32dc7c08.js} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: 58tmx */
1
+ /* hash: zh7if */
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_143ho {
29
+ .gallery__component_19d0c {
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_143ho {
36
+ .gallery__swiper_19d0c {
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_143ho .gallery__swiper_143ho {
46
+ .gallery__singleSlide_19d0c .gallery__swiper_19d0c {
47
47
  max-height: calc(100vh - 80px);
48
48
  padding: var(--gap-2xl);
49
49
  }
50
- .gallery__hidden_143ho {
50
+ .gallery__hidden_19d0c {
51
51
  display: none;
52
52
  }
53
- .gallery__slide_143ho {
53
+ .gallery__slide_19d0c {
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_143ho {
61
+ .gallery__slideLoading_19d0c {
62
62
  /* TODO: цвета нет в палитре */
63
63
  background-color: #e9eaeb;
64
64
  border-radius: var(--border-radius-m);
65
65
  }
66
- .gallery__image_143ho {
66
+ .gallery__image_19d0c {
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_143ho {
74
+ .gallery__smallImage_19d0c {
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_143ho {
82
+ .gallery__verticalImageFit_19d0c {
83
83
  width: auto;
84
84
  height: 100%;
85
85
  }
86
- .gallery__horizontalImageFit_143ho {
86
+ .gallery__horizontalImageFit_19d0c {
87
87
  width: 100%;
88
88
  height: auto;
89
89
  }
90
- .gallery__arrow_143ho {
90
+ .gallery__arrow_19d0c {
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_143ho:hover {
103
+ .gallery__arrow_19d0c:hover {
104
104
  background-color: var(--color-light-bg-primary-inverted-alpha-10);
105
105
  }
106
- .gallery__arrow_143ho:active {
106
+ .gallery__arrow_19d0c:active {
107
107
  background-color: var(--color-light-bg-primary-inverted-alpha-20);
108
108
  }
109
- .gallery__focused_143ho {
109
+ .gallery__focused_19d0c {
110
110
  outline: 2px solid var(--focus-color);
111
111
  outline-offset: 2px;
112
112
  }
113
- .gallery__placeholder_143ho {
113
+ .gallery__placeholder_19d0c {
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_143ho {
122
+ .gallery__brokenImgWrapper_19d0c {
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_143ho {
130
+ .gallery__brokenImgIcon_19d0c {
131
131
  width: 80px;
132
132
  height: 80px;
133
133
  margin-bottom: var(--gap-2xs);
134
134
  }
135
- .gallery__fullScreenImage_143ho {
135
+ .gallery__fullScreenImage_19d0c {
136
136
  width: 100%;
137
137
  height: auto;
138
138
  background-color: var(--color-light-bg-primary);
@@ -11,6 +11,6 @@ import 'swiper/react';
11
11
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
12
12
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
13
13
  import './paths.js';
14
- import '../../slide-10cfb3c2.js';
14
+ import '../../slide-eb6592a6.js';
15
15
  import 'swiper/swiper.min.css';
16
16
  export { ImageViewer } from './component.js';
@@ -4,4 +4,4 @@ import '../../utils/constants.js';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-typography/modern';
6
6
  import './paths.js';
7
- export { S as Slide } from '../../slide-10cfb3c2.js';
7
+ export { S as Slide } from '../../slide-eb6592a6.js';
@@ -24,6 +24,6 @@ import 'swiper/react';
24
24
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
25
25
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
26
26
  import './image-viewer/paths.js';
27
- import '../slide-10cfb3c2.js';
27
+ import '../slide-eb6592a6.js';
28
28
  import 'swiper/swiper.min.css';
29
29
  export { ImageViewer } from './image-viewer/component.js';
@@ -7,7 +7,7 @@ import '@alfalab/hooks';
7
7
  import '../image-preview/paths.js';
8
8
  import { ImagePreview } from '../image-preview/Component.js';
9
9
 
10
- var styles = {"component":"gallery__component_1d1lu","preview":"gallery__preview_1d1lu"};
10
+ var styles = {"component":"gallery__component_mdnkl","preview":"gallery__preview_mdnkl"};
11
11
  require('./index.css')
12
12
 
13
13
  const MIN_SCROLL_STEP = 24;
@@ -1,4 +1,4 @@
1
- /* hash: 2pm2g */
1
+ /* hash: ix1ul */
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_1d1lu {
17
+ .gallery__component_mdnkl {
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_1d1lu::-webkit-scrollbar {
30
+ .gallery__component_mdnkl::-webkit-scrollbar {
31
31
  display: none;
32
32
  }
33
- .gallery__preview_1d1lu {
33
+ .gallery__preview_mdnkl {
34
34
  flex-shrink: 0;
35
35
  margin: 0 var(--gap-3xs)
36
36
  }
37
- .gallery__preview_1d1lu:first-child {
37
+ .gallery__preview_mdnkl:first-child {
38
38
  margin-left: auto;
39
39
  }
40
- .gallery__preview_1d1lu:last-child {
40
+ .gallery__preview_mdnkl:last-child {
41
41
  margin-right: auto;
42
42
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: kvx2c */
1
+ /* hash: 4npwb */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,14 +7,14 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .gallery__container_1c55p {
10
+ .gallery__container_stdyy {
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_1c55p {
17
+ .gallery__modal_stdyy {
18
18
  flex-grow: 1;
19
19
  width: 100%;
20
20
  height: 100%;
package/modern/index.js CHANGED
@@ -25,7 +25,7 @@ import 'swiper/react';
25
25
  import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
26
26
  import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
27
27
  import './components/image-viewer/paths.js';
28
- import './slide-10cfb3c2.js';
28
+ import './slide-eb6592a6.js';
29
29
  import 'swiper/swiper.min.css';
30
30
  import './components/image-viewer/component.js';
31
31
  export { Gallery } from './Component.js';
@@ -5,7 +5,7 @@ import cn from 'classnames';
5
5
  import { Typography } from '@alfalab/core-components-typography/modern';
6
6
  import { NoImagePaths } from './components/image-viewer/paths.js';
7
7
 
8
- var styles = {"component":"gallery__component_143ho","swiper":"gallery__swiper_143ho","singleSlide":"gallery__singleSlide_143ho","hidden":"gallery__hidden_143ho","slide":"gallery__slide_143ho","slideLoading":"gallery__slideLoading_143ho","image":"gallery__image_143ho","smallImage":"gallery__smallImage_143ho","verticalImageFit":"gallery__verticalImageFit_143ho","horizontalImageFit":"gallery__horizontalImageFit_143ho","arrow":"gallery__arrow_143ho","focused":"gallery__focused_143ho","placeholder":"gallery__placeholder_143ho","brokenImgWrapper":"gallery__brokenImgWrapper_143ho","brokenImgIcon":"gallery__brokenImgIcon_143ho","fullScreenImage":"gallery__fullScreenImage_143ho"};
8
+ var styles = {"component":"gallery__component_19d0c","swiper":"gallery__swiper_19d0c","singleSlide":"gallery__singleSlide_19d0c","hidden":"gallery__hidden_19d0c","slide":"gallery__slide_19d0c","slideLoading":"gallery__slideLoading_19d0c","image":"gallery__image_19d0c","smallImage":"gallery__smallImage_19d0c","verticalImageFit":"gallery__verticalImageFit_19d0c","horizontalImageFit":"gallery__horizontalImageFit_19d0c","arrow":"gallery__arrow_19d0c","focused":"gallery__focused_19d0c","placeholder":"gallery__placeholder_19d0c","brokenImgWrapper":"gallery__brokenImgWrapper_19d0c","brokenImgIcon":"gallery__brokenImgIcon_19d0c","fullScreenImage":"gallery__fullScreenImage_19d0c"};
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.1",
3
+ "version": "5.1.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,10 +17,10 @@
17
17
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-base-modal": "^5.0.5",
20
+ "@alfalab/core-components-base-modal": "^5.0.6",
21
21
  "@alfalab/core-components-icon-button": "^6.0.1",
22
- "@alfalab/core-components-tooltip": "^6.1.10",
23
- "@alfalab/core-components-typography": "^3.0.4",
22
+ "@alfalab/core-components-tooltip": "^6.1.12",
23
+ "@alfalab/core-components-typography": "^3.0.6",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "@alfalab/icons-glyph": "^2.71.0",
26
26
  "classnames": "^2.3.1",
File without changes
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
 
15
- var styles = {"component":"gallery__component_143ho","swiper":"gallery__swiper_143ho","singleSlide":"gallery__singleSlide_143ho","hidden":"gallery__hidden_143ho","slide":"gallery__slide_143ho","slideLoading":"gallery__slideLoading_143ho","image":"gallery__image_143ho","smallImage":"gallery__smallImage_143ho","verticalImageFit":"gallery__verticalImageFit_143ho","horizontalImageFit":"gallery__horizontalImageFit_143ho","arrow":"gallery__arrow_143ho","focused":"gallery__focused_143ho","placeholder":"gallery__placeholder_143ho","brokenImgWrapper":"gallery__brokenImgWrapper_143ho","brokenImgIcon":"gallery__brokenImgIcon_143ho","fullScreenImage":"gallery__fullScreenImage_143ho"};
15
+ var styles = {"component":"gallery__component_19d0c","swiper":"gallery__swiper_19d0c","singleSlide":"gallery__singleSlide_19d0c","hidden":"gallery__hidden_19d0c","slide":"gallery__slide_19d0c","slideLoading":"gallery__slideLoading_19d0c","image":"gallery__image_19d0c","smallImage":"gallery__smallImage_19d0c","verticalImageFit":"gallery__verticalImageFit_19d0c","horizontalImageFit":"gallery__horizontalImageFit_19d0c","arrow":"gallery__arrow_19d0c","focused":"gallery__focused_19d0c","placeholder":"gallery__placeholder_19d0c","brokenImgWrapper":"gallery__brokenImgWrapper_19d0c","brokenImgIcon":"gallery__brokenImgIcon_19d0c","fullScreenImage":"gallery__fullScreenImage_19d0c"};
16
16
  require('./components/image-viewer/index.css')
17
17
 
18
18
  var SlideInner = function (_a) {