@megafon/ui-core 8.16.3 → 8.17.1

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

@@ -1,52 +0,0 @@
-"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.CounterBadgeColorTheme = 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 DefaultIcon = function DefaultIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M11.39 9H16v1l-7.5 8H7l1.61-7H4v-1l7.5-8H13z",
-    fillRule: "evenodd"
-  }));
-};
-var CounterBadgeColorTheme = exports.CounterBadgeColorTheme = {
-  LIGHT_BLUE: 'light-blue',
-  PURPLE: 'purple'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-counter-badge');
-var CounterBadge = function CounterBadge(_ref) {
-  var totalCount = _ref.totalCount,
-    currentValue = _ref.currentValue,
-    _ref$hasIcon = _ref.hasIcon,
-    hasIcon = _ref$hasIcon === void 0 ? false : _ref$hasIcon,
-    customIcon = _ref.customIcon,
-    _ref$colorTheme = _ref.colorTheme,
-    colorTheme = _ref$colorTheme === void 0 ? 'light-blue' : _ref$colorTheme,
-    _ref$isAdaptive = _ref.isAdaptive,
-    isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn({
-      limited: !!totalCount,
-      adaptive: isAdaptive,
-      theme: colorTheme,
-      icon: hasIcon
-    }, className)
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("span", {
-    className: cn('value')
-  }, currentValue, !!totalCount && "/".concat(totalCount)), hasIcon && /*#__PURE__*/React.createElement("div", {
-    className: cn('icon')
-  }, customIcon || /*#__PURE__*/React.createElement(DefaultIcon, null)));
-};
-var _default = exports["default"] = CounterBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-notification-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;color:var(--stcWhite);height:24px;justify-content:center;overflow:hidden;width:24px}.mfui-notification-badge_theme_green{background-color:var(--brandGreen);-webkit-box-shadow:0 2px 4px 0 rgba(0,185,86,.5);box-shadow:0 2px 4px 0 rgba(0,185,86,.5)}.mfui-notification-badge_theme_red{background-color:var(--fury);-webkit-box-shadow:0 2px 4px 0 rgba(235,90,64,.5);box-shadow:0 2px 4px 0 rgba(235,90,64,.5)}.mfui-notification-badge_auto-width{border-radius:12px;min-width:24px;padding:5px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-notification-badge_size_small{border-radius:50%;height:8px;padding:0;width:8px}.mfui-notification-badge_size_small .mfui-notification-badge__text{display:none}.mfui-notification-badge_size_medium{border-radius:50%;height:16px;width:16px}.mfui-notification-badge_size_medium .mfui-notification-badge__text{font-size:10px;line-height:12px}.mfui-notification-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:14px}

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

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import './NotificationBadge.scss';
-export declare const NotificationBadgeTheme: {
-    readonly GREEN: "green";
-    readonly RED: "red";
-};
-type NotificationBadgeThemeType = (typeof NotificationBadgeTheme)[keyof typeof NotificationBadgeTheme];
-export declare const NotificationBadgeSize: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-    readonly BIG: "big";
-};
-type NotificationBadgeSizeType = (typeof NotificationBadgeSize)[keyof typeof NotificationBadgeSize];
-export interface INotificationBadgeProps {
-    /** Цветовая тема */
-    theme?: NotificationBadgeThemeType;
-    /** Размер бейджа */
-    size?: NotificationBadgeSizeType;
-    /** Ширина по размеру содержимого */
-    autoWidth?: boolean;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    children?: React.ReactNode;
-}
-declare const NotificationBadge: React.FC<INotificationBadgeProps>;
-export default NotificationBadge;

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

@@ -1,44 +0,0 @@
-"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.NotificationBadgeTheme = exports.NotificationBadgeSize = 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 NotificationBadgeTheme = exports.NotificationBadgeTheme = {
-  GREEN: 'green',
-  RED: 'red'
-};
-var NotificationBadgeSize = exports.NotificationBadgeSize = {
-  SMALL: 'small',
-  MEDIUM: 'medium',
-  BIG: 'big'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-notification-badge');
-var NotificationBadge = function NotificationBadge(_ref) {
-  var _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'green' : _ref$theme,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'big' : _ref$size,
-    _ref$autoWidth = _ref.autoWidth,
-    autoWidth = _ref$autoWidth === void 0 ? false : _ref$autoWidth,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      theme: theme,
-      size: size,
-      'auto-width': autoWidth
-    }, className)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('text')
-  }, children));
-};
-var _default = exports["default"] = NotificationBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-price-badge{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;border-radius:8px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2px 8px 2px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:1024px){.mfui-price-badge_adaptive{border-radius:12px;font-size:15px;line-height:24px;min-height:32px;padding:4px 8px 4px 4px}}.mfui-price-badge_theme_grey{background-color:var(--spbSky0)}.mfui-price-badge_theme_grey .mfui-price-badge__text{color:var(--spbSky3)}.mfui-price-badge_theme_grey .mfui-price-badge__icon{fill:var(--spbSky3)}.mfui-price-badge_theme_orange{background-color:var(--137C20)}.mfui-price-badge_theme_orange .mfui-price-badge__text{color:var(--137C)}.mfui-price-badge_theme_orange .mfui-price-badge__icon{fill:var(--137C)}.mfui-price-badge_theme_green{background-color:var(--brandGreen20)}.mfui-price-badge_theme_green .mfui-price-badge__text{color:var(--brandGreen)}.mfui-price-badge_theme_green .mfui-price-badge__icon{fill:var(--brandGreen)}.mfui-price-badge_theme_purple{background-color:var(--brandPurple80)}.mfui-price-badge_theme_purple .mfui-price-badge__text{color:var(--stcWhite)}.mfui-price-badge_theme_purple .mfui-price-badge__icon{fill:var(--stcWhite)}.mfui-price-badge_theme_red{background-color:var(--fury20)}.mfui-price-badge_theme_red .mfui-price-badge__text{color:var(--fury)}.mfui-price-badge_theme_red .mfui-price-badge__icon{fill:var(--fury)}.mfui-price-badge_theme_light{background-color:var(--stcWhite20)}.mfui-price-badge_theme_dark{background-color:var(--stcBlack20)}.mfui-price-badge_theme_dark .mfui-price-badge__text,.mfui-price-badge_theme_light .mfui-price-badge__text{color:var(--stcWhite);font-weight:400}.mfui-price-badge_theme_dark .mfui-price-badge__icon,.mfui-price-badge_theme_light .mfui-price-badge__icon{fill:var(--stcWhite)}.mfui-price-badge_size_big{font-size:15px;line-height:18px;padding:12px 12px 12px 4px}.mfui-price-badge__text{font-family:inherit;margin-left:2px}.mfui-price-badge__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-price-badge__icon{height:20px;min-width:20px;width:20px}.mfui-price-badge_size_big .mfui-price-badge__icon{height:32px;min-width:32px;width:32px}.mfui-price-badge_size_big .mfui-price-badge__sub-title{font-size:12px;line-height:18px;margin-top:2px}

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

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import './PriceBadge.scss';
-export declare const PriceBadgeTheme: {
-    readonly RED: "red";
-    readonly GREY: "grey";
-    readonly GREEN: "green";
-    readonly ORANGE: "orange";
-    readonly LIGHT: "light";
-    readonly DARK: "dark";
-    readonly PURPLE: "purple";
-};
-export declare const PriceBadgeIcon: {
-    readonly TIMER: "timer";
-    readonly PRICE: "price";
-    readonly CHECK: "check";
-    readonly ATTENTION: "attention";
-    readonly INFO: "info";
-    readonly PROFILE: "profile";
-    readonly BAN: "ban";
-};
-export declare const PriseBadgeSize: {
-    readonly SMALL: "small";
-    readonly BIG: "big";
-};
-type PriceBadgeThemeType = (typeof PriceBadgeTheme)[keyof typeof PriceBadgeTheme];
-type PriceBadgeIconType = (typeof PriceBadgeIcon)[keyof typeof PriceBadgeIcon];
-type PriseBadgeSizeType = (typeof PriseBadgeSize)[keyof typeof PriseBadgeSize];
-export interface IPriceBadgeProps {
-    /** Адаптивный режим */
-    isAdaptive?: boolean;
-    /** Тип иконки */
-    iconType?: PriceBadgeIconType;
-    /** Цветовая тема */
-    theme?: PriceBadgeThemeType;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Размер бейджа */
-    size?: PriseBadgeSizeType;
-    /** Дополнительный текст (только для size="big") */
-    subTitle?: string;
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    children: JSX.Element[] | Element[] | JSX.Element | Element | string;
-}
-declare const PriceBadge: React.FC<IPriceBadgeProps>;
-export default PriceBadge;

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

@@ -1,219 +0,0 @@
-"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.PriseBadgeSize = exports.PriceBadgeTheme = exports.PriceBadgeIcon = 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: "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"
-  }));
-};
-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"
-  }));
-};
-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"
-  }));
-};
-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.172 13.056a3.75 3.75 0 01-5.229-5.228l5.229 5.228zM10 6.25a3.75 3.75 0 013.056 5.922L7.827 6.943A3.733 3.733 0 0110 6.25z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 2a8 8 0 110 16 8 8 0 010-16zm0 3a5 5 0 100 10 5 5 0 000-10z"
-  }));
-};
-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 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"
-  }));
-};
-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"
-  }));
-};
-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: "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"
-  }));
-};
-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 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
-  }));
-};
-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"
-  }));
-};
-var BanIconBig = function BanIconBig(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M19.475 20.89a6 6 0 01-8.365-8.365l8.365 8.365zM16 10a6 6 0 014.89 9.475l-8.366-8.366A5.972 5.972 0 0116 10z"
-  }), /*#__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 4a8 8 0 100 16 8 8 0 000-16z"
-  }));
-};
-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 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"
-  }));
-};
-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"
-  }));
-};
-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: "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"
-  }));
-};
-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 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"
-  }));
-};
-var PriceBadgeTheme = exports.PriceBadgeTheme = {
-  RED: 'red',
-  GREY: 'grey',
-  GREEN: 'green',
-  ORANGE: 'orange',
-  LIGHT: 'light',
-  DARK: 'dark',
-  PURPLE: 'purple'
-};
-var PriceBadgeIcon = exports.PriceBadgeIcon = {
-  TIMER: 'timer',
-  PRICE: 'price',
-  CHECK: 'check',
-  ATTENTION: 'attention',
-  INFO: 'info',
-  PROFILE: 'profile',
-  BAN: 'ban'
-};
-var PriseBadgeSize = exports.PriseBadgeSize = {
-  SMALL: 'small',
-  BIG: 'big'
-};
-var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
-  var isBigIcon = size === PriseBadgeSize.BIG;
-  switch (true) {
-    case iconType === PriceBadgeIcon.TIMER && isBigIcon:
-      return TimerIconBig;
-    case iconType === PriceBadgeIcon.PRICE && isBigIcon:
-      return PriceIconBig;
-    case iconType === PriceBadgeIcon.CHECK && isBigIcon:
-      return CheckIconBig;
-    case iconType === PriceBadgeIcon.ATTENTION && isBigIcon:
-      return AttentionIconBig;
-    case iconType === PriceBadgeIcon.INFO && isBigIcon:
-      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:
-      return CheckIcon;
-    case iconType === PriceBadgeIcon.ATTENTION:
-      return AttentionIcon;
-    case iconType === PriceBadgeIcon.INFO:
-      return InfoIcon;
-    case iconType === PriceBadgeIcon.PROFILE:
-      return ProfileIcon;
-    case iconType === PriceBadgeIcon.BAN:
-      return BanIcon;
-    default:
-      return TimerIcon;
-  }
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-price-badge');
-var PriceBadge = function PriceBadge(_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 = getPriceBadgeIcon(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"] = PriceBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-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-promo-badge_color_berry{background-color:var(--berry)}.mfui-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-promo-badge_color_night{background-color:var(--night)}.mfui-promo-badge_color_sky{background-color:var(--sky)}.mfui-promo-badge_color_flamingo{background-color:var(--flamingo)}.mfui-promo-badge_color_gradient-purple{background:var(--gradientPurple1);color:var(--stcWhite)}.mfui-promo-badge_size_small{border-radius:8px;height:18px;padding:0 8px}.mfui-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}

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

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import './PromoBadge.scss';
-export declare const PromoBadgeColors: {
-    readonly BERRY: "berry";
-    readonly BRAND_PURPLE_20: "brand-purple-20";
-    readonly BRAND_PURPLE: "brand-purple";
-    readonly NIGHT: "night";
-    readonly SKY: "sky";
-    readonly FLAMINGO: "flamingo";
-    readonly GRADIENT_PURPLE: "gradient-purple";
-};
-type PromoBadgeColorsType = (typeof PromoBadgeColors)[keyof typeof PromoBadgeColors];
-export declare const PromoBadgeSize: {
-    readonly SMALL: "small";
-    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-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    children: JSX.Element[] | Element[] | JSX.Element | Element | string;
-}
-declare const PromoBadge: React.FC<IPromoBadgeProps>;
-export default PromoBadge;

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

@@ -1,56 +0,0 @@
-"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.PromoBadgeTypes = 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");
-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 PromoBadgeColors = exports.PromoBadgeColors = {
-  BERRY: 'berry',
-  BRAND_PURPLE_20: 'brand-purple-20',
-  BRAND_PURPLE: 'brand-purple',
-  NIGHT: 'night',
-  SKY: 'sky',
-  FLAMINGO: 'flamingo',
-  GRADIENT_PURPLE: 'gradient-purple'
-};
-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-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,
-    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
-    }, className)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('text')
-  }, children));
-};
-var _default = exports["default"] = PromoBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-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-status-badge__text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-status-badge__arrow,.mfui-status-badge__icon{height:20px;width:20px}.mfui-status-badge__icon{margin-right:2px}@media screen and (min-width:1024px){.mfui-status-badge_adaptive .mfui-status-badge__container{font-size:15px;line-height:24px}}.mfui-status-badge_tooltip .mfui-status-badge__container{cursor:pointer}.mfui-status-badge__tooltip{width:288px}.mfui-status-badge_view_dot .mfui-status-badge__container{gap:8px}.mfui-status-badge_view_dot .mfui-status-badge__container:before{border-radius:50%;content:"";height:8px;width:8px}.mfui-status-badge_view_dot.mfui-status-badge_tooltip .mfui-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-status-badge_view_dot.mfui-status-badge_tooltip .mfui-status-badge__container:hover .mfui-status-badge__text{-webkit-text-decoration:underline dashed var(--content);text-decoration:underline dashed var(--content);text-decoration-thickness:1px}.mfui-status-badge_view_dot.mfui-status-badge_tooltip .mfui-status-badge__container:hover:before{-webkit-animation:pulse .8s ease-out;animation:pulse .8s ease-out}}@media screen and (min-width:1024px){.mfui-status-badge_view_dot.mfui-status-badge_adaptive.mfui-status-badge_tooltip .mfui-status-badge__text{text-underline-offset:5px}}.mfui-status-badge_view_dot.mfui-status-badge_theme_green .mfui-status-badge__container:before{background-color:var(--brandGreen)}.mfui-status-badge_view_dot.mfui-status-badge_theme_blue .mfui-status-badge__container:before{background-color:var(--sky)}.mfui-status-badge_view_dot.mfui-status-badge_theme_gray .mfui-status-badge__container:before{background-color:var(--spbSky3)}.mfui-status-badge_view_dot.mfui-status-badge_theme_orange .mfui-status-badge__container:before{background-color:var(--137C)}.mfui-status-badge_view_dot.mfui-status-badge_theme_red .mfui-status-badge__container:before{background-color:var(--fury)}.mfui-status-badge_view_icon .mfui-status-badge__container{border:1px solid var(--spbSky1);border-radius:8px;padding:1px 7px 1px 1px}.mfui-status-badge_view_icon .mfui-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-status-badge_view_icon.mfui-status-badge_opened .mfui-status-badge__arrow{rotate:1turn}@media (pointer:fine){.mfui-status-badge_view_icon .mfui-status-badge__container:hover .mfui-status-badge__arrow{fill:var(--content)}}.mfui-status-badge_view_icon.mfui-status-badge_tooltip .mfui-status-badge__container{padding-right:1px}@media screen and (min-width:1024px){.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__container{padding:3px 10px 3px 5px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__icon{margin-right:4px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__text{margin-top:-1px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive.mfui-status-badge_tooltip .mfui-status-badge__container{padding-right:5px}}.mfui-status-badge_view_icon.mfui-status-badge_theme_green .mfui-status-badge__icon{fill:var(--brandGreen)}.mfui-status-badge_view_icon.mfui-status-badge_theme_blue .mfui-status-badge__icon{fill:var(--sky)}.mfui-status-badge_view_icon.mfui-status-badge_theme_gray .mfui-status-badge__icon{fill:var(--spbSky3)}.mfui-status-badge_view_icon.mfui-status-badge_theme_orange .mfui-status-badge__icon{fill:var(--137C)}.mfui-status-badge_view_icon.mfui-status-badge_theme_red .mfui-status-badge__icon{fill:var(--fury)}@-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.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import Tooltip from '../../Tooltip/Tooltip';
-import './StatusBadge.scss';
-type TooltipPropsType = Pick<React.ComponentProps<typeof Tooltip>, 'title' | 'text' | 'buttonText' | 'placement' | 'isPortal' | 'portalSelector' | 'isHiddenResize' | 'onClick' | 'onOpen' | 'onClose' | 'onCloseButtonClick'>;
-export interface IStatusBadgeProps {
-    /** Вид компонента */
-    view?: 'icon' | 'dot';
-    /** Тема компонента */
-    theme?: 'green' | 'blue' | 'gray' | 'orange' | 'red';
-    /** Тип иконки (для view = icon) */
-    iconType?: 'timer' | 'price' | 'checkInvert' | 'attention' | 'info' | 'profileFull';
-    /** Адаптивный режим */
-    isAdaptive?: boolean;
-    /** Тултип */
-    tooltip?: TooltipPropsType;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        container?: string;
-        tooltip?: string;
-        tooltipButton?: string;
-        tooltipCloseButton?: string;
-    };
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        container?: Record<string, string>;
-        icon?: Record<string, string>;
-        arrow?: Record<string, string>;
-        tooltip?: Record<string, string>;
-        tooltipButton?: Record<string, string>;
-        tooltipCloseButton?: Record<string, string>;
-    };
-    children: React.ReactNode;
-}
-declare const StatusBadge: React.FC<IStatusBadgeProps>;
-export default StatusBadge;