@megafon/ui-core 9.0.0-alpha.2 → 9.0.0-alpha.21

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

@@ -0,0 +1,235 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InfoBadgeTheme = exports.InfoBadgeSize = exports.InfoBadgeIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var ProfileIcon = function ProfileIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M15.034 9c.552 0 1.004.45.963 1-.334 4.5-2.892 8-5.997 8-3.106 0-5.664-3.5-5.997-8-.041-.55.41-1 .962-1h10.069zM10 2a3.008 3.008 0 013.017 3c0 1.657-1.35 3-3.017 3a3.008 3.008 0 01-3.017-3c0-1.657 1.35-3 3.017-3z"
+  }));
+};
+var ProfileIconBig = function ProfileIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M22.1 15c1.104 0 2.011.9 1.887 1.997C23.345 22.674 20.013 27 15.999 27S8.652 22.674 8.01 16.997C7.886 15.9 8.794 15 9.9 15h12.2zM15.973 5c2.244 0 4.063 1.79 4.063 4s-1.82 4-4.063 4c-2.244 0-4.063-1.791-4.063-4s1.819-4 4.063-4z"
+  }));
+};
+var AttentionIcon = function AttentionIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.249 3.014a1.96 1.96 0 013.45-.006l6.045 10.973c.739 1.342-.213 2.999-1.724 2.999H3.979c-1.508 0-2.46-1.651-1.727-2.993L8.25 3.014zM9.999 13a1 1 0 100 2 1 1 0 000-2zm0-7a1 1 0 00-1 1v4a1 1 0 002 0V7a1 1 0 00-1-1z"
+  }));
+};
+var BanIcon = function BanIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12.031 13.445a4 4 0 01-5.477-5.478l5.477 5.478zM10 6a4 4 0 013.445 6.031L7.968 6.554A3.982 3.982 0 0110 6z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 2a8 8 0 110 16 8 8 0 010-16zm0 2a6 6 0 100 12 6 6 0 000-12z"
+  }));
+};
+var CheckIcon = function CheckIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm4.312 5.688a.625.625 0 00-.9.005l-4.079 4.23-2.247-2.304a.626.626 0 00-.9 0 .664.664 0 000 .922l2.7 2.769a.628.628 0 00.902-.003l4.528-4.696a.665.665 0 00-.005-.923z"
+  }));
+};
+var InfoIcon = function InfoIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm0 6.553a1 1 0 00-1 1v5a1 1 0 002 0v-5a1 1 0 00-1-1zM9.898 4.88a1 1 0 100 2 1 1 0 000-2z"
+  }));
+};
+var PriceIcon = function PriceIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.873 1.498l5.685.58a1.97 1.97 0 011.759 1.76l.582 5.686a1.97 1.97 0 01-.567 1.593l-6.793 6.793a1.97 1.97 0 01-2.786 0l-6.267-6.267a1.97 1.97 0 010-2.786l6.793-6.793a1.971 1.971 0 011.594-.566zm-4 9.61a.5.5 0 00-.706.707l2.828 2.828a.5.5 0 00.707-.707l-2.828-2.828zm8.734-6.058a1 1 0 10-1.414 1.415 1 1 0 001.414-1.415z"
+  }));
+};
+var TimerIcon = function TimerIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.006 3.998c3.857 0 7 3.127 7 6.985 0 3.857-3.143 6.984-7 6.984s-7-3.127-7.001-6.984c0-3.858 3.143-6.985 7-6.985zM10 7.004a.5.5 0 00-.5.5v3.501H7a.5.5 0 000 1h3a.5.5 0 00.5-.5v-4a.5.5 0 00-.5-.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.594 3.124a.514.514 0 01.715 0l2.15 2.105a.487.487 0 010 .7.515.515 0 01-.714 0l-2.15-2.105a.487.487 0 010-.7zM4.92 3.109a.515.515 0 01.716.005.487.487 0 01-.005.698l-2.165 2.09a.514.514 0 01-.715-.004.487.487 0 01.005-.7l2.164-2.09z"
+  }));
+};
+var AttentionIconBig = function AttentionIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.373 6.516c1.128-2.018 4.041-2.023 5.176-.008l9.067 16.094C28.725 24.571 27.296 27 25.03 27H6.97c-2.263 0-3.691-2.42-2.591-4.389l8.994-16.095zM16 21.163c-.829 0-1.5.657-1.5 1.467s.671 1.466 1.5 1.466c.828 0 1.5-.656 1.5-1.466 0-.81-.672-1.467-1.5-1.467zm0-10.3a1.5 1.5 0 00-1.5 1.5v5.867a1.5 1.5 0 003 0v-5.867a1.5 1.5 0 00-1.5-1.5z"
+  }));
+};
+var BanIconBig = function BanIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M20.903 22.317A7.962 7.962 0 0116 24a8 8 0 01-6.318-12.904l11.221 11.221zM16 8a8 8 0 018 8c0 1.849-.63 3.549-1.683 4.903L11.096 9.682A7.963 7.963 0 0116 8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 3c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3zm0 3C10.477 6 6 10.477 6 16s4.477 10 10 10 10-4.477 10-10S21.523 6 16 6z"
+  }));
+};
+var CheckIconBig = function CheckIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm5.734 8.251a.92.92 0 00-1.27.007l-5.758 5.64-3.173-3.073a.92.92 0 00-1.27.001.85.85 0 000 1.23l3.811 3.69a.915.915 0 001.274-.003l6.392-6.262a.852.852 0 00-.006-1.23z"
+  }));
+};
+var InfoIconBig = function InfoIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm0 9.25c-.78 0-1.412.633-1.412 1.412v7.059a1.412 1.412 0 102.824 0v-7.059c0-.78-.632-1.412-1.412-1.412zm-.144-4.477a1.412 1.412 0 100 2.824 1.412 1.412 0 000-2.824z"
+  }));
+};
+var PriceIconBig = function PriceIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.206 4.815a2.781 2.781 0 012.249-.8l8.027.821a2.781 2.781 0 012.484 2.484l.82 8.027a2.782 2.782 0 01-.8 2.249l-9.59 9.59a2.781 2.781 0 01-3.933 0l-8.848-8.848a2.781 2.781 0 010-3.933l9.59-9.59zM11.81 17.583a.707.707 0 00-.999 1l3.994 3.992a.707.707 0 00.999-.999l-3.994-3.993zm12.33-8.552a1.413 1.413 0 10-1.998 1.998 1.413 1.413 0 001.998-1.998z"
+  }));
+};
+var TimerIconBig = function TimerIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.009 6.396c6.171 0 11.2 5.004 11.2 11.175 0 6.172-5.028 11.176-11.2 11.176s-11.2-5.004-11.2-11.176c0-6.171 5.028-11.175 11.2-11.175zM16 11.206a.8.8 0 00-.8.8v5.601h-4a.801.801 0 000 1.601H16a.8.8 0 00.8-.8v-6.402a.8.8 0 00-.8-.8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M23.348 4.999a.822.822 0 011.144 0l3.441 3.366a.778.778 0 010 1.118.821.821 0 01-1.143 0l-3.442-3.365a.78.78 0 010-1.119zM7.872 4.973a.822.822 0 011.144.008.78.78 0 01-.007 1.118L5.545 9.443A.822.822 0 014.4 9.436a.78.78 0 01.007-1.119l3.464-3.344z"
+  }));
+};
+var InfoBadgeTheme = exports.InfoBadgeTheme = {
+  RED: 'red',
+  GREY: 'grey',
+  GREEN: 'green',
+  ORANGE: 'orange',
+  LIGHT: 'light',
+  DARK: 'dark',
+  PURPLE: 'purple',
+  WHITE_GREEN: 'white-green',
+  WHITE_ORANGE: 'white-orange',
+  WHITE_GRAY: 'white-gray',
+  WHITE_RED: 'white-red'
+};
+var InfoBadgeIcon = exports.InfoBadgeIcon = {
+  TIMER: 'timer',
+  PRICE: 'price',
+  CHECK: 'check',
+  ATTENTION: 'attention',
+  INFO: 'info',
+  PROFILE: 'profile',
+  BAN: 'ban'
+};
+var InfoBadgeSize = exports.InfoBadgeSize = {
+  SMALL: 'small',
+  BIG: 'big'
+};
+var getInfoBadgeIcon = function getInfoBadgeIcon(iconType, size) {
+  var isBigIcon = size === InfoBadgeSize.BIG;
+  switch (true) {
+    case iconType === InfoBadgeIcon.TIMER && isBigIcon:
+      return TimerIconBig;
+    case iconType === InfoBadgeIcon.PRICE && isBigIcon:
+      return PriceIconBig;
+    case iconType === InfoBadgeIcon.CHECK && isBigIcon:
+      return CheckIconBig;
+    case iconType === InfoBadgeIcon.ATTENTION && isBigIcon:
+      return AttentionIconBig;
+    case iconType === InfoBadgeIcon.INFO && isBigIcon:
+      return InfoIconBig;
+    case iconType === InfoBadgeIcon.PROFILE && isBigIcon:
+      return ProfileIconBig;
+    case iconType === InfoBadgeIcon.BAN && isBigIcon:
+      return BanIconBig;
+    case iconType === InfoBadgeIcon.PRICE:
+      return PriceIcon;
+    case iconType === InfoBadgeIcon.CHECK:
+      return CheckIcon;
+    case iconType === InfoBadgeIcon.ATTENTION:
+      return AttentionIcon;
+    case iconType === InfoBadgeIcon.INFO:
+      return InfoIcon;
+    case iconType === InfoBadgeIcon.PROFILE:
+      return ProfileIcon;
+    case iconType === InfoBadgeIcon.BAN:
+      return BanIcon;
+    default:
+      return TimerIcon;
+  }
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-info-badge');
+var InfoBadge = function InfoBadge(_ref) {
+  var _ref$iconType = _ref.iconType,
+    iconType = _ref$iconType === void 0 ? 'timer' : _ref$iconType,
+    _ref$isAdaptive = _ref.isAdaptive,
+    isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'grey' : _ref$theme,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    subTitle = _ref.subTitle,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs,
+    children = _ref.children;
+  var Icon = getInfoBadgeIcon(iconType, size);
+  var showSubTitle = size === 'big' && !!subTitle;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn({
+      theme: theme,
+      adaptive: isAdaptive,
+      size: size
+    }, className)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cn('icon-container')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    className: cn('icon')
+  })), /*#__PURE__*/React.createElement("div", {
+    className: cn('text')
+  }, /*#__PURE__*/React.createElement("div", null, children), showSubTitle && /*#__PURE__*/React.createElement("div", {
+    className: cn('sub-title')
+  }, subTitle)));
+};
+var _default = exports["default"] = InfoBadge;

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

@@ -16,6 +16,7 @@ export declare const PriceBadgeIcon: {
     readonly ATTENTION: "attention";
     readonly INFO: "info";
     readonly PROFILE: "profile";
+    readonly BAN: "ban";
 };
 export declare const PriseBadgeSize: {
     readonly SMALL: "small";

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

@@ -11,25 +11,40 @@ var _uiHelpers = require("@megafon/ui-helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+// TODO удалить папку с компонентом после релиза UI-219 и заменить в компоненте PromoCard PriceBadge на InfoBadge
+
 var ProfileIcon = function ProfileIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.22 18h9.55L16 13.47A8.28 8.28 0 0010 11a8.302 8.302 0 00-6 2.5L5.22 18zM14 6a4 4 0 10-8 0 4 4 0 008 0z"
+    d: "M15.034 9c.552 0 1.004.45.963 1-.334 4.5-2.892 8-5.997 8-3.106 0-5.664-3.5-5.997-8-.041-.55.41-1 .962-1h10.069zM10 2a3.008 3.008 0 013.017 3c0 1.657-1.35 3-3.017 3a3.008 3.008 0 01-3.017-3c0-1.657 1.35-3 3.017-3z"
   }));
 };
 var ProfileIconBig = function ProfileIconBig(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M23 28l2-7.43-.32-.31A12.67 12.67 0 0016 17a12.68 12.68 0 00-8.68 3.27l-.32.3L9 28h14zM10 9a6 6 0 1012 0 6 6 0 00-12 0z"
+    d: "M22.1 15c1.104 0 2.011.9 1.887 1.997C23.345 22.674 20.013 27 15.999 27S8.652 22.674 8.01 16.997C7.886 15.9 8.794 15 9.9 15h12.2zM15.973 5c2.244 0 4.063 1.79 4.063 4s-1.82 4-4.063 4c-2.244 0-4.063-1.791-4.063-4s1.819-4 4.063-4z"
   }));
 };
 var AttentionIcon = function AttentionIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 13c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7s-.1-.5-.3-.7c-.2-.2-.5-.3-.7-.3s-.5.1-.7.3c-.2.2-.3.4-.3.7s.1.5.3.7.5.3.7.3zM9 5v6h2V5H9z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.249 3.014a1.96 1.96 0 013.45-.006l6.045 10.973c.739 1.342-.213 2.999-1.724 2.999H3.979c-1.508 0-2.46-1.651-1.727-2.993L8.25 3.014zM9.999 13a1 1 0 100 2 1 1 0 000-2zm0-7a1 1 0 00-1 1v4a1 1 0 002 0V7a1 1 0 00-1-1z"
+  }));
+};
+var BanIcon = function BanIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12.031 13.445a4 4 0 01-5.477-5.478l5.477 5.478zM10 6a4 4 0 013.445 6.031L7.968 6.554A3.982 3.982 0 0110 6z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 2a8 8 0 110 16 8 8 0 010-16zm0 2a6 6 0 100 12 6 6 0 000-12z"
   }));
 };
 var CheckIcon = function CheckIcon(props) {
@@ -38,14 +53,16 @@ var CheckIcon = function CheckIcon(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.295 9.467l1.77 1.77 3.66-5.22 1.31.918-4.745 6.79-3.126-3.127 1.131-1.13z"
+    d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm4.312 5.688a.625.625 0 00-.9.005l-4.079 4.23-2.247-2.304a.626.626 0 00-.9 0 .664.664 0 000 .922l2.7 2.769a.628.628 0 00.902-.003l4.528-4.696a.665.665 0 00-.005-.923z"
   }));
 };
 var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm0 6.553a1 1 0 00-1 1v5a1 1 0 002 0v-5a1 1 0 00-1-1zM9.898 4.88a1 1 0 100 2 1 1 0 000-2z"
   }));
 };
 var PriceIcon = function PriceIcon(props) {
@@ -54,7 +71,7 @@ var PriceIcon = function PriceIcon(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.75 5.75H11a2.75 2.75 0 010 5.5H9.25V12h3v1.5h-3v1.75h-1.5V13.5h-1V12h1v-.75h-1v-1.5h1v-4zM11 7.25H9.25v2.5H11a1.25 1.25 0 000-2.5z"
+    d: "M9.873 1.498l5.685.58a1.97 1.97 0 011.759 1.76l.582 5.686a1.97 1.97 0 01-.567 1.593l-6.793 6.793a1.97 1.97 0 01-2.786 0l-6.267-6.267a1.97 1.97 0 010-2.786l6.793-6.793a1.971 1.971 0 011.594-.566zm-4 9.61a.5.5 0 00-.706.707l2.828 2.828a.5.5 0 00.707-.707l-2.828-2.828zm8.734-6.058a1 1 0 10-1.414 1.415 1 1 0 001.414-1.415z"
   }));
 };
 var TimerIcon = function TimerIcon(props) {
@@ -63,14 +80,29 @@ var TimerIcon = function TimerIcon(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
+    d: "M10.006 3.998c3.857 0 7 3.127 7 6.985 0 3.857-3.143 6.984-7 6.984s-7-3.127-7.001-6.984c0-3.858 3.143-6.985 7-6.985zM10 7.004a.5.5 0 00-.5.5v3.501H7a.5.5 0 000 1h3a.5.5 0 00.5-.5v-4a.5.5 0 00-.5-.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.594 3.124a.514.514 0 01.715 0l2.15 2.105a.487.487 0 010 .7.515.515 0 01-.714 0l-2.15-2.105a.487.487 0 010-.7zM4.92 3.109a.515.515 0 01.716.005.487.487 0 01-.005.698l-2.165 2.09a.514.514 0 01-.715-.004.487.487 0 01.005-.7l2.164-2.09z"
   }));
 };
 var AttentionIconBig = function AttentionIconBig(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.6 4 16 4zm1 18h-2v-2h2v2zm0-4h-2v-8h2v8z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.373 6.516c1.128-2.018 4.041-2.023 5.176-.008l9.067 16.094C28.725 24.571 27.296 27 25.03 27H6.97c-2.263 0-3.691-2.42-2.591-4.389l8.994-16.095zM16 21.163c-.829 0-1.5.657-1.5 1.467s.671 1.466 1.5 1.466c.828 0 1.5-.656 1.5-1.466 0-.81-.672-1.467-1.5-1.467zm0-10.3a1.5 1.5 0 00-1.5 1.5v5.867a1.5 1.5 0 003 0v-5.867a1.5 1.5 0 00-1.5-1.5z"
+  }));
+};
+var BanIconBig = function BanIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M20.903 22.317A7.962 7.962 0 0116 24a8 8 0 01-6.318-12.904l11.221 11.221zM16 8a8 8 0 018 8c0 1.849-.63 3.549-1.683 4.903L11.096 9.682A7.963 7.963 0 0116 8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 3c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3zm0 3C10.477 6 6 10.477 6 16s4.477 10 10 10 10-4.477 10-10S21.523 6 16 6z"
   }));
 };
 var CheckIconBig = function CheckIconBig(props) {
@@ -79,14 +111,16 @@ var CheckIconBig = function CheckIconBig(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12zm-1.306-10.016l6.32-7.672 1.486 1.37s-7.538 9.186-7.7 9.193c-.136 0-4.488-4.484-4.488-4.484l1.438-1.425 2.944 3.018z"
+    d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm5.734 8.251a.92.92 0 00-1.27.007l-5.758 5.64-3.173-3.073a.92.92 0 00-1.27.001.85.85 0 000 1.23l3.811 3.69a.915.915 0 001.274-.003l6.392-6.262a.852.852 0 00-.006-1.23z"
   }));
 };
 var InfoIconBig = function InfoIconBig(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.6 4 16 4zm1 18h-2v-8h2v8zm0-10h-2v-2h2v2z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm0 9.25c-.78 0-1.412.633-1.412 1.412v7.059a1.412 1.412 0 102.824 0v-7.059c0-.78-.632-1.412-1.412-1.412zm-.144-4.477a1.412 1.412 0 100 2.824 1.412 1.412 0 000-2.824z"
   }));
 };
 var PriceIconBig = function PriceIconBig(props) {
@@ -95,7 +129,7 @@ var PriceIconBig = function PriceIconBig(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12zm-5-7v-2h2v-2h-2v-2h2V9h4a4 4 0 110 8h-2v2h4v2h-4v2h-2v-2h-2zm7.414-9.414A2 2 0 0017 11h-2v4h2a2 2 0 001.414-3.414z"
+    d: "M15.206 4.815a2.781 2.781 0 012.249-.8l8.027.821a2.781 2.781 0 012.484 2.484l.82 8.027a2.782 2.782 0 01-.8 2.249l-9.59 9.59a2.781 2.781 0 01-3.933 0l-8.848-8.848a2.781 2.781 0 010-3.933l9.59-9.59zM11.81 17.583a.707.707 0 00-.999 1l3.994 3.992a.707.707 0 00.999-.999l-3.994-3.993zm12.33-8.552a1.413 1.413 0 10-1.998 1.998 1.413 1.413 0 001.998-1.998z"
   }));
 };
 var TimerIconBig = function TimerIconBig(props) {
@@ -104,7 +138,9 @@ var TimerIconBig = function TimerIconBig(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12zm1-12.414V9h-2v7.414l4 4L20.414 19 17 15.586z"
+    d: "M16.009 6.396c6.171 0 11.2 5.004 11.2 11.175 0 6.172-5.028 11.176-11.2 11.176s-11.2-5.004-11.2-11.176c0-6.171 5.028-11.175 11.2-11.175zM16 11.206a.8.8 0 00-.8.8v5.601h-4a.801.801 0 000 1.601H16a.8.8 0 00.8-.8v-6.402a.8.8 0 00-.8-.8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M23.348 4.999a.822.822 0 011.144 0l3.441 3.366a.778.778 0 010 1.118.821.821 0 01-1.143 0l-3.442-3.365a.78.78 0 010-1.119zM7.872 4.973a.822.822 0 011.144.008.78.78 0 01-.007 1.118L5.545 9.443A.822.822 0 014.4 9.436a.78.78 0 01.007-1.119l3.464-3.344z"
   }));
 };
 var PriceBadgeTheme = exports.PriceBadgeTheme = {
@@ -122,7 +158,8 @@ var PriceBadgeIcon = exports.PriceBadgeIcon = {
   CHECK: 'check',
   ATTENTION: 'attention',
   INFO: 'info',
-  PROFILE: 'profile'
+  PROFILE: 'profile',
+  BAN: 'ban'
 };
 var PriseBadgeSize = exports.PriseBadgeSize = {
   SMALL: 'small',
@@ -143,6 +180,8 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
       return InfoIconBig;
     case iconType === PriceBadgeIcon.PROFILE && isBigIcon:
       return ProfileIconBig;
+    case iconType === PriceBadgeIcon.BAN && isBigIcon:
+      return BanIconBig;
     case iconType === PriceBadgeIcon.PRICE:
       return PriceIcon;
     case iconType === PriceBadgeIcon.CHECK:
@@ -153,6 +192,8 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
       return InfoIcon;
     case iconType === PriceBadgeIcon.PROFILE:
       return ProfileIcon;
+    case iconType === PriceBadgeIcon.BAN:
+      return BanIcon;
     default:
       return TimerIcon;
   }

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--stcWhite);padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-promo-badge_color_berry{background-color:var(--berry)}.mfui-9-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-9-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-9-promo-badge_color_night{background-color:var(--night)}.mfui-9-promo-badge_color_sky{background-color:var(--sky)}.mfui-9-promo-badge_color_flamingo{background-color:var(--flamingo)}.mfui-9-promo-badge_color_gradient-purple{background:var(--gradientPurple1);color:var(--stcWhite)}.mfui-9-promo-badge_size_small{border-radius:8px;height:18px;padding:0 8px}.mfui-9-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--stcWhite);padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-promo-badge_color_berry{background-color:var(--berry)}.mfui-9-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-9-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-9-promo-badge_color_night{background-color:var(--night)}.mfui-9-promo-badge_color_sky{background-color:var(--sky)}.mfui-9-promo-badge_color_flamingo{background-color:var(--flamingo)}.mfui-9-promo-badge_color_gradient-purple{background:var(--gradientPurple1);color:var(--stcWhite)}.mfui-9-promo-badge_color_gray{background:var(--spbSky1);color:var(--content)}.mfui-9-promo-badge_size_small{border-radius:8px;height:18px;padding:0 8px}.mfui-9-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}

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

@@ -8,6 +8,7 @@ export declare const PromoBadgeColors: {
     readonly SKY: "sky";
     readonly FLAMINGO: "flamingo";
     readonly GRADIENT_PURPLE: "gradient-purple";
+    readonly GRAY: "gray";
 };
 type PromoBadgeColorsType = (typeof PromoBadgeColors)[keyof typeof PromoBadgeColors];
 export declare const PromoBadgeSize: {
@@ -15,22 +16,11 @@ export declare const PromoBadgeSize: {
     readonly MEDIUM: "medium";
 };
 type PromoBadgeSizeType = (typeof PromoBadgeSize)[keyof typeof PromoBadgeSize];
-export declare const PromoBadgeTypes: {
-    readonly HIT: "hit";
-    readonly NEW: "new";
-    readonly VIP: "vip";
-    readonly POPULAR: "popular";
-    readonly USER_CHOICE: "user-choice";
-    readonly INTERESTS: "interests";
-};
-type PromoBadgeTypesType = (typeof PromoBadgeTypes)[keyof typeof PromoBadgeTypes];
 export interface IPromoBadgeProps {
     /** Цвет промо-бэйджа */
     color?: PromoBadgeColorsType;
     /** Размер промо-бэйджа */
     size?: PromoBadgeSizeType;
-    /** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
-    type?: PromoBadgeTypesType;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные data-атрибуты к внутренним элементам */

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.PromoBadgeTypes = exports.PromoBadgeSize = exports.PromoBadgeColors = void 0;
+exports["default"] = exports.PromoBadgeSize = exports.PromoBadgeColors = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
@@ -18,36 +18,26 @@ var PromoBadgeColors = exports.PromoBadgeColors = {
   NIGHT: 'night',
   SKY: 'sky',
   FLAMINGO: 'flamingo',
-  GRADIENT_PURPLE: 'gradient-purple'
+  GRADIENT_PURPLE: 'gradient-purple',
+  GRAY: 'gray'
 };
 var PromoBadgeSize = exports.PromoBadgeSize = {
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-// DEPRECATED
-var PromoBadgeTypes = exports.PromoBadgeTypes = {
-  HIT: 'hit',
-  NEW: 'new',
-  VIP: 'vip',
-  POPULAR: 'popular',
-  USER_CHOICE: 'user-choice',
-  INTERESTS: 'interests'
-};
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-promo-badge');
 var PromoBadge = function PromoBadge(_ref) {
-  var color = _ref.color,
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? PromoBadgeColors.SKY : _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,
+    size = _ref$size === void 0 ? PromoBadgeSize.MEDIUM : _ref$size,
     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({
       color: color,
-      size: size,
-      type: color ? undefined : type
+      size: size
     }, className)
   }), /*#__PURE__*/React.createElement("span", {
     className: cn('text')

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-status-badge__container{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--content);font-weight:400;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-status-badge__text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-9-status-badge__arrow,.mfui-9-status-badge__icon{height:20px;width:20px}.mfui-9-status-badge__icon{margin-right:2px}@media screen and (min-width:1024px){.mfui-9-status-badge_adaptive .mfui-9-status-badge__container{font-size:15px;line-height:24px}}.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{cursor:pointer}.mfui-9-status-badge__tooltip{width:288px}.mfui-9-status-badge_view_dot .mfui-9-status-badge__container{gap:8px}.mfui-9-status-badge_view_dot .mfui-9-status-badge__container:before{border-radius:50%;content:"";height:8px;width:8px}.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__text{-webkit-text-decoration:underline dashed var(--spbSky3);text-decoration:underline dashed var(--spbSky3);text-decoration-thickness:1px;text-underline-offset:3px;-webkit-transition:-webkit-text-decoration .3s ease-out;transition:-webkit-text-decoration .3s ease-out;transition:text-decoration .3s ease-out;transition:text-decoration .3s ease-out,-webkit-text-decoration .3s ease-out}@media (pointer:fine){.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__container:hover .mfui-9-status-badge__text{-webkit-text-decoration:underline dashed var(--content);text-decoration:underline dashed var(--content);text-decoration-thickness:1px}.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__container:hover:before{-webkit-animation:pulse .8s ease-out;animation:pulse .8s ease-out}}@media screen and (min-width:1024px){.mfui-9-status-badge_view_dot.mfui-9-status-badge_adaptive.mfui-9-status-badge_tooltip .mfui-9-status-badge__text{text-underline-offset:5px}}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_green .mfui-9-status-badge__container:before{background-color:var(--brandGreen)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_blue .mfui-9-status-badge__container:before{background-color:var(--sky)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_gray .mfui-9-status-badge__container:before{background-color:var(--spbSky3)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_orange .mfui-9-status-badge__container:before{background-color:var(--137C)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_red .mfui-9-status-badge__container:before{background-color:var(--fury)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_background_dark .mfui-9-status-badge__container,.mfui-9-status-badge_view_dot.mfui-9-status-badge_background_light .mfui-9-status-badge__container{background-color:var(--base);border:none}.mfui-9-status-badge_view_icon .mfui-9-status-badge__container{border:1px solid var(--spbSky1);border-radius:8px;padding:1px 7px 1px 1px}.mfui-9-status-badge_view_icon .mfui-9-status-badge__arrow{rotate:180deg;-webkit-transition:rotate .3s ease-out,fill .3s ease-out;transition:rotate .3s ease-out,fill .3s ease-out;fill:var(--spbSky3)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_opened .mfui-9-status-badge__arrow{rotate:1turn}@media (pointer:fine){.mfui-9-status-badge_view_icon .mfui-9-status-badge__container:hover .mfui-9-status-badge__arrow{fill:var(--content)}}.mfui-9-status-badge_view_icon.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{padding-right:1px}@media screen and (min-width:1024px){.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__container{border-radius:12px;padding:3px 10px 3px 5px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__icon{margin-right:4px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__text{margin-top:-1px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{padding-right:5px}}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_green .mfui-9-status-badge__icon{fill:var(--brandGreen)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_blue .mfui-9-status-badge__icon{fill:var(--sky)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_gray .mfui-9-status-badge__icon{fill:var(--spbSky3)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_orange .mfui-9-status-badge__icon{fill:var(--137C)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_red .mfui-9-status-badge__icon{fill:var(--fury)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_background_dark .mfui-9-status-badge__container,.mfui-9-status-badge_view_icon.mfui-9-status-badge_background_light .mfui-9-status-badge__container{background-color:var(--base);border:none}@-webkit-keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}@keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-status-badge__container{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--content);font-weight:400;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-status-badge__container:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-status-badge__container:focus{outline:none}.mfui-9-status-badge__text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-9-status-badge__arrow,.mfui-9-status-badge__icon{height:20px;width:20px}.mfui-9-status-badge__icon{margin-right:2px}@media screen and (min-width:1024px){.mfui-9-status-badge_adaptive .mfui-9-status-badge__container{font-size:15px;line-height:24px}}.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{border-radius:8px;cursor:pointer}.mfui-9-status-badge__tooltip{width:288px}.mfui-9-status-badge_view_dot .mfui-9-status-badge__container{gap:8px}.mfui-9-status-badge_view_dot .mfui-9-status-badge__container:before{border-radius:50%;content:"";height:8px;width:8px}.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__text{-webkit-text-decoration:underline dashed var(--spbSky3);text-decoration:underline dashed var(--spbSky3);text-decoration-thickness:1px;text-underline-offset:3px;-webkit-transition:-webkit-text-decoration .3s ease-out;transition:-webkit-text-decoration .3s ease-out;transition:text-decoration .3s ease-out;transition:text-decoration .3s ease-out,-webkit-text-decoration .3s ease-out}@media (pointer:fine){.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__container:hover .mfui-9-status-badge__text{-webkit-text-decoration:underline dashed var(--content);text-decoration:underline dashed var(--content);text-decoration-thickness:1px}.mfui-9-status-badge_view_dot.mfui-9-status-badge_tooltip .mfui-9-status-badge__container:hover:before{-webkit-animation:pulse .8s ease-out;animation:pulse .8s ease-out}}@media screen and (min-width:1024px){.mfui-9-status-badge_view_dot.mfui-9-status-badge_adaptive.mfui-9-status-badge_tooltip .mfui-9-status-badge__text{text-underline-offset:5px}}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_green .mfui-9-status-badge__container:before{background-color:var(--brandGreen)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_blue .mfui-9-status-badge__container:before{background-color:var(--sky)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_gray .mfui-9-status-badge__container:before{background-color:var(--spbSky3)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_orange .mfui-9-status-badge__container:before{background-color:var(--137C)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_theme_red .mfui-9-status-badge__container:before{background-color:var(--fury)}.mfui-9-status-badge_view_dot.mfui-9-status-badge_background_dark .mfui-9-status-badge__container,.mfui-9-status-badge_view_dot.mfui-9-status-badge_background_light .mfui-9-status-badge__container{background-color:var(--base);border:none}.mfui-9-status-badge_view_icon .mfui-9-status-badge__container{border:1px solid var(--spbSky1);border-radius:8px;padding:1px 7px 1px 1px}.mfui-9-status-badge_view_icon .mfui-9-status-badge__arrow{rotate:180deg;-webkit-transition:rotate .3s ease-out,fill .3s ease-out;transition:rotate .3s ease-out,fill .3s ease-out;fill:var(--spbSky3)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_opened .mfui-9-status-badge__arrow{rotate:1turn}@media (pointer:fine){.mfui-9-status-badge_view_icon .mfui-9-status-badge__container:hover .mfui-9-status-badge__arrow{fill:var(--content)}}.mfui-9-status-badge_view_icon.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{padding-right:1px}@media screen and (min-width:1024px){.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__container{border-radius:12px;padding:3px 10px 3px 5px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__icon{margin-right:4px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive .mfui-9-status-badge__text{margin-top:-1px}.mfui-9-status-badge_view_icon.mfui-9-status-badge_adaptive.mfui-9-status-badge_tooltip .mfui-9-status-badge__container{padding-right:5px}}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_green .mfui-9-status-badge__icon{fill:var(--brandGreen)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_blue .mfui-9-status-badge__icon{fill:var(--sky)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_gray .mfui-9-status-badge__icon{fill:var(--spbSky3)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_orange .mfui-9-status-badge__icon{fill:var(--137C)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_theme_red .mfui-9-status-badge__icon{fill:var(--fury)}.mfui-9-status-badge_view_icon.mfui-9-status-badge_background_dark .mfui-9-status-badge__container,.mfui-9-status-badge_view_icon.mfui-9-status-badge_background_light .mfui-9-status-badge__container{background-color:var(--base);border:none}@-webkit-keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}@keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}

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

@@ -17,21 +17,23 @@ var ProfileFullIcon = function ProfileFullIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.22 18h9.55L16 13.47A8.28 8.28 0 0010 11a8.302 8.302 0 00-6 2.5L5.22 18zM14 6a4 4 0 10-8 0 4 4 0 008 0z"
+    d: "M15.034 9c.552 0 1.004.45.963 1-.334 4.5-2.892 8-5.997 8-3.106 0-5.664-3.5-5.997-8-.041-.55.41-1 .962-1h10.069zM10 2a3.008 3.008 0 013.017 3c0 1.657-1.35 3-3.017 3a3.008 3.008 0 01-3.017-3c0-1.657 1.35-3 3.017-3z"
   }));
 };
 var ArrowIcon = function ArrowIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M13 12l-3-3-3 3-1-1 4-4 4 4z"
+    d: "M9.03 4.892a1.396 1.396 0 011.94 0l3.726 3.61a1 1 0 01-1.392 1.436l-2.297-2.225V14.5a1 1 0 01-2 0V7.7l-2.31 2.238a1 1 0 01-1.393-1.436l3.726-3.61z"
   }));
 };
 var AttentionIcon = function AttentionIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 13c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7s-.1-.5-.3-.7c-.2-.2-.5-.3-.7-.3s-.5.1-.7.3c-.2.2-.3.4-.3.7s.1.5.3.7.5.3.7.3zM9 5v6h2V5H9z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.249 3.014a1.96 1.96 0 013.45-.006l6.045 10.973c.739 1.342-.213 2.999-1.724 2.999H3.979c-1.508 0-2.46-1.651-1.727-2.993L8.25 3.014zM9.999 13a1 1 0 100 2 1 1 0 000-2zm0-7a1 1 0 00-1 1v4a1 1 0 002 0V7a1 1 0 00-1-1z"
   }));
 };
 var CheckInvertIcon = function CheckInvertIcon(props) {
@@ -40,14 +42,16 @@ var CheckInvertIcon = function CheckInvertIcon(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.295 9.467l1.77 1.77 3.66-5.22 1.31.918-4.745 6.79-3.126-3.127 1.131-1.13z"
+    d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm4.312 5.688a.625.625 0 00-.9.005l-4.079 4.23-2.247-2.304a.626.626 0 00-.9 0 .664.664 0 000 .922l2.7 2.769a.628.628 0 00.902-.003l4.528-4.696a.665.665 0 00-.005-.923z"
   }));
 };
 var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm0 6.553a1 1 0 00-1 1v5a1 1 0 002 0v-5a1 1 0 00-1-1zM9.898 4.88a1 1 0 100 2 1 1 0 000-2z"
   }));
 };
 var PriceIcon = function PriceIcon(props) {
@@ -56,7 +60,7 @@ var PriceIcon = function PriceIcon(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.75 5.75H11a2.75 2.75 0 010 5.5H9.25V12h3v1.5h-3v1.75h-1.5V13.5h-1V12h1v-.75h-1v-1.5h1v-4zM11 7.25H9.25v2.5H11a1.25 1.25 0 000-2.5z"
+    d: "M9.873 1.498l5.685.58a1.97 1.97 0 011.759 1.76l.582 5.686a1.97 1.97 0 01-.567 1.593l-6.793 6.793a1.97 1.97 0 01-2.786 0l-6.267-6.267a1.97 1.97 0 010-2.786l6.793-6.793a1.971 1.971 0 011.594-.566zm-4 9.61a.5.5 0 00-.706.707l2.828 2.828a.5.5 0 00.707-.707l-2.828-2.828zm8.734-6.058a1 1 0 10-1.414 1.415 1 1 0 001.414-1.415z"
   }));
 };
 var TimerIcon = function TimerIcon(props) {
@@ -65,7 +69,9 @@ var TimerIcon = function TimerIcon(props) {
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
+    d: "M10.006 3.998c3.857 0 7 3.127 7 6.985 0 3.857-3.143 6.984-7 6.984s-7-3.127-7.001-6.984c0-3.858 3.143-6.985 7-6.985zM10 7.004a.5.5 0 00-.5.5v3.501H7a.5.5 0 000 1h3a.5.5 0 00.5-.5v-4a.5.5 0 00-.5-.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.594 3.124a.514.514 0 01.715 0l2.15 2.105a.487.487 0 010 .7.515.515 0 01-.714 0l-2.15-2.105a.487.487 0 010-.7zM4.92 3.109a.515.515 0 01.716.005.487.487 0 01-.005.698l-2.165 2.09a.514.514 0 01-.715-.004.487.487 0 01.005-.7l2.164-2.09z"
   }));
 };
 var statusIconsMap = {
@@ -127,6 +133,9 @@ var StatusBadge = function StatusBadge(_ref) {
   }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.container), {
     className: cn('container', [classes === null || classes === void 0 ? void 0 : classes.container]),
     ref: triggerRef
+  }, !!tooltip && {
+    tabIndex: 0,
+    role: 'button'
   }), showIcon && /*#__PURE__*/React.createElement(StatusIconElement, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.icon), {
     className: cn('icon')
   })), /*#__PURE__*/React.createElement("div", {

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

@@ -12,6 +12,8 @@ export interface ITimerBadgeProps {
     countdownText?: string;
     /** Текст перед таймером в режиме даты. Появляется при hasPrefix=true. */
     expirationDateText?: string;
+    /** Кастомный текст после окончания обратного отсчета */
+    countdownEndText?: string;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные data-атрибуты к внутренним элементам */