@megafon/ui-core 8.11.1 → 8.12.1

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

@@ -23,6 +23,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 +75,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 +135,8 @@ export var PriceBadgeIcon = {
   CHECK: 'check',
   ATTENTION: 'attention',
   INFO: 'info',
-  PROFILE: 'profile'
+  PROFILE: 'profile',
+  BAN: 'ban'
 };
 export var PriseBadgeSize = {
   SMALL: 'small',
@@ -134,6 +157,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 +169,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/Banner/Banner.d.ts

@@ -21,6 +21,11 @@ export declare const NavTheme: {
     readonly DARK: "dark";
 };
 type NavThemeType = (typeof NavTheme)[keyof typeof NavTheme];
+export declare const PaginationAlign: {
+    readonly CENTER: "center";
+    readonly LEFT: "left";
+};
+export type PaginationAlignType = (typeof PaginationAlign)[keyof typeof PaginationAlign];
 export declare const PaginationTheme: {
     readonly DEFAULT: "default";
     readonly LIGHT: "light";
@@ -63,8 +68,8 @@ export interface IBannerProps {
         dotSvg?: Record<string, string>;
         dotInner?: Record<string, string>;
     };
-    /** Выравнивание блока пагинации */
-    paginationAlign?: 'center' | 'left';
+    /** Выравнивание блока пагинации. DEPRECATED: 'left' */
+    paginationAlign?: PaginationAlignType;
     /** Цветовая тема пагинации */
     paginationTheme?: PaginationThemeType;
     /** Тип кнопок пагинации */

package/dist/es/components/Banner/Banner.js

@@ -22,7 +22,7 @@ try {
   Autoplay = Modules.Autoplay;
 } catch (e) {
   // eslint-disable-next-line no-console
-  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.       \n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
+  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.\n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
 }
 export var BackgroundColor = {
   TRANSPARENT: 'transparent',
@@ -40,6 +40,10 @@ export var NavTheme = {
   LIGHT: 'light',
   DARK: 'dark'
 };
+export var PaginationAlign = {
+  CENTER: 'center',
+  LEFT: 'left'
+};
 export var PaginationTheme = {
   DEFAULT: 'default',
   LIGHT: 'light',
@@ -59,10 +63,9 @@ var Banner = function Banner(_ref) {
     _ref$classes = _ref.classes,
     classes = _ref$classes === void 0 ? {} : _ref$classes,
     dataAttrs = _ref.dataAttrs,
-    paginationAlign = _ref.paginationAlign,
-    paginationTheme = _ref.paginationTheme,
+    _ref$paginationAlign = _ref.paginationAlign,
+    paginationAlign = _ref$paginationAlign === void 0 ? PaginationAlign.CENTER : _ref$paginationAlign,
     paginationType = _ref.paginationType,
-    paginationPosition = _ref.paginationPosition,
     _ref$withPaginationBo = _ref.withPaginationBottomOffset,
     withPaginationBottomOffset = _ref$withPaginationBo === void 0 ? false : _ref$withPaginationBo,
     _ref$autoPlay = _ref.autoPlay,
@@ -73,8 +76,7 @@ var Banner = function Banner(_ref) {
     loop = _ref$loop === void 0 ? false : _ref$loop,
     _ref$pauseOnHover = _ref.pauseOnHover,
     pauseOnHover = _ref$pauseOnHover === void 0 ? false : _ref$pauseOnHover,
-    _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? BackgroundColor.TRANSPARENT : _ref$backgroundColor,
+    backgroundColor = _ref.backgroundColor,
     _ref$radius = _ref.radius,
     radius = _ref$radius === void 0 ? Radius.ROUNDED : _ref$radius,
     _ref$arrowTheme = _ref.arrowTheme,
@@ -130,6 +132,20 @@ var Banner = function Banner(_ref) {
   var dotTimerDelay = delay / 1000;
   var arrowSize = arrowTheme === ArrowTheme.WHITE ? ArrowSize.LARGE : ArrowSize.MIDDLE;
   var rootRef = React.useRef(null);
+  var correctPaginationPosition = paginationType === PaginationButtonType.FLAT ? PaginationPositionType.TOP_IN : PaginationPositionType.BOTTOM_OUT;
+  var correctPaginationAlign = paginationType === PaginationButtonType.FLAT ? paginationAlign : PaginationAlign.CENTER;
+  var getCorrectPaginationTheme = function getCorrectPaginationTheme() {
+    switch (backgroundColor) {
+      case BackgroundColor.GREEN:
+      case BackgroundColor.PURPLE:
+        return PaginationTheme.LIGHT;
+      case BackgroundColor.LIGHT:
+      case BackgroundColor.GRADIENT:
+        return PaginationTheme.DARK;
+      default:
+        return PaginationTheme.DEFAULT;
+    }
+  };
   var increaseAutoplayDelay = React.useCallback(function (_ref2) {
     var params = _ref2.params,
       autoplay = _ref2.autoplay;
@@ -249,8 +265,8 @@ var Banner = function Banner(_ref) {
   var renderPagination = /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pagination), {
     className: cn('pagination', {
       type: paginationType,
-      align: paginationAlign,
-      position: paginationPosition,
+      align: correctPaginationAlign,
+      position: correctPaginationPosition,
       'bottom-offset': withPaginationBottomOffset
     }, [classes.pagination])
   }), children && React.Children.map(children, function (_, i) {
@@ -267,7 +283,7 @@ var Banner = function Banner(_ref) {
       showTimer: showDotTimer,
       timerDelay: dotTimerDelay,
       type: paginationType,
-      theme: paginationTheme,
+      theme: getCorrectPaginationTheme(),
       onClick: handleDotClick
     });
   }));

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-modal-open-body{height:100%;overflow:hidden}.mfui-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-modal__modal-content{margin:auto;position:relative}.mfui-modal_full-view .mfui-modal__overlay{display:block;padding:0}.mfui-modal_full-view .mfui-modal__modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%}.mfui-modal_bottom-view .mfui-modal__overlay{bottom:0;display:block;height:auto;overflow:hidden;padding-bottom:0;-ms-touch-action:none;touch-action:none}.mfui-modal_bottom-view .mfui-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden;-ms-touch-action:pan-y;touch-action:pan-y}.mfui-modal_native-scroll .mfui-modal__overlay{overflow-x:hidden;overflow-y:scroll}@media screen and (hover:hover){.mfui-modal_native-scroll .mfui-modal__overlay{width:calc(100% + 15px)}}.mfui-modal_transition-end .mfui-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-modal-open-body{height:100%;overflow:hidden}.mfui-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-modal__modal-content{margin:auto;position:relative}.mfui-modal_full-view .mfui-modal__overlay{display:block;padding:0}.mfui-modal_full-view .mfui-modal__modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%}.mfui-modal_bottom-view .mfui-modal__overlay{bottom:0;display:block;height:auto;overflow:hidden;padding-bottom:0}.mfui-modal_bottom-view .mfui-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden}.mfui-modal_native-scroll .mfui-modal__overlay{overflow-x:hidden;overflow-y:scroll}@media screen and (hover:hover){.mfui-modal_native-scroll .mfui-modal__overlay{width:calc(100% + 15px)}}.mfui-modal_transition-end .mfui-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/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

@@ -32,6 +32,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", (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"
@@ -73,6 +84,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", (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"
@@ -122,7 +144,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 +166,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 +178,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/Banner/Banner.d.ts

@@ -21,6 +21,11 @@ export declare const NavTheme: {
     readonly DARK: "dark";
 };
 type NavThemeType = (typeof NavTheme)[keyof typeof NavTheme];
+export declare const PaginationAlign: {
+    readonly CENTER: "center";
+    readonly LEFT: "left";
+};
+export type PaginationAlignType = (typeof PaginationAlign)[keyof typeof PaginationAlign];
 export declare const PaginationTheme: {
     readonly DEFAULT: "default";
     readonly LIGHT: "light";
@@ -63,8 +68,8 @@ export interface IBannerProps {
         dotSvg?: Record<string, string>;
         dotInner?: Record<string, string>;
     };
-    /** Выравнивание блока пагинации */
-    paginationAlign?: 'center' | 'left';
+    /** Выравнивание блока пагинации. DEPRECATED: 'left' */
+    paginationAlign?: PaginationAlignType;
     /** Цветовая тема пагинации */
     paginationTheme?: PaginationThemeType;
     /** Тип кнопок пагинации */

package/dist/lib/components/Banner/Banner.js

@@ -4,7 +4,7 @@ function _typeof3(o) { "@babel/helpers - typeof"; return _typeof3 = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Radius = exports.PaginationTheme = exports.PaginationPositionType = exports.PaginationButtonType = exports.NavTheme = exports.BackgroundColor = void 0;
+exports["default"] = exports.Radius = exports.PaginationTheme = exports.PaginationPositionType = exports.PaginationButtonType = exports.PaginationAlign = exports.NavTheme = exports.BackgroundColor = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -32,7 +32,7 @@ try {
   Autoplay = Modules.Autoplay;
 } catch (e) {
   // eslint-disable-next-line no-console
-  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.       \n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
+  console.warn("\n        WARNING: megafon/ui-core is using the latest version of swiper.\n        For more information about server-side rendering\n        please check the Banner component documentation at:\n        https://ui.megafon.ru/components/banner\n    ");
 }
 var BackgroundColor = exports.BackgroundColor = {
   TRANSPARENT: 'transparent',
@@ -50,6 +50,10 @@ var NavTheme = exports.NavTheme = {
   LIGHT: 'light',
   DARK: 'dark'
 };
+var PaginationAlign = exports.PaginationAlign = {
+  CENTER: 'center',
+  LEFT: 'left'
+};
 var PaginationTheme = exports.PaginationTheme = {
   DEFAULT: 'default',
   LIGHT: 'light',
@@ -69,10 +73,9 @@ var Banner = function Banner(_ref) {
     _ref$classes = _ref.classes,
     classes = _ref$classes === void 0 ? {} : _ref$classes,
     dataAttrs = _ref.dataAttrs,
-    paginationAlign = _ref.paginationAlign,
-    paginationTheme = _ref.paginationTheme,
+    _ref$paginationAlign = _ref.paginationAlign,
+    paginationAlign = _ref$paginationAlign === void 0 ? PaginationAlign.CENTER : _ref$paginationAlign,
     paginationType = _ref.paginationType,
-    paginationPosition = _ref.paginationPosition,
     _ref$withPaginationBo = _ref.withPaginationBottomOffset,
     withPaginationBottomOffset = _ref$withPaginationBo === void 0 ? false : _ref$withPaginationBo,
     _ref$autoPlay = _ref.autoPlay,
@@ -83,8 +86,7 @@ var Banner = function Banner(_ref) {
     loop = _ref$loop === void 0 ? false : _ref$loop,
     _ref$pauseOnHover = _ref.pauseOnHover,
     pauseOnHover = _ref$pauseOnHover === void 0 ? false : _ref$pauseOnHover,
-    _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? BackgroundColor.TRANSPARENT : _ref$backgroundColor,
+    backgroundColor = _ref.backgroundColor,
     _ref$radius = _ref.radius,
     radius = _ref$radius === void 0 ? Radius.ROUNDED : _ref$radius,
     _ref$arrowTheme = _ref.arrowTheme,
@@ -140,6 +142,20 @@ var Banner = function Banner(_ref) {
   var dotTimerDelay = delay / 1000;
   var arrowSize = arrowTheme === _NavArrow.Theme.WHITE ? _NavArrow.Size.LARGE : _NavArrow.Size.MIDDLE;
   var rootRef = React.useRef(null);
+  var correctPaginationPosition = paginationType === PaginationButtonType.FLAT ? PaginationPositionType.TOP_IN : PaginationPositionType.BOTTOM_OUT;
+  var correctPaginationAlign = paginationType === PaginationButtonType.FLAT ? paginationAlign : PaginationAlign.CENTER;
+  var getCorrectPaginationTheme = function getCorrectPaginationTheme() {
+    switch (backgroundColor) {
+      case BackgroundColor.GREEN:
+      case BackgroundColor.PURPLE:
+        return PaginationTheme.LIGHT;
+      case BackgroundColor.LIGHT:
+      case BackgroundColor.GRADIENT:
+        return PaginationTheme.DARK;
+      default:
+        return PaginationTheme.DEFAULT;
+    }
+  };
   var increaseAutoplayDelay = React.useCallback(function (_ref2) {
     var params = _ref2.params,
       autoplay = _ref2.autoplay;
@@ -259,8 +275,8 @@ var Banner = function Banner(_ref) {
   var renderPagination = /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pagination), {
     className: cn('pagination', {
       type: paginationType,
-      align: paginationAlign,
-      position: paginationPosition,
+      align: correctPaginationAlign,
+      position: correctPaginationPosition,
       'bottom-offset': withPaginationBottomOffset
     }, [classes.pagination])
   }), children && React.Children.map(children, function (_, i) {
@@ -277,7 +293,7 @@ var Banner = function Banner(_ref) {
       showTimer: showDotTimer,
       timerDelay: dotTimerDelay,
       type: paginationType,
-      theme: paginationTheme,
+      theme: getCorrectPaginationTheme(),
       onClick: handleDotClick
     });
   }));

package/dist/lib/components/Modal/Modal.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-modal-open-body{height:100%;overflow:hidden}.mfui-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-modal__modal-content{margin:auto;position:relative}.mfui-modal_full-view .mfui-modal__overlay{display:block;padding:0}.mfui-modal_full-view .mfui-modal__modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%}.mfui-modal_bottom-view .mfui-modal__overlay{bottom:0;display:block;height:auto;overflow:hidden;padding-bottom:0;-ms-touch-action:none;touch-action:none}.mfui-modal_bottom-view .mfui-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden;-ms-touch-action:pan-y;touch-action:pan-y}.mfui-modal_native-scroll .mfui-modal__overlay{overflow-x:hidden;overflow-y:scroll}@media screen and (hover:hover){.mfui-modal_native-scroll .mfui-modal__overlay{width:calc(100% + 15px)}}.mfui-modal_transition-end .mfui-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-modal-open-body{height:100%;overflow:hidden}.mfui-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-modal__modal-content{margin:auto;position:relative}.mfui-modal_full-view .mfui-modal__overlay{display:block;padding:0}.mfui-modal_full-view .mfui-modal__modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%}.mfui-modal_bottom-view .mfui-modal__overlay{bottom:0;display:block;height:auto;overflow:hidden;padding-bottom:0}.mfui-modal_bottom-view .mfui-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden}.mfui-modal_native-scroll .mfui-modal__overlay{overflow-x:hidden;overflow-y:scroll}@media screen and (hover:hover){.mfui-modal_native-scroll .mfui-modal__overlay{width:calc(100% + 15px)}}.mfui-modal_transition-end .mfui-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/lib/components/Modal/_ModalContent/ModalContent.js

@@ -170,10 +170,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", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.containerBody), {
     className: cn('container-body', {
       'native-scroll': isEnabledNativeScroll

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

@@ -88,6 +88,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;
@@ -95,28 +96,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.MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP : _Modal.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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "8.11.1",
+    "version": "8.12.1",
     "files": [
         "dist",
         "styles"
@@ -50,7 +50,7 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^3.12.0",
+        "@megafon/ui-icons": "^3.12.1",
         "@svgr/core": "^2.4.1",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "c748a0748d78a2872ab16a384d8e81b83fcd60db"
+    "gitHead": "8a69aba34853a115f6b8aba23641784eb6ffe1cf"
 }