@megafon/ui-core 6.1.1 → 6.2.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.2.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.2.0...@megafon/ui-core@6.2.1) (2024-09-02)
+
+
+### Bug Fixes
+
+* **textfield, search, select:** added type JSX.Element to props noticeText ([3b2d9d3](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/3b2d9d3ddd1c4541849c0282b331095e7c90352d))
+
+
+
+
+
+# [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)
+
+
+### Features
+
+* **promobadge:** added size option and added SMALL size ([b4803e2](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/b4803e29564328d561f3b76f36211a54d2d2a699))
+
+
+
+
+
 ## [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)
 
 **Note:** Version bump only for package @megafon/ui-core

package/dist/es/components/Badges/components/PromoBadge/PromoBadge.css

@@ -56,6 +56,11 @@
   color: var(--brandPurple);
   background-color: var(--brandPurple20);
 }
+.mfui-promo-badge_size_small {
+  height: 18px;
+  padding: 0 8px;
+  border-radius: 8px;
+}
 .mfui-promo-badge__text {
   font-family: inherit;
   font-size: 12px;

package/dist/es/components/Badges/components/PromoBadge/PromoBadge.d.ts

@@ -10,6 +10,11 @@ export declare const PromoBadgeColors: {
     readonly GRADIENT_PURPLE: "gradient-purple";
 };
 declare type PromoBadgeColorsType = typeof PromoBadgeColors[keyof typeof PromoBadgeColors];
+export declare const PromoBadgeSize: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+};
+declare type PromoBadgeSizeType = typeof PromoBadgeSize[keyof typeof PromoBadgeSize];
 export declare const PromoBadgeTypes: {
     readonly HIT: "hit";
     readonly NEW: "new";
@@ -22,6 +27,8 @@ declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadg
 export interface IPromoBadgeProps {
     /** Цвет промо-бэйджа */
     color?: PromoBadgeColorsType;
+    /** Размер промо-бэйджа */
+    size?: PromoBadgeSizeType;
     /** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
     type?: PromoBadgeTypesType;
     /** Дополнительный класс корневого элемента */

package/dist/es/components/Badges/components/PromoBadge/PromoBadge.js

@@ -12,6 +12,10 @@ export var PromoBadgeColors = {
   SYSTEM_BLUE: 'system-blue',
   WARM_RED: 'warm-red',
   GRADIENT_PURPLE: 'gradient-purple'
+};
+export var PromoBadgeSize = {
+  SMALL: 'small',
+  MEDIUM: 'medium'
 }; // DEPRECATED
 
 export var PromoBadgeTypes = {
@@ -26,6 +30,8 @@ var cn = cnCreate('mfui-promo-badge');
 
 var PromoBadge = function PromoBadge(_ref) {
   var color = _ref.color,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
       className = _ref.className,
@@ -34,6 +40,7 @@ var PromoBadge = function PromoBadge(_ref) {
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       color: color,
+      size: size,
       type: color ? undefined : type
     }, className)
   }), /*#__PURE__*/React.createElement("span", {

package/dist/es/components/Search/Search.d.ts

@@ -60,7 +60,7 @@ export interface ISearchProps {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

package/dist/es/components/Search/Search.js

@@ -475,7 +475,7 @@ Search.propTypes = {
   }).isRequired),
   changeDelay: PropTypes.number,
   verification: PropTypes.oneOf(['valid', 'error']),
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   className: PropTypes.string,

package/dist/es/components/Select/Select.d.ts

@@ -45,7 +45,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение селекта */
     disabled?: boolean;
     /** Делает поле обязательным */
@@ -101,7 +101,7 @@ declare const Select: {
         id: PropTypes.Requireable<string>;
         currentValue: PropTypes.Requireable<string | number>;
         verification: PropTypes.Requireable<"error" | "valid">;
-        noticeText: PropTypes.Requireable<string>;
+        noticeText: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
         disabled: PropTypes.Requireable<boolean>;
         required: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<string>;

package/dist/es/components/Select/Select.js

@@ -443,7 +443,7 @@ Select.propTypes = {
   id: PropTypes.string,
   currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   verification: PropTypes.oneOf(Object.values(Verification)),
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   placeholder: PropTypes.string,

package/dist/es/components/TextField/TextField.d.ts

@@ -35,7 +35,7 @@ export declare type TextFieldProps = {
     /** Отображение валидации */
     verification?: 'valid' | 'error';
     /** Подпись снизу, меняет цвет в зависимости от аргумента verification */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Показывает обязательность поля  */

package/dist/es/components/TextField/TextField.js

@@ -518,7 +518,7 @@ TextField.propTypes = {
   customIcon: PropTypes.element,
   mask: PropTypes.string,
   maskChar: PropTypes.string,
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   className: PropTypes.string,
   minTextareaHeight: PropTypes.oneOf([24, 72]),
   hideResizeButton: PropTypes.bool,

package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.css

@@ -56,6 +56,11 @@
   color: var(--brandPurple);
   background-color: var(--brandPurple20);
 }
+.mfui-promo-badge_size_small {
+  height: 18px;
+  padding: 0 8px;
+  border-radius: 8px;
+}
 .mfui-promo-badge__text {
   font-family: inherit;
   font-size: 12px;

package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.d.ts

@@ -10,6 +10,11 @@ export declare const PromoBadgeColors: {
     readonly GRADIENT_PURPLE: "gradient-purple";
 };
 declare type PromoBadgeColorsType = typeof PromoBadgeColors[keyof typeof PromoBadgeColors];
+export declare const PromoBadgeSize: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+};
+declare type PromoBadgeSizeType = typeof PromoBadgeSize[keyof typeof PromoBadgeSize];
 export declare const PromoBadgeTypes: {
     readonly HIT: "hit";
     readonly NEW: "new";
@@ -22,6 +27,8 @@ declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadg
 export interface IPromoBadgeProps {
     /** Цвет промо-бэйджа */
     color?: PromoBadgeColorsType;
+    /** Размер промо-бэйджа */
+    size?: PromoBadgeSizeType;
     /** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
     type?: PromoBadgeTypesType;
     /** Дополнительный класс корневого элемента */

package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.PromoBadgeTypes = exports.PromoBadgeColors = void 0;
+exports["default"] = exports.PromoBadgeTypes = exports.PromoBadgeSize = exports.PromoBadgeColors = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -31,9 +31,14 @@ var PromoBadgeColors = {
   SYSTEM_BLUE: 'system-blue',
   WARM_RED: 'warm-red',
   GRADIENT_PURPLE: 'gradient-purple'
+};
+exports.PromoBadgeColors = PromoBadgeColors;
+var PromoBadgeSize = {
+  SMALL: 'small',
+  MEDIUM: 'medium'
 }; // DEPRECATED
 
-exports.PromoBadgeColors = PromoBadgeColors;
+exports.PromoBadgeSize = PromoBadgeSize;
 var PromoBadgeTypes = {
   HIT: 'hit',
   NEW: 'new',
@@ -47,6 +52,8 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-promo-badge');
 
 var PromoBadge = function PromoBadge(_ref) {
   var color = _ref.color,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
       className = _ref.className,
@@ -55,6 +62,7 @@ var PromoBadge = function PromoBadge(_ref) {
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       color: color,
+      size: size,
       type: color ? undefined : type
     }, className)
   }), /*#__PURE__*/React.createElement("span", {

package/dist/lib/components/Search/Search.d.ts

@@ -60,7 +60,7 @@ export interface ISearchProps {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

package/dist/lib/components/Search/Search.js

@@ -528,7 +528,7 @@ Search.propTypes = {
   }).isRequired),
   changeDelay: PropTypes.number,
   verification: PropTypes.oneOf(['valid', 'error']),
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   className: PropTypes.string,

package/dist/lib/components/Select/Select.d.ts

@@ -45,7 +45,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение селекта */
     disabled?: boolean;
     /** Делает поле обязательным */
@@ -101,7 +101,7 @@ declare const Select: {
         id: PropTypes.Requireable<string>;
         currentValue: PropTypes.Requireable<string | number>;
         verification: PropTypes.Requireable<"error" | "valid">;
-        noticeText: PropTypes.Requireable<string>;
+        noticeText: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
         disabled: PropTypes.Requireable<boolean>;
         required: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<string>;

package/dist/lib/components/Select/Select.js

@@ -478,7 +478,7 @@ Select.propTypes = {
   id: PropTypes.string,
   currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   verification: PropTypes.oneOf(Object.values(Verification)),
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   placeholder: PropTypes.string,

package/dist/lib/components/TextField/TextField.d.ts

@@ -35,7 +35,7 @@ export declare type TextFieldProps = {
     /** Отображение валидации */
     verification?: 'valid' | 'error';
     /** Подпись снизу, меняет цвет в зависимости от аргумента verification */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Показывает обязательность поля  */

package/dist/lib/components/TextField/TextField.js

@@ -544,7 +544,7 @@ TextField.propTypes = {
   customIcon: PropTypes.element,
   mask: PropTypes.string,
   maskChar: PropTypes.string,
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   className: PropTypes.string,
   minTextareaHeight: PropTypes.oneOf([24, 72]),
   hideResizeButton: PropTypes.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "6.1.1",
+  "version": "6.2.1",
   "files": [
     "dist",
     "styles"
@@ -99,5 +99,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "b2707ab2fa7d6ac169e704c882967300ac5d8b7b"
+  "gitHead": "fe62002ae1623a7f9316553d35c8c2fa4df36bd7"
 }