@megafon/ui-shared 3.3.1 → 3.3.4

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,34 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.3.4](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.3.3...@megafon/ui-shared@3.3.4) (2022-05-24)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **instructions:** remove css prorerty filter for image ([d4ee221](https://github.com/MegafonWebLab/megafon-ui/commit/d4ee22123565b82ec777c1526093a94251e59809))
12
+ * **picturewithdescription:** fix clearing indents for first and last element ([d9263e3](https://github.com/MegafonWebLab/megafon-ui/commit/d9263e3670b2d493ec4bf194a2cdd6440d1ea86f))
13
+
14
+
15
+
16
+
17
+
18
+ ## [3.3.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.3.2...@megafon/ui-shared@3.3.3) (2022-05-17)
19
+
20
+ **Note:** Version bump only for package @megafon/ui-shared
21
+
22
+
23
+
24
+
25
+
26
+ ## [3.3.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.3.1...@megafon/ui-shared@3.3.2) (2022-05-05)
27
+
28
+ **Note:** Version bump only for package @megafon/ui-shared
29
+
30
+
31
+
32
+
33
+
6
34
  ## [3.3.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.3.0...@megafon/ui-shared@3.3.1) (2022-04-25)
7
35
 
8
36
  **Note:** Version bump only for package @megafon/ui-shared
@@ -89,6 +89,9 @@ h5 {
89
89
  .mfui-instructions__swiper-img {
90
90
  width: 100%;
91
91
  height: 100%;
92
+ }
93
+ .mfui-instructions__swiper-img_video {
94
+ /* hack for fix not white video background */
92
95
  -webkit-filter: brightness(108.5%);
93
96
  filter: brightness(108.5%);
94
97
  }
@@ -84,7 +84,9 @@ var Instructions = function Instructions(_ref) {
84
84
  muted: true,
85
85
  autoPlay: true,
86
86
  playsInline: true,
87
- className: cn('swiper-img')
87
+ className: cn('swiper-img', {
88
+ video: true
89
+ })
88
90
  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image, index + 1)), /*#__PURE__*/React.createElement("source", {
89
91
  src: mediaUrl,
90
92
  type: "video/mp4"
@@ -53,10 +53,10 @@ h5 {
53
53
  max-width: 550px;
54
54
  height: 100%;
55
55
  }
56
- .mfui-picture-with-description__content :first-child {
56
+ .mfui-picture-with-description__content > :first-child {
57
57
  margin-top: 0 !important;
58
58
  }
59
- .mfui-picture-with-description__content :last-child {
59
+ .mfui-picture-with-description__content > :last-child {
60
60
  margin-bottom: 0 !important;
61
61
  }
62
62
  @media screen and (min-width: 1024px) {
@@ -45,7 +45,6 @@ h5 {
45
45
  }
46
46
  }
47
47
  .mfui-table__top-shadow {
48
- position: -webkit-sticky;
49
48
  position: sticky;
50
49
  top: 0;
51
50
  z-index: 2;
@@ -58,7 +57,6 @@ h5 {
58
57
  background: linear-gradient(359.94deg, rgba(0, 0, 0, 0.0001) 0.06%, rgba(0, 0, 0, 0.03) 38.08%, rgba(0, 0, 0, 0.08) 74.98%);
59
58
  }
60
59
  .mfui-table__left-shadow {
61
- position: -webkit-sticky;
62
60
  position: sticky;
63
61
  top: 0;
64
62
  bottom: 0;
@@ -70,7 +68,6 @@ h5 {
70
68
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.0001) 16.3%, rgba(0, 0, 0, 0.03) 51.81%, rgba(0, 0, 0, 0.08) 86.27%);
71
69
  }
72
70
  .mfui-table__bottom-gradient {
73
- position: -webkit-sticky;
74
71
  position: sticky;
75
72
  bottom: 0;
76
73
  z-index: 1;
@@ -84,7 +81,6 @@ h5 {
84
81
  background: linear-gradient(to top, var(--base) 25%, rgba(255, 255, 255, 0));
85
82
  }
86
83
  .mfui-table__right-gradient {
87
- position: -webkit-sticky;
88
84
  position: sticky;
89
85
  right: 0;
90
86
  z-index: 1;
@@ -142,7 +138,6 @@ h5 {
142
138
  min-width: 144px;
143
139
  }
144
140
  .mfui-table_fix-column .mfui-table__cell:first-child {
145
- position: -webkit-sticky;
146
141
  position: sticky;
147
142
  }
148
143
  .mfui-table_fix-column .mfui-table__left-shadow {
@@ -89,6 +89,9 @@ h5 {
89
89
  .mfui-instructions__swiper-img {
90
90
  width: 100%;
91
91
  height: 100%;
92
+ }
93
+ .mfui-instructions__swiper-img_video {
94
+ /* hack for fix not white video background */
92
95
  -webkit-filter: brightness(108.5%);
93
96
  filter: brightness(108.5%);
94
97
  }
@@ -105,7 +105,9 @@ var Instructions = function Instructions(_ref) {
105
105
  muted: true,
106
106
  autoPlay: true,
107
107
  playsInline: true,
108
- className: cn('swiper-img')
108
+ className: cn('swiper-img', {
109
+ video: true
110
+ })
109
111
  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image, index + 1)), /*#__PURE__*/_react["default"].createElement("source", {
110
112
  src: mediaUrl,
111
113
  type: "video/mp4"
@@ -53,10 +53,10 @@ h5 {
53
53
  max-width: 550px;
54
54
  height: 100%;
55
55
  }
56
- .mfui-picture-with-description__content :first-child {
56
+ .mfui-picture-with-description__content > :first-child {
57
57
  margin-top: 0 !important;
58
58
  }
59
- .mfui-picture-with-description__content :last-child {
59
+ .mfui-picture-with-description__content > :last-child {
60
60
  margin-bottom: 0 !important;
61
61
  }
62
62
  @media screen and (min-width: 1024px) {
@@ -45,7 +45,6 @@ h5 {
45
45
  }
46
46
  }
47
47
  .mfui-table__top-shadow {
48
- position: -webkit-sticky;
49
48
  position: sticky;
50
49
  top: 0;
51
50
  z-index: 2;
@@ -58,7 +57,6 @@ h5 {
58
57
  background: linear-gradient(359.94deg, rgba(0, 0, 0, 0.0001) 0.06%, rgba(0, 0, 0, 0.03) 38.08%, rgba(0, 0, 0, 0.08) 74.98%);
59
58
  }
60
59
  .mfui-table__left-shadow {
61
- position: -webkit-sticky;
62
60
  position: sticky;
63
61
  top: 0;
64
62
  bottom: 0;
@@ -70,7 +68,6 @@ h5 {
70
68
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.0001) 16.3%, rgba(0, 0, 0, 0.03) 51.81%, rgba(0, 0, 0, 0.08) 86.27%);
71
69
  }
72
70
  .mfui-table__bottom-gradient {
73
- position: -webkit-sticky;
74
71
  position: sticky;
75
72
  bottom: 0;
76
73
  z-index: 1;
@@ -84,7 +81,6 @@ h5 {
84
81
  background: linear-gradient(to top, var(--base) 25%, rgba(255, 255, 255, 0));
85
82
  }
86
83
  .mfui-table__right-gradient {
87
- position: -webkit-sticky;
88
84
  position: sticky;
89
85
  right: 0;
90
86
  z-index: 1;
@@ -142,7 +138,6 @@ h5 {
142
138
  min-width: 144px;
143
139
  }
144
140
  .mfui-table_fix-column .mfui-table__cell:first-child {
145
- position: -webkit-sticky;
146
141
  position: sticky;
147
142
  }
148
143
  .mfui-table_fix-column .mfui-table__left-shadow {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "3.3.1",
3
+ "version": "3.3.4",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -52,7 +52,7 @@
52
52
  "@babel/preset-env": "^7.8.6",
53
53
  "@babel/preset-react": "^7.8.3",
54
54
  "@babel/preset-typescript": "^7.8.3",
55
- "@megafon/ui-icons": "^1.2.1",
55
+ "@megafon/ui-icons": "^1.2.2",
56
56
  "@svgr/core": "^2.4.1",
57
57
  "@types/enzyme": "^3.10.5",
58
58
  "@types/enzyme-adapter-react-16": "^1.0.6",
@@ -82,7 +82,7 @@
82
82
  },
83
83
  "dependencies": {
84
84
  "@babel/runtime": "^7.8.4",
85
- "@megafon/ui-core": "^3.6.0",
85
+ "@megafon/ui-core": "^3.8.0",
86
86
  "@megafon/ui-helpers": "^2.1.2",
87
87
  "core-js": "^3.6.4",
88
88
  "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
90
90
  "prop-types": "^15.7.2",
91
91
  "swiper": "^6.5.6"
92
92
  },
93
- "gitHead": "87e4483070e37f017a90358648860a5f4139bae1"
93
+ "gitHead": "77f60008b45f182e67a18e4dcb80ede81af5893c"
94
94
  }