@megafon/ui-core 6.1.0 → 6.2.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/CHANGELOG.md +19 -0
- package/dist/es/components/Badges/components/PromoBadge/PromoBadge.css +5 -0
- package/dist/es/components/Badges/components/PromoBadge/PromoBadge.d.ts +7 -0
- package/dist/es/components/Badges/components/PromoBadge/PromoBadge.js +7 -0
- package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.css +5 -0
- package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.d.ts +7 -0
- package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js +10 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
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
|
+
# [6.2.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.1.1...@megafon/ui-core@6.2.0) (2024-08-30)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **promobadge:** added size option and added SMALL size ([b4803e2](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/b4803e29564328d561f3b76f36211a54d2d2a699))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [6.1.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.1.0...@megafon/ui-core@6.1.1) (2024-08-22)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @megafon/ui-core
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
# [6.1.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.0.1...@megafon/ui-core@6.1.0) (2024-08-19)
|
|
7
26
|
|
|
8
27
|
|
|
@@ -10,6 +10,11 @@ export declare const PromoBadgeColors: {
|
|
|
10
10
|
readonly GRADIENT_PURPLE: "gradient-purple";
|
|
11
11
|
};
|
|
12
12
|
declare type PromoBadgeColorsType = typeof PromoBadgeColors[keyof typeof PromoBadgeColors];
|
|
13
|
+
export declare const PromoBadgeSize: {
|
|
14
|
+
readonly SMALL: "small";
|
|
15
|
+
readonly MEDIUM: "medium";
|
|
16
|
+
};
|
|
17
|
+
declare type PromoBadgeSizeType = typeof PromoBadgeSize[keyof typeof PromoBadgeSize];
|
|
13
18
|
export declare const PromoBadgeTypes: {
|
|
14
19
|
readonly HIT: "hit";
|
|
15
20
|
readonly NEW: "new";
|
|
@@ -22,6 +27,8 @@ declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadg
|
|
|
22
27
|
export interface IPromoBadgeProps {
|
|
23
28
|
/** Цвет промо-бэйджа */
|
|
24
29
|
color?: PromoBadgeColorsType;
|
|
30
|
+
/** Размер промо-бэйджа */
|
|
31
|
+
size?: PromoBadgeSizeType;
|
|
25
32
|
/** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
|
|
26
33
|
type?: PromoBadgeTypesType;
|
|
27
34
|
/** Дополнительный класс корневого элемента */
|
|
@@ -12,6 +12,10 @@ export var PromoBadgeColors = {
|
|
|
12
12
|
SYSTEM_BLUE: 'system-blue',
|
|
13
13
|
WARM_RED: 'warm-red',
|
|
14
14
|
GRADIENT_PURPLE: 'gradient-purple'
|
|
15
|
+
};
|
|
16
|
+
export var PromoBadgeSize = {
|
|
17
|
+
SMALL: 'small',
|
|
18
|
+
MEDIUM: 'medium'
|
|
15
19
|
}; // DEPRECATED
|
|
16
20
|
|
|
17
21
|
export var PromoBadgeTypes = {
|
|
@@ -26,6 +30,8 @@ var cn = cnCreate('mfui-promo-badge');
|
|
|
26
30
|
|
|
27
31
|
var PromoBadge = function PromoBadge(_ref) {
|
|
28
32
|
var color = _ref.color,
|
|
33
|
+
_ref$size = _ref.size,
|
|
34
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
29
35
|
_ref$type = _ref.type,
|
|
30
36
|
type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
|
|
31
37
|
className = _ref.className,
|
|
@@ -34,6 +40,7 @@ var PromoBadge = function PromoBadge(_ref) {
|
|
|
34
40
|
return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
35
41
|
className: cn({
|
|
36
42
|
color: color,
|
|
43
|
+
size: size,
|
|
37
44
|
type: color ? undefined : type
|
|
38
45
|
}, className)
|
|
39
46
|
}), /*#__PURE__*/React.createElement("span", {
|
|
@@ -10,6 +10,11 @@ export declare const PromoBadgeColors: {
|
|
|
10
10
|
readonly GRADIENT_PURPLE: "gradient-purple";
|
|
11
11
|
};
|
|
12
12
|
declare type PromoBadgeColorsType = typeof PromoBadgeColors[keyof typeof PromoBadgeColors];
|
|
13
|
+
export declare const PromoBadgeSize: {
|
|
14
|
+
readonly SMALL: "small";
|
|
15
|
+
readonly MEDIUM: "medium";
|
|
16
|
+
};
|
|
17
|
+
declare type PromoBadgeSizeType = typeof PromoBadgeSize[keyof typeof PromoBadgeSize];
|
|
13
18
|
export declare const PromoBadgeTypes: {
|
|
14
19
|
readonly HIT: "hit";
|
|
15
20
|
readonly NEW: "new";
|
|
@@ -22,6 +27,8 @@ declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadg
|
|
|
22
27
|
export interface IPromoBadgeProps {
|
|
23
28
|
/** Цвет промо-бэйджа */
|
|
24
29
|
color?: PromoBadgeColorsType;
|
|
30
|
+
/** Размер промо-бэйджа */
|
|
31
|
+
size?: PromoBadgeSizeType;
|
|
25
32
|
/** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
|
|
26
33
|
type?: PromoBadgeTypesType;
|
|
27
34
|
/** Дополнительный класс корневого элемента */
|
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports["default"] = exports.PromoBadgeTypes = exports.PromoBadgeColors = void 0;
|
|
8
|
+
exports["default"] = exports.PromoBadgeTypes = exports.PromoBadgeSize = exports.PromoBadgeColors = void 0;
|
|
9
9
|
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
|
|
@@ -31,9 +31,14 @@ var PromoBadgeColors = {
|
|
|
31
31
|
SYSTEM_BLUE: 'system-blue',
|
|
32
32
|
WARM_RED: 'warm-red',
|
|
33
33
|
GRADIENT_PURPLE: 'gradient-purple'
|
|
34
|
+
};
|
|
35
|
+
exports.PromoBadgeColors = PromoBadgeColors;
|
|
36
|
+
var PromoBadgeSize = {
|
|
37
|
+
SMALL: 'small',
|
|
38
|
+
MEDIUM: 'medium'
|
|
34
39
|
}; // DEPRECATED
|
|
35
40
|
|
|
36
|
-
exports.
|
|
41
|
+
exports.PromoBadgeSize = PromoBadgeSize;
|
|
37
42
|
var PromoBadgeTypes = {
|
|
38
43
|
HIT: 'hit',
|
|
39
44
|
NEW: 'new',
|
|
@@ -47,6 +52,8 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-promo-badge');
|
|
|
47
52
|
|
|
48
53
|
var PromoBadge = function PromoBadge(_ref) {
|
|
49
54
|
var color = _ref.color,
|
|
55
|
+
_ref$size = _ref.size,
|
|
56
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size,
|
|
50
57
|
_ref$type = _ref.type,
|
|
51
58
|
type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
|
|
52
59
|
className = _ref.className,
|
|
@@ -55,6 +62,7 @@ var PromoBadge = function PromoBadge(_ref) {
|
|
|
55
62
|
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
56
63
|
className: cn({
|
|
57
64
|
color: color,
|
|
65
|
+
size: size,
|
|
58
66
|
type: color ? undefined : type
|
|
59
67
|
}, className)
|
|
60
68
|
}), /*#__PURE__*/React.createElement("span", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@megafon/ui-core",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.2.0",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"styles"
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@babel/preset-env": "^7.8.6",
|
|
51
51
|
"@babel/preset-react": "^7.8.3",
|
|
52
52
|
"@babel/preset-typescript": "^7.8.3",
|
|
53
|
-
"@megafon/ui-icons": "^2.
|
|
53
|
+
"@megafon/ui-icons": "^2.28.0",
|
|
54
54
|
"@svgr/core": "^2.4.1",
|
|
55
55
|
"@testing-library/jest-dom": "5.16.2",
|
|
56
56
|
"@testing-library/react": "12.1.2",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"react-popper": "^2.2.3",
|
|
100
100
|
"swiper": "^6.5.6"
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "51d2691e1194c1600d683e1a521d851b4b2ac39a"
|
|
103
103
|
}
|