@megafon/ui-shared 2.1.1 → 2.1.5
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 +39 -0
- package/dist/es/components/BenefitsIcons/BenefitsIcons.js +4 -2
- package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +19 -0
- package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -3
- package/dist/es/components/Instructions/Instructions.js +4 -0
- package/dist/es/components/Property/PropertyDescription.js +4 -0
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +4 -2
- package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +19 -0
- package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -3
- package/dist/lib/components/Instructions/Instructions.js +3 -0
- package/dist/lib/components/Property/PropertyDescription.js +3 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
@@ -3,6 +3,45 @@
|
|
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
|
+
## [2.1.5](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.4...@megafon/ui-shared@2.1.5) (2022-01-18)
|
7
|
+
|
8
|
+
|
9
|
+
### Bug Fixes
|
10
|
+
|
11
|
+
* **benefitsicons:** fix indents of items for inOneColumn mode ([e207c1c](https://github.com/MegafonWebLab/megafon-ui/commit/e207c1c99b42a48454e716094132d9573b3ec3c6))
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
## [2.1.4](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.3...@megafon/ui-shared@2.1.4) (2021-12-29)
|
18
|
+
|
19
|
+
**Note:** Version bump only for package @megafon/ui-shared
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
|
24
|
+
|
25
|
+
## [2.1.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.2...@megafon/ui-shared@2.1.3) (2021-12-20)
|
26
|
+
|
27
|
+
|
28
|
+
### Bug Fixes
|
29
|
+
|
30
|
+
* **tabs:** fix active tab underline width ([4499399](https://github.com/MegafonWebLab/megafon-ui/commit/449939942730143712a92930a279a8b6fc17a012))
|
31
|
+
* **ui-shared:** remove few eslint rules from .eslintrc.json ([de49316](https://github.com/MegafonWebLab/megafon-ui/commit/de49316bf982a7d573a0bdd94f949d6407ce0ff8))
|
32
|
+
|
33
|
+
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
## [2.1.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.1...@megafon/ui-shared@2.1.2) (2021-12-14)
|
38
|
+
|
39
|
+
**Note:** Version bump only for package @megafon/ui-shared
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
|
44
|
+
|
6
45
|
## [2.1.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.0...@megafon/ui-shared@2.1.1) (2021-12-14)
|
7
46
|
|
8
47
|
**Note:** Version bump only for package @megafon/ui-shared
|
@@ -168,7 +168,9 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
|
|
168
168
|
};
|
169
169
|
}, [iconPosition, inOneColumn, resizeHandler]);
|
170
170
|
return /*#__PURE__*/React.createElement("div", {
|
171
|
-
className: cn(
|
171
|
+
className: cn({
|
172
|
+
'one-column': inOneColumn
|
173
|
+
}, [className, classes.root]),
|
172
174
|
ref: rootRef
|
173
175
|
}, /*#__PURE__*/React.createElement("div", {
|
174
176
|
className: cn('inner')
|
@@ -185,7 +187,7 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
|
|
185
187
|
className: classes.gridColumn,
|
186
188
|
key: i
|
187
189
|
}, columnConfig), /*#__PURE__*/React.createElement(BenefitsIconsTile, {
|
188
|
-
className: classes.item,
|
190
|
+
className: cn('tile', [classes.item]),
|
189
191
|
title: title,
|
190
192
|
text: text,
|
191
193
|
icon: icon,
|
@@ -12,3 +12,22 @@ h5 {
|
|
12
12
|
.mfui-benefits-icons__inner {
|
13
13
|
margin-bottom: -48px;
|
14
14
|
}
|
15
|
+
.mfui-benefits-icons__tile {
|
16
|
+
margin-bottom: 48px;
|
17
|
+
}
|
18
|
+
.mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
|
19
|
+
margin-bottom: -24px;
|
20
|
+
}
|
21
|
+
@media screen and (max-width: 767px) {
|
22
|
+
.mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
|
23
|
+
margin-bottom: -32px;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
.mfui-benefits-icons_one-column .mfui-benefits-icons__tile {
|
27
|
+
margin-bottom: 24px;
|
28
|
+
}
|
29
|
+
@media screen and (max-width: 767px) {
|
30
|
+
.mfui-benefits-icons_one-column .mfui-benefits-icons__tile {
|
31
|
+
margin-bottom: 32px;
|
32
|
+
}
|
33
|
+
}
|
@@ -1,5 +1,9 @@
|
|
1
1
|
import "core-js/modules/es.array.map";
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
3
|
+
|
4
|
+
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
5
|
+
|
6
|
+
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
3
7
|
import React from 'react';
|
4
8
|
import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
|
5
9
|
import { cnCreate } from '@megafon/ui-helpers';
|
@@ -1,4 +1,8 @@
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
2
|
+
|
3
|
+
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
4
|
+
|
5
|
+
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
2
6
|
import * as React from 'react';
|
3
7
|
import { Collapse } from '@megafon/ui-core';
|
4
8
|
import { cnCreate } from '@megafon/ui-helpers';
|
@@ -193,7 +193,9 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
|
|
193
193
|
};
|
194
194
|
}, [iconPosition, inOneColumn, resizeHandler]);
|
195
195
|
return /*#__PURE__*/React.createElement("div", {
|
196
|
-
className: cn(
|
196
|
+
className: cn({
|
197
|
+
'one-column': inOneColumn
|
198
|
+
}, [className, classes.root]),
|
197
199
|
ref: rootRef
|
198
200
|
}, /*#__PURE__*/React.createElement("div", {
|
199
201
|
className: cn('inner')
|
@@ -210,7 +212,7 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
|
|
210
212
|
className: classes.gridColumn,
|
211
213
|
key: i
|
212
214
|
}, columnConfig), /*#__PURE__*/React.createElement(_BenefitsIconsTile["default"], {
|
213
|
-
className: classes.item,
|
215
|
+
className: cn('tile', [classes.item]),
|
214
216
|
title: title,
|
215
217
|
text: text,
|
216
218
|
icon: icon,
|
@@ -12,3 +12,22 @@ h5 {
|
|
12
12
|
.mfui-benefits-icons__inner {
|
13
13
|
margin-bottom: -48px;
|
14
14
|
}
|
15
|
+
.mfui-benefits-icons__tile {
|
16
|
+
margin-bottom: 48px;
|
17
|
+
}
|
18
|
+
.mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
|
19
|
+
margin-bottom: -24px;
|
20
|
+
}
|
21
|
+
@media screen and (max-width: 767px) {
|
22
|
+
.mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
|
23
|
+
margin-bottom: -32px;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
.mfui-benefits-icons_one-column .mfui-benefits-icons__tile {
|
27
|
+
margin-bottom: 24px;
|
28
|
+
}
|
29
|
+
@media screen and (max-width: 767px) {
|
30
|
+
.mfui-benefits-icons_one-column .mfui-benefits-icons__tile {
|
31
|
+
margin-bottom: 32px;
|
32
|
+
}
|
33
|
+
}
|
@@ -23,6 +23,9 @@ var _react2 = require("swiper/react");
|
|
23
23
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
25
25
|
|
26
|
+
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
27
|
+
|
28
|
+
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
26
29
|
var pictureAlignTypes = {
|
27
30
|
LEFT: 'left',
|
28
31
|
RIGHT: 'right'
|
@@ -23,6 +23,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
|
|
23
23
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
25
25
|
|
26
|
+
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
27
|
+
|
28
|
+
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
26
29
|
var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
|
27
30
|
|
28
31
|
var PropertyDescription = function PropertyDescription(_ref) {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@megafon/ui-shared",
|
3
|
-
"version": "2.1.
|
3
|
+
"version": "2.1.5",
|
4
4
|
"files": [
|
5
5
|
"dist"
|
6
6
|
],
|
@@ -81,7 +81,7 @@
|
|
81
81
|
},
|
82
82
|
"dependencies": {
|
83
83
|
"@babel/runtime": "^7.8.4",
|
84
|
-
"@megafon/ui-core": "^2.
|
84
|
+
"@megafon/ui-core": "^2.2.0",
|
85
85
|
"@megafon/ui-helpers": "^1.0.0",
|
86
86
|
"core-js": "^3.6.4",
|
87
87
|
"htmr": "^0.9.2",
|
@@ -89,5 +89,5 @@
|
|
89
89
|
"prop-types": "^15.7.2",
|
90
90
|
"swiper": "^6.5.6"
|
91
91
|
},
|
92
|
-
"gitHead": "
|
92
|
+
"gitHead": "0c83737156be02a10bd580523851828569f95ed0"
|
93
93
|
}
|