@megafon/ui-core 9.0.0-alpha.3 → 9.0.0-alpha.5

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

@@ -6,8 +6,10 @@ export interface IAccordionProps {
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */
     title: string | React.ReactNode | React.ReactNode[];
-    /** Заголовок */
+    /** Тег заголовка (определяет базовый тег и стили) */
     titleTag?: IHeaderProps['as'];
+    /** Тег заголовка для семантической разметки (переопределение тега без изменения стилей) */
+    titleTagName?: IHeaderProps['tag'];
     /** Состояние открытости */
     isOpened?: boolean;
     /** Включить микроразметку */

package/dist/es/components/Accordion/Accordion.js

@@ -20,6 +20,7 @@ var Accordion = function Accordion(_ref) {
     title = _ref.title,
     _ref$titleTag = _ref.titleTag,
     titleTag = _ref$titleTag === void 0 ? 'h5' : _ref$titleTag,
+    titleTagName = _ref.titleTagName,
     _ref$isOpened = _ref.isOpened,
     isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
     _ref$hasMicrodata = _ref.hasMicrodata,
@@ -81,6 +82,7 @@ var Accordion = function Accordion(_ref) {
     itemProp: 'name'
   }), /*#__PURE__*/React.createElement(Header, {
     as: titleTag,
+    tag: titleTagName,
     dataAttrs: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.header,
     className: titlePropsClasses
   }, title), /*#__PURE__*/React.createElement("div", {

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

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

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

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

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

@@ -0,0 +1,214 @@
+import _extends from "@babel/runtime/helpers/extends";
+import * as React from 'react';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import "./InfoBadge.css";
+var ProfileIcon = function ProfileIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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", _extends({
+    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"
+  }));
+};
+export var 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'
+};
+export var InfoBadgeIcon = {
+  TIMER: 'timer',
+  PRICE: 'price',
+  CHECK: 'check',
+  ATTENTION: 'attention',
+  INFO: 'info',
+  PROFILE: 'profile',
+  BAN: 'ban'
+};
+export var 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 = 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", _extends({}, 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)));
+};
+export default InfoBadge;

package/dist/es/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/es/components/Badges/PriceBadge/PriceBadge.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+// TODO удалить папку с компонентом после релиза UI-219 и заменить в компоненте PromoCard PriceBadge на InfoBadge
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./PriceBadge.css";
@@ -23,6 +24,17 @@ var AttentionIcon = function AttentionIcon(props) {
     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", _extends({
+    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", _extends({
     viewBox: "0 0 20 20"
@@ -64,6 +76,17 @@ var AttentionIconBig = function AttentionIconBig(props) {
     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", _extends({
+    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", _extends({
     viewBox: "0 0 32 32"
@@ -113,7 +136,8 @@ export var PriceBadgeIcon = {
   CHECK: 'check',
   ATTENTION: 'attention',
   INFO: 'info',
-  PROFILE: 'profile'
+  PROFILE: 'profile',
+  BAN: 'ban'
 };
 export var PriseBadgeSize = {
   SMALL: 'small',
@@ -134,6 +158,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:
@@ -144,6 +170,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/es/components/Badges/PromoBadge/PromoBadge.d.ts

@@ -15,22 +15,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/es/components/Badges/PromoBadge/PromoBadge.js

@@ -15,30 +15,19 @@ export var PromoBadgeSize = {
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-// DEPRECATED
-export var PromoBadgeTypes = {
-  HIT: 'hit',
-  NEW: 'new',
-  VIP: 'vip',
-  POPULAR: 'popular',
-  USER_CHOICE: 'user-choice',
-  INTERESTS: 'interests'
-};
 var cn = 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", _extends({}, 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/es/components/Chips/ChipsSuggest/ChipSuggest.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-chip-suggest{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;outline:none;overflow:hidden;padding:11px 20px;text-align:center;text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-chip-suggest svg{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--content)}@media screen and (max-width:767px){.mfui-9-chip-suggest{padding:7px 12px}}.mfui-9-chip-suggest:hover{background-color:var(--spbSky1)}.mfui-9-chip-suggest:active{background-color:var(--spbSky2)}.mfui-9-chip-suggest__inner{overflow:hidden;white-space:nowrap}.mfui-9-chip-suggest__icon{display:block;margin-right:6px;max-height:20px;min-width:20px;width:20px}.mfui-9-chip-suggest__icon svg{display:block;height:100%;width:100%}@media screen and (max-width:767px){.mfui-9-chip-suggest__icon{margin-right:4px}}.mfui-9-chip-suggest_theme_white{background-color:var(--base)}.mfui-9-chip-suggest_theme_gray{background-color:var(--spbSky0)}.mfui-9-chip-suggest_with-icon{padding-left:12px}@media screen and (max-width:767px){.mfui-9-chip-suggest_with-icon{padding-left:8px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-chip-suggest{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;outline:none;overflow:hidden;padding:11px 20px;text-align:center;text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-chip-suggest svg{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--content)}@media screen and (max-width:767px){.mfui-9-chip-suggest{font-size:12px;line-height:18px;padding:7px 12px}}.mfui-9-chip-suggest:hover{background-color:var(--spbSky1)}.mfui-9-chip-suggest:active{background-color:var(--spbSky2)}.mfui-9-chip-suggest__inner{overflow:hidden;white-space:nowrap}.mfui-9-chip-suggest__icon{display:block;margin-right:6px;max-height:20px;min-width:20px;width:20px}.mfui-9-chip-suggest__icon svg{display:block;height:100%;width:100%}@media screen and (max-width:767px){.mfui-9-chip-suggest__icon{margin-right:4px}}.mfui-9-chip-suggest_theme_white{background-color:var(--base)}.mfui-9-chip-suggest_theme_gray{background-color:var(--spbSky0)}.mfui-9-chip-suggest_with-icon{padding-left:12px}@media screen and (max-width:767px){.mfui-9-chip-suggest_with-icon{padding-left:8px}}

package/dist/es/components/Dropdown/Dropdown.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}@-webkit-keyframes dropdownAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropdownAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mfui-9-dropdown{background-color:var(--base);border-radius:16px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08);left:0;opacity:0;padding:16px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);-webkit-transform:translateY(-25px);transform:translateY(-25px);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1000}.mfui-9-dropdown_visible{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.mfui-9-dropdown_short .mfui-9-dropdown__list{max-height:200px}.mfui-9-dropdown__list{max-height:300px;overflow-y:auto;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-9-dropdown__list::-webkit-scrollbar{width:8px}.mfui-9-dropdown__item{border-radius:8px;color:var(--content);cursor:pointer;padding:12px 32px;-webkit-transition:background-color .2s;transition:background-color .2s}.mfui-9-dropdown__item:hover,.mfui-9-dropdown__item_hovered{background-color:var(--spbSky0)}.mfui-9-dropdown__item_active{color:var(--brandGreen);font-weight:500}.mfui-9-dropdown__item_paddings_small{padding:8px 12px}.mfui-9-dropdown__item_paddings_large{padding:16px 20px}.mfui-9-dropdown__empty{color:var(--spbSky3);padding:12px 16px;text-align:center}.mfui-9-dropdown_disabled{opacity:.5;pointer-events:none}
+h1,h2,h3,h4,h5{margin:0}@-webkit-keyframes dropdownAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropdownAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mfui-9-dropdown{background-color:var(--base);border-radius:16px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08);left:0;opacity:0;padding:16px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);-webkit-transform:translateY(-25px);transform:translateY(-25px);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1000}.mfui-9-dropdown_visible{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.mfui-9-dropdown_short .mfui-9-dropdown__list{max-height:200px}.mfui-9-dropdown__list{max-height:300px;overflow-y:auto;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-9-dropdown__list::-webkit-scrollbar{width:8px}.mfui-9-dropdown__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--content);cursor:pointer;padding:12px 32px;-webkit-transition:background-color .2s;transition:background-color .2s}.mfui-9-dropdown__item:hover,.mfui-9-dropdown__item_hovered{background-color:var(--spbSky0)}.mfui-9-dropdown__item_active{font-weight:500}.mfui-9-dropdown__item_paddings_small{padding:8px 12px}.mfui-9-dropdown__item_paddings_large{padding:16px 20px}.mfui-9-dropdown__empty{color:var(--spbSky3);padding:12px 16px;text-align:center}.mfui-9-dropdown_disabled{opacity:.5;pointer-events:none}

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

@@ -33,6 +33,8 @@ export interface IDropdownProps<T extends DropdownItemValueType> {
     isOpen?: boolean;
     /** Реф элемента, к которому привязывается дропдаун */
     targetRef: React.RefObject<HTMLElement>;
+    /** Индекс выделенного элемента */
+    hoveredIndex?: number;
     /** Текст при отсутствии элементов */
     emptyText?: string;
     /** Отключение компонента */
@@ -58,5 +60,5 @@ export interface IDropdownProps<T extends DropdownItemValueType> {
     /** Обработчик закрытия списка */
     onClose?: () => void;
 }
-declare const Dropdown: <T extends DropdownItemValueType>({ items, value, filterValue, isOpen, targetRef, emptyText, disabled, short, className, classes, dataAttrs, onItemClick, onClose, }: IDropdownProps<T>) => JSX.Element | null;
+declare const Dropdown: <T extends DropdownItemValueType>({ items, value, filterValue, isOpen, hoveredIndex, targetRef, emptyText, disabled, short, className, classes, dataAttrs, onItemClick, onClose, }: IDropdownProps<T>) => JSX.Element | null;
 export default Dropdown;

package/dist/es/components/Dropdown/Dropdown.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.array.find-index.js";
 import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
@@ -17,6 +16,7 @@ var Dropdown = function Dropdown(_ref) {
     filterValue = _ref.filterValue,
     _ref$isOpen = _ref.isOpen,
     isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    hoveredIndex = _ref.hoveredIndex,
     targetRef = _ref.targetRef,
     _ref$emptyText = _ref.emptyText,
     emptyText = _ref$emptyText === void 0 ? 'Нет элементов' : _ref$emptyText,
@@ -30,14 +30,10 @@ var Dropdown = function Dropdown(_ref) {
     dataAttrs = _ref.dataAttrs,
     onItemClick = _ref.onItemClick,
     onClose = _ref.onClose;
-  var _React$useState = React.useState(-1),
+  var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    hoveredIndex = _React$useState2[0],
-    setHoveredIndex = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    isVisible = _React$useState4[0],
-    setIsVisible = _React$useState4[1];
+    isVisible = _React$useState2[0],
+    setIsVisible = _React$useState2[1];
   var dropdownRef = React.useRef(null);
   var handleOutsideClick = React.useCallback(function (event) {
     var target = event.target;
@@ -45,17 +41,9 @@ var Dropdown = function Dropdown(_ref) {
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
   }, [onClose, targetRef]);
-  var handleItemHover = function handleItemHover(index) {
-    return function () {
-      setHoveredIndex(index);
-    };
-  };
   React.useEffect(function () {
     if (isOpen) {
       document.addEventListener('mousedown', handleOutsideClick);
-      setHoveredIndex(items.findIndex(function (item) {
-        return item.value === value;
-      }));
       // Добавляем небольшую задержку перед показом для корректной анимации
       requestAnimationFrame(function () {
         setIsVisible(true);
@@ -92,7 +80,6 @@ var Dropdown = function Dropdown(_ref) {
         paddings: item.paddings
       }, [classes.item]),
       onClick: onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(index),
-      onMouseEnter: handleItemHover(index),
       role: "option",
       "aria-selected": isActive,
       tabIndex: -1
@@ -101,16 +88,16 @@ var Dropdown = function Dropdown(_ref) {
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: dropdownRef,
     className: cn({
       visible: isVisible,
       disabled: disabled,
       "short": _short
     }, [className, classes.root]),
     role: "listbox",
-    tabIndex: 0,
-    ref: dropdownRef
-  }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
+    tabIndex: 0
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
     className: cn('list', [classes.list])
   }), items.length > 0 ? items.map(renderItem) : /*#__PURE__*/React.createElement("div", {
     className: cn('empty')

package/dist/es/components/Modal/Modal.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-modal-open-body{height:100%;overflow:hidden}.mfui-9-modal__overlay{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;z-index:1000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-animation:show-popup-overlay .3s ease-out forwards;animation:show-popup-overlay .3s ease-out forwards;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;justify-content:flex-start;opacity:0;padding:72px 0;width:100%}.mfui-9-modal__modal-content{margin:auto;position:relative}.mfui-9-modal_full-view .mfui-9-modal__overlay{display:block;padding:0}.mfui-9-modal_full-view .mfui-9-modal__modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%}.mfui-9-modal_bottom-view .mfui-9-modal__overlay{bottom:0;display:block;height:auto;overflow:hidden;padding-bottom:0;-ms-touch-action:none;touch-action:none}.mfui-9-modal_bottom-view .mfui-9-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden;-ms-touch-action:pan-y;touch-action:pan-y}.mfui-9-modal_native-scroll .mfui-9-modal__overlay{overflow-x:hidden;overflow-y:scroll}@media screen and (hover:hover){.mfui-9-modal_native-scroll .mfui-9-modal__overlay{width:calc(100% + 15px)}}.mfui-9-modal_transition-end .mfui-9-modal__overlay{-webkit-animation:hide-popup-overlay .2s ease-in;animation:hide-popup-overlay .2s ease-in}@-webkit-keyframes show-popup-overlay{0%{opacity:0}to{opacity:1}}@keyframes show-popup-overlay{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-popup-overlay{0%{opacity:1}to{opacity:0}}@keyframes hide-popup-overlay{0%{opacity:1}to{opacity:0}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-modal-open-body{height:100%;overflow:hidden}.mfui-9-modal__overlay{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;z-index:1000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-animation:show-popup-overlay .3s ease-out forwards;animation:show-popup-overlay .3s ease-out forwards;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;justify-content:flex-start;opacity:0;padding:72px 0;width:100%}.mfui-9-modal__modal-content{margin:auto;position:relative}.mfui-9-modal_full-view .mfui-9-modal__overlay{display:block;padding:0}.mfui-9-modal_full-view .mfui-9-modal__modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%}.mfui-9-modal_bottom-view .mfui-9-modal__overlay{bottom:0;display:block;height:auto;overflow:hidden;padding-bottom:0}.mfui-9-modal_bottom-view .mfui-9-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden}.mfui-9-modal_native-scroll .mfui-9-modal__overlay{overflow-x:hidden;overflow-y:scroll}@media screen and (hover:hover){.mfui-9-modal_native-scroll .mfui-9-modal__overlay{width:calc(100% + 15px)}}.mfui-9-modal_transition-end .mfui-9-modal__overlay{-webkit-animation:hide-popup-overlay .2s ease-in;animation:hide-popup-overlay .2s ease-in}@-webkit-keyframes show-popup-overlay{0%{opacity:0}to{opacity:1}}@keyframes show-popup-overlay{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-popup-overlay{0%{opacity:1}to{opacity:0}}@keyframes hide-popup-overlay{0%{opacity:1}to{opacity:0}}

package/dist/es/components/Modal/_ModalContent/ModalContent.js

@@ -161,10 +161,7 @@ var ModalContent = function ModalContent(_ref) {
     className: cn('container-inner', {
       'native-scroll': isEnabledNativeScroll
     }, classes === null || classes === void 0 ? void 0 : classes.containerInner),
-    ref: containerInnerRef,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
+    ref: containerInnerRef
   }), isStickyHeader && renderHeader, /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.containerBody), {
     className: cn('container-body', {
       'native-scroll': isEnabledNativeScroll

package/dist/es/components/Modal/_ModalMobileBottom/ModalMobileBottom.js

@@ -79,6 +79,7 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
     });
   }, [containerWrapRef, scrollBarScrollableRef, initialContainerWrapHeight, initialTouchPosition, onChangeContainerWrapTransform, onChangeTransitionStep]);
   var handleWindowTouchEnd = React.useCallback(function (e) {
+    var _a;
     var containerWrapNode = containerWrapRef.current;
     var scrollableNode = scrollBarScrollableRef.current;
     var isScrollTop = ((scrollableNode === null || scrollableNode === void 0 ? void 0 : scrollableNode.scrollTop) || 0) === 0;
@@ -86,28 +87,12 @@ var ModalMobileBottom = function ModalMobileBottom(_a) {
       return;
     }
     window.cancelAnimationFrame(animationFrameId.current);
-    if (!e.changedTouches.length) {
-      setInitialTouchPosition(null);
-      return;
-    }
-    var touchStartY = initialTouchPosition;
-    var touchEndY = e.changedTouches[0].clientY;
-    if (touchStartY === null) {
-      setInitialTouchPosition(null);
-      return;
-    }
-    var deltaY = touchStartY - touchEndY;
-    var absDeltaY = Math.abs(deltaY);
-    if (absDeltaY < 5 || touchStartY > touchEndY) {
-      setInitialTouchPosition(null);
-      return;
-    }
     var containerCenterPosition = containerWrapNode.offsetTop + offsetHeightCenter;
-    var isMoreHalfClosed = touchEndY > containerCenterPosition;
+    var isMoreHalfClosed = ((_a = e.changedTouches[0]) === null || _a === void 0 ? void 0 : _a.clientY) > containerCenterPosition;
     setInitialTouchPosition(null);
     onChangeContainerWrapTransform(isMoreHalfClosed ? 'translateY(100%)' : 'none');
     onChangeTransitionStep(isMoreHalfClosed ? MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP : MODAL_TRANSITIONS_STEPS_ENUM.INITIAL_STEP);
-  }, [containerWrapRef, scrollBarScrollableRef, isTransitionMoveStep, initialTouchPosition, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
+  }, [containerWrapRef, scrollBarScrollableRef, isTransitionMoveStep, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
   React.useEffect(function () {
     if (isSwipeDisabled) {
       return undefined;

package/dist/es/components/Pagination/Pagination.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:767px){.mfui-9-pagination{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}}.mfui-9-pagination__input,.mfui-9-pagination__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-pagination__input{gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-pagination__input-caption{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.mfui-9-pagination__input-field{width:90px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:767px){.mfui-9-pagination{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}}.mfui-9-pagination__input,.mfui-9-pagination__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-pagination__input{gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-pagination__input-caption{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.mfui-9-pagination__input-field{width:90px}

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

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import { PaginationTypesType, ThemeType, ValueType } from './types';
+import { ThemeType, ValueType } from './types';
 import './Pagination.scss';
 interface IPaginationProps {
     /** Общее количество страниц */
     totalPages: number;
     /** Номер текущей страницы */
     activePage: number;
-    /** Тип компонента. DEPRECATED: 'classic' */
-    type?: PaginationTypesType;
     /** Цветовая тема компонента */
     theme?: ThemeType;
     /** Отобразить поле ввода номера страницы */