@megafon/ui-core 6.6.1 → 6.7.0
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/dist/es/components/List/List.css +1 -1
- package/dist/es/components/Row/Row.css +13 -0
- package/dist/es/components/Row/Row.d.ts +2 -0
- package/dist/es/components/Row/Row.js +7 -2
- package/dist/lib/components/List/List.css +1 -1
- package/dist/lib/components/Row/Row.css +13 -0
- package/dist/lib/components/Row/Row.d.ts +2 -0
- package/dist/lib/components/Row/Row.js +7 -2
- package/package.json +2 -2
|
@@ -30,6 +30,9 @@
|
|
|
30
30
|
padding: 24px 32px;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
+
.mfui-v6-row:hover {
|
|
34
|
+
text-decoration: none;
|
|
35
|
+
}
|
|
33
36
|
.mfui-v6-row__wrapper {
|
|
34
37
|
display: -webkit-box;
|
|
35
38
|
display: -ms-flexbox;
|
|
@@ -37,6 +40,7 @@
|
|
|
37
40
|
-webkit-box-align: center;
|
|
38
41
|
-ms-flex-align: center;
|
|
39
42
|
align-items: center;
|
|
43
|
+
width: 100%;
|
|
40
44
|
}
|
|
41
45
|
.mfui-v6-row__icon-container {
|
|
42
46
|
display: -webkit-box;
|
|
@@ -236,3 +240,12 @@
|
|
|
236
240
|
line-height: 24px;
|
|
237
241
|
font-weight: 500;
|
|
238
242
|
}
|
|
243
|
+
.mfui-v6-row_auto-height {
|
|
244
|
+
display: -webkit-box;
|
|
245
|
+
display: -ms-flexbox;
|
|
246
|
+
display: flex;
|
|
247
|
+
-webkit-box-align: center;
|
|
248
|
+
-ms-flex-align: center;
|
|
249
|
+
align-items: center;
|
|
250
|
+
height: auto;
|
|
251
|
+
}
|
|
@@ -23,6 +23,8 @@ export interface IRowProps {
|
|
|
23
23
|
target?: '_self' | '_blank';
|
|
24
24
|
/** rel - аргумент тега <a> */
|
|
25
25
|
rel?: string;
|
|
26
|
+
/** Автоматическая высота */
|
|
27
|
+
autoHeight?: boolean;
|
|
26
28
|
/** Обработчик клика */
|
|
27
29
|
onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
|
|
28
30
|
/** Дочерние элементы: Badges, Switcher, Selector */
|
|
@@ -34,6 +34,8 @@ var Row = function Row(_ref) {
|
|
|
34
34
|
_ref$target = _ref.target,
|
|
35
35
|
target = _ref$target === void 0 ? '_self' : _ref$target,
|
|
36
36
|
rel = _ref.rel,
|
|
37
|
+
_ref$autoHeight = _ref.autoHeight,
|
|
38
|
+
autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
|
|
37
39
|
onClick = _ref.onClick,
|
|
38
40
|
children = _ref.children,
|
|
39
41
|
className = _ref.className,
|
|
@@ -53,7 +55,8 @@ var Row = function Row(_ref) {
|
|
|
53
55
|
size: size,
|
|
54
56
|
view: backgroundView,
|
|
55
57
|
pointer: isActive,
|
|
56
|
-
'has-arrow': showArrow && !showLoader
|
|
58
|
+
'has-arrow': showArrow && !showLoader,
|
|
59
|
+
'auto-height': autoHeight
|
|
57
60
|
}, [className, classes.root]),
|
|
58
61
|
href: href,
|
|
59
62
|
target: href ? target : undefined,
|
|
@@ -71,7 +74,8 @@ var Row = function Row(_ref) {
|
|
|
71
74
|
className: cn('header')
|
|
72
75
|
}, /*#__PURE__*/React.createElement(Header, {
|
|
73
76
|
className: cn('title', [classes.title]),
|
|
74
|
-
as: isSmallSize ? 'h5' : 'h3'
|
|
77
|
+
as: isSmallSize ? 'h5' : 'h3',
|
|
78
|
+
space: isSmallSize ? 'tight' : 'wide'
|
|
75
79
|
}, title), !!subTitle && /*#__PURE__*/React.createElement("div", {
|
|
76
80
|
className: cn('sub-title', [classes.subtitle])
|
|
77
81
|
}, subTitle)), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
@@ -98,6 +102,7 @@ Row.propTypes = {
|
|
|
98
102
|
href: PropTypes.string,
|
|
99
103
|
target: PropTypes.oneOf(['_self', '_blank']),
|
|
100
104
|
rel: PropTypes.string,
|
|
105
|
+
autoHeight: PropTypes.bool,
|
|
101
106
|
onClick: PropTypes.func,
|
|
102
107
|
children: PropTypes.node,
|
|
103
108
|
className: PropTypes.string,
|
|
@@ -30,6 +30,9 @@
|
|
|
30
30
|
padding: 24px 32px;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
+
.mfui-v6-row:hover {
|
|
34
|
+
text-decoration: none;
|
|
35
|
+
}
|
|
33
36
|
.mfui-v6-row__wrapper {
|
|
34
37
|
display: -webkit-box;
|
|
35
38
|
display: -ms-flexbox;
|
|
@@ -37,6 +40,7 @@
|
|
|
37
40
|
-webkit-box-align: center;
|
|
38
41
|
-ms-flex-align: center;
|
|
39
42
|
align-items: center;
|
|
43
|
+
width: 100%;
|
|
40
44
|
}
|
|
41
45
|
.mfui-v6-row__icon-container {
|
|
42
46
|
display: -webkit-box;
|
|
@@ -236,3 +240,12 @@
|
|
|
236
240
|
line-height: 24px;
|
|
237
241
|
font-weight: 500;
|
|
238
242
|
}
|
|
243
|
+
.mfui-v6-row_auto-height {
|
|
244
|
+
display: -webkit-box;
|
|
245
|
+
display: -ms-flexbox;
|
|
246
|
+
display: flex;
|
|
247
|
+
-webkit-box-align: center;
|
|
248
|
+
-ms-flex-align: center;
|
|
249
|
+
align-items: center;
|
|
250
|
+
height: auto;
|
|
251
|
+
}
|
|
@@ -23,6 +23,8 @@ export interface IRowProps {
|
|
|
23
23
|
target?: '_self' | '_blank';
|
|
24
24
|
/** rel - аргумент тега <a> */
|
|
25
25
|
rel?: string;
|
|
26
|
+
/** Автоматическая высота */
|
|
27
|
+
autoHeight?: boolean;
|
|
26
28
|
/** Обработчик клика */
|
|
27
29
|
onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
|
|
28
30
|
/** Дочерние элементы: Badges, Switcher, Selector */
|
|
@@ -53,6 +53,8 @@ var Row = function Row(_ref) {
|
|
|
53
53
|
_ref$target = _ref.target,
|
|
54
54
|
target = _ref$target === void 0 ? '_self' : _ref$target,
|
|
55
55
|
rel = _ref.rel,
|
|
56
|
+
_ref$autoHeight = _ref.autoHeight,
|
|
57
|
+
autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
|
|
56
58
|
onClick = _ref.onClick,
|
|
57
59
|
children = _ref.children,
|
|
58
60
|
className = _ref.className,
|
|
@@ -72,7 +74,8 @@ var Row = function Row(_ref) {
|
|
|
72
74
|
size: size,
|
|
73
75
|
view: backgroundView,
|
|
74
76
|
pointer: isActive,
|
|
75
|
-
'has-arrow': showArrow && !showLoader
|
|
77
|
+
'has-arrow': showArrow && !showLoader,
|
|
78
|
+
'auto-height': autoHeight
|
|
76
79
|
}, [className, classes.root]),
|
|
77
80
|
href: href,
|
|
78
81
|
target: href ? target : undefined,
|
|
@@ -90,7 +93,8 @@ var Row = function Row(_ref) {
|
|
|
90
93
|
className: cn('header')
|
|
91
94
|
}, /*#__PURE__*/_react["default"].createElement(_Header["default"], {
|
|
92
95
|
className: cn('title', [classes.title]),
|
|
93
|
-
as: isSmallSize ? 'h5' : 'h3'
|
|
96
|
+
as: isSmallSize ? 'h5' : 'h3',
|
|
97
|
+
space: isSmallSize ? 'tight' : 'wide'
|
|
94
98
|
}, title), !!subTitle && /*#__PURE__*/_react["default"].createElement("div", {
|
|
95
99
|
className: cn('sub-title', [classes.subtitle])
|
|
96
100
|
}, subTitle)), !showLoader ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -117,6 +121,7 @@ Row.propTypes = {
|
|
|
117
121
|
href: PropTypes.string,
|
|
118
122
|
target: PropTypes.oneOf(['_self', '_blank']),
|
|
119
123
|
rel: PropTypes.string,
|
|
124
|
+
autoHeight: PropTypes.bool,
|
|
120
125
|
onClick: PropTypes.func,
|
|
121
126
|
children: PropTypes.node,
|
|
122
127
|
className: PropTypes.string,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@megafon/ui-core",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.7.0",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"styles"
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"react-popper": "^2.2.3",
|
|
100
100
|
"swiper": "^6.5.6"
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "bf7d2cc9e75cf3527fae3ea8a58e8e3f4958e18a"
|
|
103
103
|
}
|