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

package/dist/es/components/Notification/Notification.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-notification{background-color:var(--base);border-radius:12px;padding:20px 12px 20px 32px;position:relative}@media screen and (max-width:767px){.mfui-9-notification{padding:16px 12px}}.mfui-9-notification__container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-notification__title{color:var(--content);display:block;font-size:15px;font-weight:500;line-height:18px;margin-bottom:4px}@media screen and (min-width:1280px){.mfui-9-notification__title{line-height:24px}}.mfui-9-notification__title_close-padding{padding-right:20px}.mfui-9-notification__text{color:var(--content);font-size:12px;line-height:18px;margin:0;max-width:100%;position:relative;-webkit-transition:height .3s;transition:height .3s}@media screen and (min-width:768px){.mfui-9-notification__text{font-size:15px;line-height:24px}}.mfui-9-notification__short-text{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-9-notification__full-text,.mfui-9-notification__short-text_hidden{opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden}.mfui-9-notification__full-text_visible{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-9-notification__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:center;align-self:center;margin-left:12px;overflow:hidden;width:100%}.mfui-9-notification__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;height:40px;justify-content:center;min-width:40px;width:40px}.mfui-9-notification__attention-icon,.mfui-9-notification__icon-container svg{height:32px;min-width:32px;width:32px}.mfui-9-notification__text-container{margin-right:56px;width:85%}@media screen and (min-width:768px){.mfui-9-notification__text-container{margin-right:72px}}.mfui-9-notification__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-notification__bottom-block{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mfui-9-notification__bottom_has-button{margin-top:12px}.mfui-9-notification__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brandGreen);cursor:pointer}.mfui-9-notification__button+.mfui-9-notification__link{margin-left:16px}.mfui-9-notification__collapse-button,.mfui-9-notification__link{font-family:inherit;font-size:15px;font-weight:500;line-height:18px}@media screen and (max-width:767px){.mfui-9-notification__collapse-button,.mfui-9-notification__link{font-size:12px;line-height:14px}}.mfui-9-notification__collapse-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:transparent;border:none;color:var(--brandGreen);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;text-align:right}@media screen and (max-width:767px){.mfui-9-notification__collapse-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.mfui-9-notification__collapse-arrow,.mfui-9-notification__link-arrow{height:20px;min-width:20px;width:20px;fill:var(--brandGreen)}.mfui-9-notification__collapse-arrow_close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-9-notification__link-arrow{margin-bottom:-2px}@media screen and (min-width:768px){.mfui-9-notification__link-arrow{margin-bottom:-4px}}.mfui-9-notification__bottom-block+.mfui-9-notification__collapse-button{margin-left:20px}@media screen and (max-width:767px){.mfui-9-notification__bottom-block+.mfui-9-notification__collapse-button{margin-left:16px}}.mfui-9-notification__collapse_hidden{visibility:hidden}.mfui-9-notification__close{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:8px;top:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border:none;border-radius:50%;cursor:pointer;height:24px;justify-content:center;padding:0;width:24px}@media screen and (min-width:768px){.mfui-9-notification__close{height:32px;right:12px;top:12px;width:32px}}.mfui-9-notification__close:hover{background-color:var(--spbSky1)}.mfui-9-notification__close:active{background-color:var(--spbSky2)}.mfui-9-notification__close:after{background-color:var(--content);border-radius:50%;content:"";height:100%;opacity:.05;position:absolute;width:100%}.mfui-9-notification__close-icon{height:10px;opacity:.5;width:10px;fill:var(--content)}.mfui-9-notification_type_error .mfui-9-notification__icon-container{background-color:var(--fury20)}.mfui-9-notification_type_error .mfui-9-notification__icon-container svg{fill:var(--fury)}.mfui-9-notification_type_success .mfui-9-notification__icon-container{background-color:var(--brandGreen20)}.mfui-9-notification_type_success .mfui-9-notification__icon-container svg{fill:var(--brandGreen)}.mfui-9-notification_type_warning .mfui-9-notification__icon-container{background-color:var(--137C20)}.mfui-9-notification_type_warning .mfui-9-notification__icon-container svg{fill:var(--137C)}.mfui-9-notification_type_info .mfui-9-notification__icon-container{background-color:var(--sky20)}.mfui-9-notification_type_info .mfui-9-notification__icon-container svg{fill:var(--sky)}.mfui-9-notification_colored .mfui-9-notification__icon-container{background-color:var(--base)}.mfui-9-notification_colored.mfui-9-notification_type_info{background-color:var(--sky20)}.mfui-9-notification_colored.mfui-9-notification_type_warning{background-color:var(--137C20)}.mfui-9-notification_colored.mfui-9-notification_type_success{background-color:var(--brandGreen20)}.mfui-9-notification_colored.mfui-9-notification_type_info .mfui-9-notification__text,.mfui-9-notification_colored.mfui-9-notification_type_info .mfui-9-notification__title,.mfui-9-notification_colored.mfui-9-notification_type_success .mfui-9-notification__text,.mfui-9-notification_colored.mfui-9-notification_type_success .mfui-9-notification__title,.mfui-9-notification_colored.mfui-9-notification_type_warning .mfui-9-notification__text,.mfui-9-notification_colored.mfui-9-notification_type_warning .mfui-9-notification__title{color:var(--content)}.mfui-9-notification_colored.mfui-9-notification_type_error{background-color:var(--fury80)}.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__collapse-button,.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__link,.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__text,.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__title{color:var(--stcWhite)}.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__collapse-arrow,.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__link-arrow{fill:var(--stcWhite)}.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__icon-container{background-color:var(--stcWhite20)}.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__icon-container svg{fill:var(--stcWhite)}.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__close:not(:hover){background-color:var(--stcWhite20)}.mfui-9-notification_colored.mfui-9-notification_type_error .mfui-9-notification__close:not(:hover) .mfui-9-notification__close-icon{opacity:1;fill:var(--stcWhite)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-notification{border:1px solid transparent;border-radius:24px;overflow:hidden;padding:20px 12px 20px 20px;position:relative}@media screen and (max-width:767px){.mfui-9-notification{padding:16px 12px}}.mfui-9-notification:before{border-radius:50%;content:"";-webkit-filter:blur(30px);filter:blur(30px);height:80px;left:-14px;position:absolute;top:-6px;width:80px;z-index:0}@media screen and (max-width:767px){.mfui-9-notification:after{border-radius:50%;content:"";-webkit-filter:blur(45px);filter:blur(45px);height:128px;position:absolute;right:-32px;top:45px;width:128px;z-index:0}}.mfui-9-notification__container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-notification__title{color:var(--content);display:block;font-size:15px;font-weight:500;line-height:18px;margin-bottom:4px}@media screen and (min-width:1280px){.mfui-9-notification__title{line-height:24px}}.mfui-9-notification__title_close-padding{padding-right:20px}.mfui-9-notification__text{color:var(--content);font-size:12px;line-height:18px;margin:0;max-width:100%;position:relative;-webkit-transition:height .3s;transition:height .3s}@media screen and (min-width:768px){.mfui-9-notification__text{font-size:15px;line-height:24px}}.mfui-9-notification__short-text{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-9-notification__full-text,.mfui-9-notification__short-text_hidden{opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden}.mfui-9-notification__full-text_visible{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-9-notification__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:center;align-self:center;margin-left:12px;overflow:hidden;width:100%}.mfui-9-notification__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;border:.3px solid transparent;border-radius:12px;height:40px;justify-content:center;min-width:40px;width:40px}.mfui-9-notification__attention-icon,.mfui-9-notification__icon-container svg{height:32px;min-width:32px;width:32px}.mfui-9-notification__text-container{margin-right:56px;width:85%}@media screen and (min-width:768px){.mfui-9-notification__text-container{margin-right:72px}}.mfui-9-notification__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-notification__bottom-block{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mfui-9-notification__bottom_has-button{margin-top:12px}.mfui-9-notification__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brandGreen);cursor:pointer}.mfui-9-notification__button+.mfui-9-notification__link{margin-left:16px}.mfui-9-notification__collapse-button,.mfui-9-notification__link{font-family:inherit;font-size:15px;font-weight:500;line-height:18px}@media screen and (max-width:767px){.mfui-9-notification__collapse-button,.mfui-9-notification__link{font-size:12px;line-height:14px}}.mfui-9-notification__collapse-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:transparent;border:none;color:var(--brandGreen);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;text-align:right}@media screen and (max-width:767px){.mfui-9-notification__collapse-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.mfui-9-notification__collapse-arrow,.mfui-9-notification__link-arrow{height:20px;min-width:20px;width:20px;fill:var(--brandGreen)}.mfui-9-notification__collapse-arrow_close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-9-notification__link-arrow{margin-bottom:-2px}@media screen and (min-width:768px){.mfui-9-notification__link-arrow{margin-bottom:-4px}}.mfui-9-notification__bottom-block+.mfui-9-notification__collapse-button{margin-left:20px}@media screen and (max-width:767px){.mfui-9-notification__bottom-block+.mfui-9-notification__collapse-button{margin-left:16px}}.mfui-9-notification__collapse_hidden{visibility:hidden}.mfui-9-notification__close{position:absolute;right:1px;top:1px;z-index:100}.mfui-9-notification_type_error{background:linear-gradient(var(--base),var(--base)) padding-box,linear-gradient(301.79deg,hsla(0,0%,51%,.2) 72.68%,#ffacb2 98.41%) border-box}.mfui-9-notification_type_error:before{background:linear-gradient(46.7deg,#f62434 16.91%,rgba(246,36,52,0) 86.98%)}@media screen and (max-width:767px){.mfui-9-notification_type_error:after{background:linear-gradient(46.7deg,rgba(246,36,52,.17) 16.91%,hsla(0,0%,100%,.17) 86.98%)}}.mfui-9-notification_type_error .mfui-9-notification__icon-container{background:linear-gradient(var(--base),var(--base)) padding-box,linear-gradient(225deg,rgba(246,36,52,0) 5.8%,#f62434 48.19%) border-box}.mfui-9-notification_type_error .mfui-9-notification__icon-container svg{fill:var(--fury)}.mfui-9-notification_type_success{background:linear-gradient(var(--base),var(--base)) padding-box,linear-gradient(301.79deg,hsla(0,0%,51%,.2) 72.68%,rgba(62,255,110,.7) 98.41%) border-box}.mfui-9-notification_type_success:before{background:linear-gradient(46.7deg,#00b956 16.91%,rgba(0,185,86,0) 86.98%)}@media screen and (max-width:767px){.mfui-9-notification_type_success:after{background:linear-gradient(46.7deg,rgba(0,185,86,.17) 16.91%,hsla(0,0%,100%,.17) 86.98%)}}.mfui-9-notification_type_success .mfui-9-notification__icon-container{background:linear-gradient(var(--base),var(--base)) padding-box,linear-gradient(225deg,rgba(0,185,86,0) 5.8%,#00b956 48.19%) border-box}.mfui-9-notification_type_success .mfui-9-notification__icon-container svg{fill:var(--brandGreen)}.mfui-9-notification_type_warning{background:linear-gradient(var(--base),var(--base)) padding-box,linear-gradient(301.79deg,hsla(0,0%,51%,.2) 72.68%,#ffdea7 98.41%) border-box}.mfui-9-notification_type_warning:before{background:linear-gradient(46.7deg,#ffab23 16.91%,rgba(255,171,35,0) 86.98%)}@media screen and (max-width:767px){.mfui-9-notification_type_warning:after{background:linear-gradient(46.7deg,rgba(255,171,35,.17) 16.91%,hsla(0,0%,100%,.17) 86.98%)}}.mfui-9-notification_type_warning .mfui-9-notification__icon-container{background:linear-gradient(var(--base),var(--base)) padding-box,linear-gradient(225deg,rgba(255,171,35,0) 5.8%,#ffab23 48.19%) border-box}.mfui-9-notification_type_warning .mfui-9-notification__icon-container svg{fill:var(--137C)}.mfui-9-notification_type_info{background:linear-gradient(var(--base),var(--base)) padding-box,linear-gradient(301.79deg,hsla(0,0%,51%,.2) 72.68%,#a5dfff 98.41%) border-box}.mfui-9-notification_type_info:before{background:linear-gradient(46.7deg,#3cb9ff 16.91%,rgba(60,185,255,0) 86.98%)}@media screen and (max-width:767px){.mfui-9-notification_type_info:after{background:linear-gradient(46.7deg,rgba(60,185,255,.17) 16.91%,hsla(0,0%,100%,.17) 86.98%)}}.mfui-9-notification_type_info .mfui-9-notification__icon-container{background:linear-gradient(var(--base),var(--base)) padding-box,linear-gradient(225deg,rgba(60,185,255,0) 5.8%,#3cb9ff 48.19%) border-box}.mfui-9-notification_type_info .mfui-9-notification__icon-container svg{fill:var(--sky)}

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

@@ -7,13 +7,6 @@ declare const NotificationTypes: {
     readonly INFO: "info";
 };
 type NotificationType = (typeof NotificationTypes)[keyof typeof NotificationTypes];
-declare const ShadowTypes: {
-    readonly ZERO: "zero";
-    readonly HOVER: "hover";
-    readonly PRESSED: "pressed";
-    readonly DEFAULT: "default";
-};
-type ShadowType = (typeof ShadowTypes)[keyof typeof ShadowTypes];
 export interface INotificationProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
@@ -26,10 +19,6 @@ export interface INotificationProps {
     };
     /** Тип отображения */
     type?: NotificationType;
-    /** Уровень тени */
-    shadowLevel?: ShadowType;
-    /** Наличие фоновой заливки у уведомления */
-    isColored?: boolean;
     /** Наличие кнопки-крестика "Закрыть" */
     hasCloseButton?: boolean;
     /** Заголовок */

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

@@ -3,8 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.string.link.js";
 import "core-js/modules/web.timers.js";
 import * as React from 'react';
-import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
-import Button from "../Button/Button";
+import { cnCreate, convert, filterDataAttrs, textConvertConfig, titleConvertConfig } from '@megafon/ui-helpers';
+import Button from "../Buttons/Button/Button";
+import ButtonClose from "../Buttons/ButtonClose/ButtonClose";
 import TextLink from "../TextLink/TextLink";
 import Tile from "../Tile/Tile";
 import "./Notification.css";
@@ -12,55 +13,50 @@ var ErrorIcon = function ErrorIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15 20.72V23h2v-2.28a2 2 0 10-2 0z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23.5 13.008a1.5 1.5 0 011.5 1.5v7.513a6 6 0 01-6 6h-6a6 6 0 01-6-6v-7.513a1.5 1.5 0 011.5-1.5h15zm-7.501 4.398a1.501 1.501 0 00-.702 2.825v2.493a.751.751 0 001.5 0v-2.55a1.498 1.498 0 00-.798-2.768z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 4a6 6 0 00-6 6v2H8v8a8 8 0 0016 0v-8h-2v-2a6 6 0 00-6-6zm-4 6a4 4 0 018 0v2h-8zm10 10a6 6 0 01-12 0v-6h12z"
+    d: "M16 4.022a5.25 5.25 0 015.25 5.25v2.255h-1.5V9.272a3.75 3.75 0 00-7.5 0v2.255h-1.5V9.272A5.25 5.25 0 0116 4.022z"
   }));
 };
 var ArrowDown = function ArrowDown(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M6 8h8l-4 5z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
+    d: "M10.465 11.798a.609.609 0 01-.907 0L7.187 9.25c-.41-.44-.1-1.25.476-1.25h4.679c.575 0 .879.811.47 1.25l-2.347 2.548z"
   }));
 };
 var RightArrow = function RightArrow(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M8 13l3-3-3-3 1-1 4 4-4 4z"
+    d: "M10.084 5.282a1 1 0 011.414.022l3.61 3.726c.522.54.523 1.4 0 1.94l-3.61 3.726a1 1 0 01-1.436-1.392l2.225-2.297H5.5a1 1 0 010-2h6.8l-2.239-2.31a1 1 0 01.023-1.415z"
   }));
 };
 var WarningIcon = function WarningIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15 22h2v-2h-2v2zm0-4h2v-8h-2v8zm1 10C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zM6 16c0 5.5 4.5 10 10 10s10-4.5 10-10S21.5 6 16 6 6 10.5 6 16z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.373 6.516c1.128-2.018 4.041-2.023 5.176-.008l9.067 16.094C28.725 24.571 27.296 27 25.03 27H6.97c-2.263 0-3.691-2.42-2.591-4.389l8.994-16.095zM16 21.163c-.829 0-1.5.657-1.5 1.467s.671 1.466 1.5 1.466c.828 0 1.5-.656 1.5-1.466 0-.81-.672-1.467-1.5-1.467zm0-10.3a1.5 1.5 0 00-1.5 1.5v5.867a1.5 1.5 0 003 0v-5.867a1.5 1.5 0 00-1.5-1.5z"
   }));
 };
 var SuccessIcon = function SuccessIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
+    d: "M11.033 15.1l3.39 3.39 6.817-6.742c.578-.572 1.483-.595 2.02-.051.538.544.504 1.449-.075 2.021l-7.858 7.773c-.576.57-1.476.595-2.015.056L8.95 17.185c-.54-.541-.512-1.446.063-2.021.576-.576 1.48-.604 2.021-.063z"
   }));
 };
 var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15 12h2v-2h-2v2zm0 10h2v-8h-2v8zm1 6C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zm0-22C10.5 6 6 10.5 6 16s4.5 10 10 10 10-4.5 10-10S21.5 6 16 6z"
-  }));
-};
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 10 10"
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M5 3.75L1.25 0 0 1.25 3.75 5 0 8.75 1.25 10 5 6.25 8.75 10 10 8.75 6.25 5 10 1.25 8.75 0 5 3.75z"
+    d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm0 9.25c-.78 0-1.412.633-1.412 1.412v7.059a1.412 1.412 0 102.824 0v-7.059c0-.78-.632-1.412-1.412-1.412zm-.144-4.477a1.412 1.412 0 100 2.824 1.412 1.412 0 000-2.824z"
   }));
 };
 var TIMEOUT_DELAY = 400;
@@ -73,12 +69,6 @@ var NotificationTypes = {
   ERROR: 'error',
   INFO: 'info'
 };
-var ShadowTypes = {
-  ZERO: 'zero',
-  HOVER: 'hover',
-  PRESSED: 'pressed',
-  DEFAULT: 'default'
-};
 export var testIdPrefix = 'Notification';
 var cn = cnCreate('mfui-9-notification');
 var Notification = function Notification(_ref) {
@@ -92,10 +82,6 @@ var Notification = function Notification(_ref) {
     children = _ref.children,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'info' : _ref$type,
-    _ref$shadowLevel = _ref.shadowLevel,
-    shadowLevel = _ref$shadowLevel === void 0 ? 'zero' : _ref$shadowLevel,
-    _ref$isColored = _ref.isColored,
-    isColored = _ref$isColored === void 0 ? true : _ref$isColored,
     hasCloseButton = _ref.hasCloseButton,
     title = _ref.title,
     shortText = _ref.shortText,
@@ -145,7 +131,6 @@ var Notification = function Notification(_ref) {
     textClasses = _useState6[0],
     setTextClass = _useState6[1];
   var hasBottom = shortText || buttonText || link;
-  var isErrorType = type === NotificationTypes.ERROR;
   useEffect(function () {
     setShowFullText(isCollapseOpened);
   }, [isCollapseOpened]);
@@ -193,7 +178,7 @@ var Notification = function Notification(_ref) {
       },
       className: cn('link', [linkClass]),
       onClick: onLinkClick,
-      color: isErrorType && isColored ? 'white' : 'green',
+      color: "green",
       rel: rel,
       href: href,
       target: target
@@ -209,7 +194,7 @@ var Notification = function Notification(_ref) {
       },
       sizeAll: "small",
       sizeMobile: "extra-small",
-      theme: isErrorType && isColored ? 'white' : 'green',
+      theme: "green",
       showLoader: buttonLoader,
       disabled: buttonDisable,
       ellipsis: !buttonLoader,
@@ -247,11 +232,10 @@ var Notification = function Notification(_ref) {
   };
   return /*#__PURE__*/React.createElement(Tile, {
     className: cn({
-      type: type,
-      colored: isColored
+      type: type
     }, [className, rootClass]),
     radius: "rounded",
-    shadowLevel: shadowLevel,
+    radiusSize: "xl",
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root
     }
@@ -287,12 +271,9 @@ var Notification = function Notification(_ref) {
     })
   }, (buttonText || link) && /*#__PURE__*/React.createElement("div", {
     className: cn('bottom-block')
-  }, buttonText && renderButton(), link && !shortText && renderLink()), shortText && renderCollapseButton()))), hasCloseButton && /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
+  }, buttonText && renderButton(), link && !shortText && renderLink()), shortText && renderCollapseButton()))), hasCloseButton && /*#__PURE__*/React.createElement(ButtonClose, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
     className: cn('close'),
-    type: "button",
     onClick: onClose
-  }), /*#__PURE__*/React.createElement(CancelIcon, {
-    className: cn('close-icon')
   })));
 };
 export default Notification;

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;
     /** Отобразить поле ввода номера страницы */

package/dist/es/components/Pagination/Pagination.js

@@ -7,22 +7,19 @@ import ValueField from "../ValueField/ValueField";
 import PaginationButtons from "./components/PaginationButtons/PaginationButtons";
 import PaginationNavigation, { HINTS } from "./components/PaginationNavigation/PaginationNavigation";
 import { getInputRangeValue, removeFirstZeros, setValueFieldTheme } from "./helpers";
-import { PaginationTypes } from "./types";
 import usePagination, { BUTTONS } from "./usePagination";
 import "./Pagination.css";
 var cn = cnCreate('mfui-9-pagination');
 var Pagination = function Pagination(_ref) {
   var totalPages = _ref.totalPages,
     activePage = _ref.activePage,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? PaginationTypes.CLASSIC : _ref$type,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'default' : _ref$theme,
     showSelectPage = _ref.showSelectPage,
     onChange = _ref.onChange,
     className = _ref.className,
     dataAttrs = _ref.dataAttrs;
-  var _usePagination = usePagination(type, totalPages, activePage),
+  var _usePagination = usePagination(totalPages, activePage),
     paginationItems = _usePagination.paginationItems,
     skipPrevPage = _usePagination.skipPrevPage,
     skipNextPage = _usePagination.skipNextPage;
@@ -31,8 +28,6 @@ var Pagination = function Pagination(_ref) {
     inputValue = _React$useState2[0],
     setInputValue = _React$useState2[1];
   var inputRef = React.useRef(null);
-  var isModernType = type === PaginationTypes.MODERN;
-  var buttonForm = isModernType ? 'brick' : 'round';
   var handleBackClick = React.useCallback(function () {
     onChange(activePage - 1);
   }, [activePage, onChange]);
@@ -74,9 +69,8 @@ var Pagination = function Pagination(_ref) {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prev
     },
     direction: "left",
-    form: buttonForm,
     disabled: activePage === BUTTONS.FIRST,
-    hint: isModernType ? HINTS.PREV : null,
+    hint: HINTS.PREV,
     theme: theme,
     onClick: handleBackClick
   }), /*#__PURE__*/React.createElement(PaginationButtons, {
@@ -89,9 +83,7 @@ var Pagination = function Pagination(_ref) {
     activeButton: activePage,
     skipButtonPrev: BUTTONS.SKIP_PREV,
     skipButtonNext: BUTTONS.SKIP_NEXT,
-    type: type,
-    form: buttonForm,
-    showHints: isModernType,
+    showHints: true,
     theme: theme,
     onClick: handlePageButtonClick
   }), /*#__PURE__*/React.createElement(PaginationNavigation, {
@@ -100,9 +92,8 @@ var Pagination = function Pagination(_ref) {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.next
     },
     direction: "right",
-    form: buttonForm,
     disabled: activePage === totalPages,
-    hint: isModernType ? HINTS.NEXT : null,
+    hint: HINTS.NEXT,
     theme: theme,
     onClick: handleNextClick
   })), showSelectPage && /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-pagination-button{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid transparent;border-radius:50%;height:32px;justify-content:center;padding:0;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:transparent;cursor:pointer}.mfui-9-pagination-button svg{width:100%}.mfui-9-pagination-button:disabled{pointer-events:none}.mfui-9-pagination-button_form_brick{border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfui-9-pagination-button_auto-width{min-width:32px;padding:0 8px;width:auto}.mfui-9-pagination-button_active{border-color:var(--brandGreen);pointer-events:none}.mfui-9-pagination-button_theme_default{color:var(--content)}.mfui-9-pagination-button_theme_default svg{fill:var(--content)}.mfui-9-pagination-button_theme_default:hover{background-color:var(--spbSky0)}.mfui-9-pagination-button_theme_default.mfui-9-pagination-button_active{border-color:var(--brandGreen);color:var(--brandGreen)}.mfui-9-pagination-button_theme_light{color:var(--stcWhite)}.mfui-9-pagination-button_theme_light svg{fill:var(--stcWhite)}.mfui-9-pagination-button_theme_light:hover{background-color:var(--stcWhite20)}.mfui-9-pagination-button_theme_light.mfui-9-pagination-button_active{border-color:var(--stcWhite)}.mfui-9-pagination-button_theme_gray{color:var(--content)}.mfui-9-pagination-button_theme_gray svg{fill:var(--content)}.mfui-9-pagination-button_theme_gray:hover{background-color:var(--base)}.mfui-9-pagination-button_theme_gray.mfui-9-pagination-button_active{border-color:var(--brandGreen);color:var(--brandGreen)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-pagination-button{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:1px solid transparent;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:32px;justify-content:center;padding:0;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-pagination-button:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-pagination-button:focus{outline:none}.mfui-9-pagination-button svg{width:100%}.mfui-9-pagination-button:disabled{pointer-events:none}.mfui-9-pagination-button_auto-width{min-width:32px;padding:0 8px;width:auto}.mfui-9-pagination-button_active{border-color:var(--brandGreen);pointer-events:none}.mfui-9-pagination-button_theme_default{color:var(--content)}.mfui-9-pagination-button_theme_default svg{fill:var(--content)}.mfui-9-pagination-button_theme_default:hover{background-color:var(--spbSky0)}.mfui-9-pagination-button_theme_default.mfui-9-pagination-button_active{border-color:var(--brandGreen);color:var(--brandGreen)}.mfui-9-pagination-button_theme_light{color:var(--stcWhite)}.mfui-9-pagination-button_theme_light svg{fill:var(--stcWhite)}.mfui-9-pagination-button_theme_light:hover{background-color:var(--stcWhite20)}.mfui-9-pagination-button_theme_light.mfui-9-pagination-button_active{border-color:var(--stcWhite)}.mfui-9-pagination-button_theme_gray{color:var(--content)}.mfui-9-pagination-button_theme_gray svg{fill:var(--content)}.mfui-9-pagination-button_theme_gray:hover{background-color:var(--base)}.mfui-9-pagination-button_theme_gray.mfui-9-pagination-button_active{border-color:var(--brandGreen);color:var(--brandGreen)}

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

@@ -1,9 +1,8 @@
 import React from 'react';
-import { ValueType, ThemeType, ButtonFormType } from '../../types';
+import { ValueType, ThemeType } from '../../types';
 import './PaginationButton.scss';
 export interface IPaginationButtonProps {
     theme?: ThemeType;
-    form?: ButtonFormType;
     value?: ValueType;
     disabled?: boolean;
     isActive?: boolean;

package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.js

@@ -10,7 +10,6 @@ var PaginationButton = function PaginationButton(_ref) {
     isActive = _ref$isActive === void 0 ? false : _ref$isActive,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'default' : _ref$theme,
-    form = _ref.form,
     autoWidth = _ref.autoWidth,
     className = _ref.className,
     children = _ref.children,
@@ -27,7 +26,6 @@ var PaginationButton = function PaginationButton(_ref) {
     className: cn({
       active: isActive,
       theme: theme,
-      form: form,
       'auto-width': autoWidth
     }, className),
     type: "button",

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-pagination-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-pagination-buttons__button{-ms-flex-negative:0;flex-shrink:0;margin:0 4px}@media screen and (max-width:767px){.mfui-9-pagination-buttons__button{margin:0 2px}}.mfui-9-pagination-buttons__button_form_brick{margin:0 2px}@media screen and (max-width:767px){.mfui-9-pagination-buttons__button_form_brick{margin:0}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-pagination-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-pagination-buttons__button{-ms-flex-negative:0;flex-shrink:0;margin:0 2px}@media screen and (max-width:767px){.mfui-9-pagination-buttons__button{margin:0}}

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

@@ -1,10 +1,8 @@
 import React from 'react';
-import { ValueType, ThemeType, ButtonFormType, PaginationTypesType } from '../../types';
+import { ValueType, ThemeType } from '../../types';
 import './PaginationButtons.scss';
 export interface IPaginationButtonsProps {
     items: Array<string | number>;
-    type: PaginationTypesType;
-    form: ButtonFormType;
     theme: ThemeType;
     showHints: boolean;
     activeButton: number;

package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.js

@@ -1,23 +1,19 @@
 import "core-js/modules/es.array.map.js";
 import React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import { PaginationTypes } from "../../types";
 import PaginationButton from "../PaginationButton/PaginationButton";
 import PaginationNavigation, { HINTS } from "../PaginationNavigation/PaginationNavigation";
 import "./PaginationButtons.css";
 var cn = cnCreate('mfui-9-pagination-buttons');
 var PaginationButtons = function PaginationButtons(_ref) {
   var items = _ref.items,
-    type = _ref.type,
     theme = _ref.theme,
-    form = _ref.form,
     showHints = _ref.showHints,
     onClick = _ref.onClick,
     activeButton = _ref.activeButton,
     skipButtonPrev = _ref.skipButtonPrev,
     skipButtonNext = _ref.skipButtonNext,
     dataAttrs = _ref.dataAttrs;
-  var isModernType = type === PaginationTypes.MODERN;
   return /*#__PURE__*/React.createElement("div", {
     className: cn()
   }, items.map(function (pageNumber, index) {
@@ -28,14 +24,10 @@ var PaginationButtons = function PaginationButtons(_ref) {
       var hint = isSkipButtonNext ? HINTS.SKIP_NEXT : HINTS.SKIP_PREV;
       return /*#__PURE__*/React.createElement(PaginationNavigation, {
         key: index,
-        className: cn('button', {
-          form: form
-        }),
+        className: cn('button'),
         theme: theme,
-        form: form,
         value: pageNumber,
         variant: "skip",
-        disabled: !isModernType,
         direction: isSkipButtonNext ? 'right' : 'left',
         hint: showHints ? hint : null,
         onClick: onClick,
@@ -46,21 +38,18 @@ var PaginationButtons = function PaginationButtons(_ref) {
     }
     var isActive = pageNumber === activeButton;
     var digitCount = String(pageNumber).length;
-    var pageNumberStyle = isModernType ? {
+    var pageNumberStyle = {
       width: 10 * digitCount
-    } : undefined;
+    };
     return /*#__PURE__*/React.createElement(PaginationButton, {
       key: index,
-      className: cn('button', {
-        form: form
-      }),
+      className: cn('button'),
       dataAttrs: {
         root: filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, dataIndex)
       },
       theme: theme,
-      form: form,
       value: pageNumber,
-      autoWidth: isModernType,
+      autoWidth: true,
       isActive: isActive,
       onClick: onClick
     }, /*#__PURE__*/React.createElement("div", {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonFormType, ThemeType, ValueType } from '../../types';
+import { ThemeType, ValueType } from '../../types';
 import './PaginationNavigation.scss';
 export declare const HINTS: {
     PREV: string;
@@ -9,7 +9,6 @@ export declare const HINTS: {
 };
 interface IPaginationNavigationProps {
     theme?: ThemeType;
-    form?: ButtonFormType;
     direction?: 'left' | 'right';
     variant?: 'default' | 'skip';
     disabled?: boolean;

package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js

@@ -10,14 +10,16 @@ var NothingIcon = function NothingIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M7 9a1 1 0 11-1 1 1 1 0 011-1zm2 1a1 1 0 101-1 1 1 0 00-1 1zm3 0a1 1 0 101-1 1 1 0 00-1 1z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM6 11a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2z"
   }));
 };
 var ArrowRightIcon = function ArrowRightIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
+    d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
   }));
 };
 var ArrowsRightIcon = function ArrowsRightIcon(props) {
@@ -41,7 +43,6 @@ var PaginationNavigation = function PaginationNavigation(_ref) {
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'right' : _ref$direction,
     theme = _ref.theme,
-    form = _ref.form,
     disabled = _ref.disabled,
     value = _ref.value,
     hint = _ref.hint,
@@ -110,7 +111,6 @@ var PaginationNavigation = function PaginationNavigation(_ref) {
     dataAttrs: dataAttrs,
     disabled: disabled,
     theme: theme,
-    form: form,
     onClick: handleClick,
     onMouseEnter: hasHint ? handleMouseEnter : undefined,
     onMouseLeave: hasHint ? handleMouseLeave : undefined,

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

@@ -1,12 +1,6 @@
-export declare const PaginationTypes: {
-    readonly CLASSIC: "classic";
-    readonly MODERN: "modern";
-};
-export type PaginationTypesType = (typeof PaginationTypes)[keyof typeof PaginationTypes];
-export type ButtonFormType = 'brick' | 'round';
 export type ValueType = string | number;
 export type ThemeType = 'default' | 'light' | 'gray';
-type SettingsType = {
+export type SettingsType = {
     neighbourCount: {
         main: number;
         mobile: number;
@@ -19,7 +13,3 @@ type SettingsType = {
     };
     skipStep: number;
 };
-export type SettingsMapType = {
-    [key in PaginationTypesType]: SettingsType;
-};
-export {};

package/dist/es/components/Pagination/types.js

@@ -1,4 +1 @@
-export var PaginationTypes = {
-  CLASSIC: 'classic',
-  MODERN: 'modern'
-};
+export {};

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

@@ -1,4 +1,4 @@
-import { PaginationTypesType, ValueType } from './types';
+import { ValueType } from './types';
 export declare const BUTTONS: {
     SKIP_PREV: string;
     SKIP_NEXT: string;
@@ -9,5 +9,5 @@ type usePaginationReturnType = {
     skipPrevPage: number;
     skipNextPage: number;
 };
-declare const usePagination: (type: PaginationTypesType, totalPages: number, activePage: number) => usePaginationReturnType;
+declare const usePagination: (totalPages: number, activePage: number) => usePaginationReturnType;
 export default usePagination;

package/dist/es/components/Pagination/usePagination.js

@@ -1,29 +1,15 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "core-js/modules/es.array.concat.js";
 import React from 'react';
 import useResolution from "../../hooks/useResolution";
 import { getRange } from "./helpers";
-import { PaginationTypes } from "./types";
 export var BUTTONS = {
   SKIP_PREV: 'SKIP_PREV',
   SKIP_NEXT: 'SKIP_NEXT',
   FIRST: 1
 };
-var PAGINATION_SETTINGS = _defineProperty(_defineProperty({}, PaginationTypes.CLASSIC, {
-  neighbourCount: {
-    main: 1,
-    mobile: 1,
-    mobileXS: 0
-  },
-  visibleNumbers: {
-    main: 7,
-    mobile: 7,
-    mobileXS: 5
-  },
-  skipStep: 0
-}), PaginationTypes.MODERN, {
+var PAGINATION_SETTINGS = {
   neighbourCount: {
     main: 3,
     mobile: 2,
@@ -35,37 +21,34 @@ var PAGINATION_SETTINGS = _defineProperty(_defineProperty({}, PaginationTypes.CL
     mobileXS: 4
   },
   skipStep: 4
-});
+};
 var getItems = function getItems(_ref) {
-  var type = _ref.type,
-    totalPages = _ref.totalPages,
+  var totalPages = _ref.totalPages,
     activePage = _ref.activePage,
     buttonsCount = _ref.buttonsCount,
     neighbourCount = _ref.neighbourCount;
-  var isClassicType = type === PaginationTypes.CLASSIC;
   var isMoreThenButtonsCount = totalPages > buttonsCount;
   var lastPage = totalPages;
   if (!isMoreThenButtonsCount) {
     return getRange(BUTTONS.FIRST, lastPage);
   }
   var hasLeftHiddenButtons = activePage > Math.ceil(buttonsCount / 2);
-  var hasRightHiddenButtons = isClassicType ? lastPage > activePage + neighbourCount + 2 : lastPage > activePage + neighbourCount;
+  var hasRightHiddenButtons = lastPage > activePage + neighbourCount;
   if (!hasLeftHiddenButtons && hasRightHiddenButtons) {
     var _range = getRange(BUTTONS.FIRST, buttonsCount - 2);
     return [].concat(_toConsumableArray(_range), [BUTTONS.SKIP_NEXT, lastPage]);
   }
   if (hasLeftHiddenButtons && !hasRightHiddenButtons) {
-    var _range2 = isClassicType ? getRange(totalPages - (2 + 2 * neighbourCount), totalPages) : getRange(totalPages - neighbourCount, totalPages);
+    var _range2 = getRange(totalPages - neighbourCount, totalPages);
     return [BUTTONS.FIRST, BUTTONS.SKIP_PREV].concat(_toConsumableArray(_range2));
   }
-  var range = isClassicType ? getRange(activePage - neighbourCount, activePage + neighbourCount) : getRange(activePage, activePage + neighbourCount);
+  var range = getRange(activePage, activePage + neighbourCount);
   return [BUTTONS.FIRST, BUTTONS.SKIP_PREV].concat(_toConsumableArray(range), [BUTTONS.SKIP_NEXT, lastPage]);
 };
-var usePagination = function usePagination(type, totalPages, activePage) {
-  var _PAGINATION_SETTINGS$ = PAGINATION_SETTINGS[type],
-    neighbourCount = _PAGINATION_SETTINGS$.neighbourCount,
-    visibleNumbers = _PAGINATION_SETTINGS$.visibleNumbers,
-    skipStep = _PAGINATION_SETTINGS$.skipStep;
+var neighbourCount = PAGINATION_SETTINGS.neighbourCount,
+  visibleNumbers = PAGINATION_SETTINGS.visibleNumbers,
+  skipStep = PAGINATION_SETTINGS.skipStep;
+var usePagination = function usePagination(totalPages, activePage) {
   var _useResolution = useResolution(),
     isMobileExtraSmall = _useResolution.isMobileExtraSmall,
     isMobile = _useResolution.isMobile;
@@ -77,7 +60,6 @@ var usePagination = function usePagination(type, totalPages, activePage) {
     config = _React$useState2[0],
     setConfig = _React$useState2[1];
   var paginationItems = getItems({
-    type: type,
     totalPages: totalPages,
     activePage: activePage,
     neighbourCount: config.neighbourCount,
@@ -97,7 +79,7 @@ var usePagination = function usePagination(type, totalPages, activePage) {
       neighbourCount: isMobile ? neighbourCount.mobile : neighbourCount.main,
       buttonsCount: isMobile ? visibleNumbers.mobile : visibleNumbers.main
     });
-  }, [isMobile, isMobileExtraSmall, visibleNumbers, neighbourCount]);
+  }, [isMobile, isMobileExtraSmall]);
   return {
     paginationItems: paginationItems,
     skipPrevPage: skipPrevPage,