@megafon/ui-core 5.0.0 → 5.1.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@5.0.1...@megafon/ui-core@5.1.0) (2023-07-10)
+
+
+### Bug Fixes
+
+* **search:** clear debounce timeout on field clear ([811c08a](https://github.com/MegafonWebLab/megafon-ui/commit/811c08a9a12fe3a0de6e1c6eb497cc8a9443a9e0))
+
+
+### Features
+
+* **promobadge:** add color prop ([bf77ac7](https://github.com/MegafonWebLab/megafon-ui/commit/bf77ac7be405dec7fd4dae3c91273813a761e408))
+
+
+
+
+
+## [5.0.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@5.0.0...@megafon/ui-core@5.0.1) (2023-07-10)
+
+
+### Bug Fixes
+
+* **tile:** remove shadow prop deprecated values: low, high ([87982fc](https://github.com/MegafonWebLab/megafon-ui/commit/87982fcad5483256fd5db21a6d9a5a567e34e856))
+
+
+
+
+
 # [5.0.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.16.1...@megafon/ui-core@5.0.0) (2023-06-22)
 
 
@@ -23,8 +50,11 @@ How to migrate:
 - remove clear field in handler onIconClick;
 - remove field focus in handler onIconClick;
 
+* **tile:** remove shadow prop deprecated values: low, high
 
-
+How to migrate:
+- don't use value "low" (use what better sutable for specific places)
+- use "pressed" instead of "high"
 
 
 ## [4.16.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.16.0...@megafon/ui-core@4.16.1) (2023-05-23)

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

@@ -5,12 +5,33 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: 4px 12px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
+  padding: 4px 12px;
   border-radius: 8px;
   color: var(--stcWhite);
+  /* DEPRECATED classes &_type BEGIN */
+  /* DEPRECATED classes &_type END */
+}
+.mfui-promo-badge_color_137c {
+  background-color: var(--137C);
+}
+.mfui-promo-badge_color_brand-purple-20 {
+  color: var(--brandPurple);
+  background-color: var(--brandPurple20);
+}
+.mfui-promo-badge_color_brand-purple {
+  background-color: var(--brandPurple);
+}
+.mfui-promo-badge_color_reflex-blue {
+  background-color: var(--reflexBlue);
+}
+.mfui-promo-badge_color_system-blue {
+  background-color: var(--systemBlue);
+}
+.mfui-promo-badge_color_warm-red {
+  background-color: var(--warmRedC);
 }
 .mfui-promo-badge_type_hit {
   background-color: var(--warmRedC);
@@ -28,8 +49,8 @@
   background-color: var(--reflexBlue);
 }
 .mfui-promo-badge_type_interests {
-  background-color: var(--brandPurple20);
   color: var(--brandPurple);
+  background-color: var(--brandPurple20);
 }
 .mfui-promo-badge__text {
   font-family: inherit;

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

@@ -1,5 +1,14 @@
 import * as React from 'react';
 import './PromoBadge.less';
+export declare const PromoBadgeColors: {
+    readonly '137C': "137c";
+    readonly BRAND_PURPLE_20: "brand-purple-20";
+    readonly BRAND_PURPLE: "brand-purple";
+    readonly REFLEX_BLUE: "reflex-blue";
+    readonly SYSTEM_BLUE: "system-blue";
+    readonly WARM_RED: "warm-red";
+};
+declare type PromoBadgeColorsType = typeof PromoBadgeColors[keyof typeof PromoBadgeColors];
 export declare const PromoBadgeTypes: {
     readonly HIT: "hit";
     readonly NEW: "new";
@@ -10,7 +19,9 @@ export declare const PromoBadgeTypes: {
 };
 declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadgeTypes];
 export interface IPromoBadgeProps {
-    /** Тип промо-бэйджа */
+    /** Цвет промо-бэйджа */
+    color?: PromoBadgeColorsType;
+    /** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
     type?: PromoBadgeTypesType;
     /** Дополнительный класс корневого элемента */
     className?: string;

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

@@ -4,6 +4,15 @@ import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./PromoBadge.css";
+export var PromoBadgeColors = {
+  '137C': '137c',
+  BRAND_PURPLE_20: 'brand-purple-20',
+  BRAND_PURPLE: 'brand-purple',
+  REFLEX_BLUE: 'reflex-blue',
+  SYSTEM_BLUE: 'system-blue',
+  WARM_RED: 'warm-red'
+}; // DEPRECATED
+
 export var PromoBadgeTypes = {
   HIT: 'hit',
   NEW: 'new',
@@ -15,14 +24,16 @@ export var PromoBadgeTypes = {
 var cn = cnCreate('mfui-promo-badge');
 
 var PromoBadge = function PromoBadge(_ref) {
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'hit' : _ref$type,
+  var color = _ref.color,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
       className = _ref.className,
       children = _ref.children,
       dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      type: type
+      color: color,
+      type: color ? undefined : type
     }, className)
   }), /*#__PURE__*/React.createElement("span", {
     className: cn('text')
@@ -30,6 +41,8 @@ var PromoBadge = function PromoBadge(_ref) {
 };
 
 PromoBadge.propTypes = {
+  color: PropTypes.oneOf(Object.values(PromoBadgeColors)),
+  // DEPRECATED
   type: PropTypes.oneOf(Object.values(PromoBadgeTypes)),
   className: PropTypes.string,
   dataAttrs: PropTypes.shape({

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

@@ -9,10 +9,6 @@ declare const NotificationTypes: {
 declare type NotificationType = typeof NotificationTypes[keyof typeof NotificationTypes];
 declare const ShadowTypes: {
     readonly ZERO: "zero";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly LOW: "low";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly HIGH: "high";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
     readonly DEFAULT: "default";

package/dist/es/components/Notification/Notification.js

@@ -82,12 +82,6 @@ var NotificationTypes = {
 };
 var ShadowTypes = {
   ZERO: 'zero',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  LOW: 'low',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  HIGH: 'high',
   HOVER: 'hover',
   PRESSED: 'pressed',
   DEFAULT: 'default'

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

@@ -171,8 +171,12 @@ var Search = function Search(_ref) {
   }, [activeIndex, items, handleItemSubmit, handleSearchSubmit]);
 
   var handleClearClick = function handleClearClick() {
-    var _a;
+    var _a; // TODO: После обновления TS до 4 версии, установить @types/lodash.debounce и убрать disable
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
 
+
+    !!debouncedOnChange.current && debouncedOnChange.current.cancel();
     onChange === null || onChange === void 0 ? void 0 : onChange('');
     setSearchQuery('');
     (_a = fieldNode === null || fieldNode === void 0 ? void 0 : fieldNode.current) === null || _a === void 0 ? void 0 : _a.focus();

package/dist/es/components/Tile/Tile.css

@@ -8,22 +8,6 @@
 .mfui-tile_pointer {
   cursor: pointer;
 }
-.mfui-tile_theme_light.mfui-tile_shadow_low {
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-}
-.mfui-tile_theme_light.mfui-tile_shadow_high {
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-}
-.mfui-tile_theme_dark.mfui-tile_shadow_low {
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.45);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.45);
-}
-.mfui-tile_theme_dark.mfui-tile_shadow_high {
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
-}
 .mfui-tile_theme_light.mfui-tile_shadow_default {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);

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

@@ -15,10 +15,6 @@ export declare const ShadowLevel: {
     readonly DEFAULT: "default";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly HIGH: "high";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly LOW: "low";
 };
 declare type ShadowLevelType = typeof ShadowLevel[keyof typeof ShadowLevel];
 export interface ITileProps {

package/dist/es/components/Tile/Tile.js

@@ -16,13 +16,7 @@ export var ShadowLevel = {
   ZERO: 'zero',
   DEFAULT: 'default',
   HOVER: 'hover',
-  PRESSED: 'pressed',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  HIGH: 'high',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  LOW: 'low'
+  PRESSED: 'pressed'
 };
 var cn = cnCreate('mfui-tile');
 

package/dist/es/components/Tooltip/Tooltip.js

@@ -362,7 +362,7 @@ var Tooltip = function Tooltip(_ref) {
     className: cn('close-icon')
   })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/React.createElement(Tile, {
     radius: "rounded",
-    shadowLevel: "high",
+    shadowLevel: "pressed",
     className: cn('content-shadow', [contentShadowClassName])
   })));
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */

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

@@ -5,12 +5,33 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: 4px 12px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
+  padding: 4px 12px;
   border-radius: 8px;
   color: var(--stcWhite);
+  /* DEPRECATED classes &_type BEGIN */
+  /* DEPRECATED classes &_type END */
+}
+.mfui-promo-badge_color_137c {
+  background-color: var(--137C);
+}
+.mfui-promo-badge_color_brand-purple-20 {
+  color: var(--brandPurple);
+  background-color: var(--brandPurple20);
+}
+.mfui-promo-badge_color_brand-purple {
+  background-color: var(--brandPurple);
+}
+.mfui-promo-badge_color_reflex-blue {
+  background-color: var(--reflexBlue);
+}
+.mfui-promo-badge_color_system-blue {
+  background-color: var(--systemBlue);
+}
+.mfui-promo-badge_color_warm-red {
+  background-color: var(--warmRedC);
 }
 .mfui-promo-badge_type_hit {
   background-color: var(--warmRedC);
@@ -28,8 +49,8 @@
   background-color: var(--reflexBlue);
 }
 .mfui-promo-badge_type_interests {
-  background-color: var(--brandPurple20);
   color: var(--brandPurple);
+  background-color: var(--brandPurple20);
 }
 .mfui-promo-badge__text {
   font-family: inherit;

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

@@ -1,5 +1,14 @@
 import * as React from 'react';
 import './PromoBadge.less';
+export declare const PromoBadgeColors: {
+    readonly '137C': "137c";
+    readonly BRAND_PURPLE_20: "brand-purple-20";
+    readonly BRAND_PURPLE: "brand-purple";
+    readonly REFLEX_BLUE: "reflex-blue";
+    readonly SYSTEM_BLUE: "system-blue";
+    readonly WARM_RED: "warm-red";
+};
+declare type PromoBadgeColorsType = typeof PromoBadgeColors[keyof typeof PromoBadgeColors];
 export declare const PromoBadgeTypes: {
     readonly HIT: "hit";
     readonly NEW: "new";
@@ -10,7 +19,9 @@ export declare const PromoBadgeTypes: {
 };
 declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadgeTypes];
 export interface IPromoBadgeProps {
-    /** Тип промо-бэйджа */
+    /** Цвет промо-бэйджа */
+    color?: PromoBadgeColorsType;
+    /** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
     type?: PromoBadgeTypesType;
     /** Дополнительный класс корневого элемента */
     className?: string;

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 = void 0;
+exports["default"] = exports.PromoBadgeTypes = exports.PromoBadgeColors = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -23,6 +23,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var PromoBadgeColors = {
+  '137C': '137c',
+  BRAND_PURPLE_20: 'brand-purple-20',
+  BRAND_PURPLE: 'brand-purple',
+  REFLEX_BLUE: 'reflex-blue',
+  SYSTEM_BLUE: 'system-blue',
+  WARM_RED: 'warm-red'
+}; // DEPRECATED
+
+exports.PromoBadgeColors = PromoBadgeColors;
 var PromoBadgeTypes = {
   HIT: 'hit',
   NEW: 'new',
@@ -35,14 +45,16 @@ exports.PromoBadgeTypes = PromoBadgeTypes;
 var cn = (0, _uiHelpers.cnCreate)('mfui-promo-badge');
 
 var PromoBadge = function PromoBadge(_ref) {
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'hit' : _ref$type,
+  var color = _ref.color,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
       className = _ref.className,
       children = _ref.children,
       dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      type: type
+      color: color,
+      type: color ? undefined : type
     }, className)
   }), /*#__PURE__*/React.createElement("span", {
     className: cn('text')
@@ -50,6 +62,8 @@ var PromoBadge = function PromoBadge(_ref) {
 };
 
 PromoBadge.propTypes = {
+  color: PropTypes.oneOf(Object.values(PromoBadgeColors)),
+  // DEPRECATED
   type: PropTypes.oneOf(Object.values(PromoBadgeTypes)),
   className: PropTypes.string,
   dataAttrs: PropTypes.shape({

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

@@ -9,10 +9,6 @@ declare const NotificationTypes: {
 declare type NotificationType = typeof NotificationTypes[keyof typeof NotificationTypes];
 declare const ShadowTypes: {
     readonly ZERO: "zero";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly LOW: "low";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly HIGH: "high";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
     readonly DEFAULT: "default";

package/dist/lib/components/Notification/Notification.js

@@ -106,12 +106,6 @@ var NotificationTypes = {
 };
 var ShadowTypes = {
   ZERO: 'zero',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  LOW: 'low',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  HIGH: 'high',
   HOVER: 'hover',
   PRESSED: 'pressed',
   DEFAULT: 'default'

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

@@ -212,8 +212,12 @@ var Search = function Search(_ref) {
   }, [activeIndex, items, handleItemSubmit, handleSearchSubmit]);
 
   var handleClearClick = function handleClearClick() {
-    var _a;
+    var _a; // TODO: После обновления TS до 4 версии, установить @types/lodash.debounce и убрать disable
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
 
+
+    !!debouncedOnChange.current && debouncedOnChange.current.cancel();
     onChange === null || onChange === void 0 ? void 0 : onChange('');
     setSearchQuery('');
     (_a = fieldNode === null || fieldNode === void 0 ? void 0 : fieldNode.current) === null || _a === void 0 ? void 0 : _a.focus();

package/dist/lib/components/Tile/Tile.css

@@ -8,22 +8,6 @@
 .mfui-tile_pointer {
   cursor: pointer;
 }
-.mfui-tile_theme_light.mfui-tile_shadow_low {
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-}
-.mfui-tile_theme_light.mfui-tile_shadow_high {
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-}
-.mfui-tile_theme_dark.mfui-tile_shadow_low {
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.45);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.45);
-}
-.mfui-tile_theme_dark.mfui-tile_shadow_high {
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
-}
 .mfui-tile_theme_light.mfui-tile_shadow_default {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);

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

@@ -15,10 +15,6 @@ export declare const ShadowLevel: {
     readonly DEFAULT: "default";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly HIGH: "high";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly LOW: "low";
 };
 declare type ShadowLevelType = typeof ShadowLevel[keyof typeof ShadowLevel];
 export interface ITileProps {

package/dist/lib/components/Tile/Tile.js

@@ -31,13 +31,7 @@ var ShadowLevel = {
   ZERO: 'zero',
   DEFAULT: 'default',
   HOVER: 'hover',
-  PRESSED: 'pressed',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  HIGH: 'high',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  LOW: 'low'
+  PRESSED: 'pressed'
 };
 exports.ShadowLevel = ShadowLevel;
 var cn = (0, _uiHelpers.cnCreate)('mfui-tile');

package/dist/lib/components/Tooltip/Tooltip.js

@@ -395,7 +395,7 @@ var Tooltip = function Tooltip(_ref) {
     className: cn('close-icon')
   })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
     radius: "rounded",
-    shadowLevel: "high",
+    shadowLevel: "pressed",
     className: cn('content-shadow', [contentShadowClassName])
   })));
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "files": [
     "dist",
     "styles"
@@ -100,5 +100,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "e915cddf01ba660df8f0b3ce7345cdfdcb871bd0"
+  "gitHead": "749670bce09be52dc9e8a37385255a06c4cef1de"
 }