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

package/dist/lib/components/Notification/Notification.js

@@ -11,7 +11,8 @@ require("core-js/modules/es.string.link.js");
 require("core-js/modules/web.timers.js");
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-var _Button = _interopRequireDefault(require("../Button/Button"));
+var _Button = _interopRequireDefault(require("../Buttons/Button/Button"));
+var _ButtonClose = _interopRequireDefault(require("../Buttons/ButtonClose/ButtonClose"));
 var _TextLink = _interopRequireDefault(require("../TextLink/TextLink"));
 var _Tile = _interopRequireDefault(require("../Tile/Tile"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -21,55 +22,50 @@ var ErrorIcon = function ErrorIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     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", (0, _extends2["default"])({
     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", (0, _extends2["default"])({
     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", (0, _extends2["default"])({
     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", (0, _extends2["default"])({
     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", (0, _extends2["default"])({
     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", (0, _extends2["default"])({
-    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;
@@ -82,12 +78,6 @@ var NotificationTypes = {
   ERROR: 'error',
   INFO: 'info'
 };
-var ShadowTypes = {
-  ZERO: 'zero',
-  HOVER: 'hover',
-  PRESSED: 'pressed',
-  DEFAULT: 'default'
-};
 var testIdPrefix = exports.testIdPrefix = 'Notification';
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-notification');
 var Notification = function Notification(_ref) {
@@ -101,10 +91,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,
@@ -154,7 +140,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]);
@@ -202,7 +187,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
@@ -218,7 +203,7 @@ var Notification = function Notification(_ref) {
       },
       sizeAll: "small",
       sizeMobile: "extra-small",
-      theme: isErrorType && isColored ? 'white' : 'green',
+      theme: "green",
       showLoader: buttonLoader,
       disabled: buttonDisable,
       ellipsis: !buttonLoader,
@@ -256,11 +241,10 @@ var Notification = function Notification(_ref) {
   };
   return /*#__PURE__*/React.createElement(_Tile["default"], {
     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
     }
@@ -296,12 +280,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", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
+  }, buttonText && renderButton(), link && !shortText && renderLink()), shortText && renderCollapseButton()))), hasCloseButton && /*#__PURE__*/React.createElement(_ButtonClose["default"], (0, _extends2["default"])({}, (0, _uiHelpers.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')
   })));
 };
 var _default = exports["default"] = Notification;

package/dist/lib/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/lib/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/lib/components/Pagination/Pagination.js

@@ -14,7 +14,6 @@ var _ValueField = _interopRequireDefault(require("../ValueField/ValueField"));
 var _PaginationButtons = _interopRequireDefault(require("./components/PaginationButtons/PaginationButtons"));
 var _PaginationNavigation = _interopRequireWildcard(require("./components/PaginationNavigation/PaginationNavigation"));
 var _helpers = require("./helpers");
-var _types = require("./types");
 var _usePagination2 = _interopRequireWildcard(require("./usePagination"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -23,15 +22,13 @@ var cn = (0, _uiHelpers.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 ? _types.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 = (0, _usePagination2["default"])(type, totalPages, activePage),
+  var _usePagination = (0, _usePagination2["default"])(totalPages, activePage),
     paginationItems = _usePagination.paginationItems,
     skipPrevPage = _usePagination.skipPrevPage,
     skipNextPage = _usePagination.skipNextPage;
@@ -40,8 +37,6 @@ var Pagination = function Pagination(_ref) {
     inputValue = _React$useState2[0],
     setInputValue = _React$useState2[1];
   var inputRef = React.useRef(null);
-  var isModernType = type === _types.PaginationTypes.MODERN;
-  var buttonForm = isModernType ? 'brick' : 'round';
   var handleBackClick = React.useCallback(function () {
     onChange(activePage - 1);
   }, [activePage, onChange]);
@@ -83,9 +78,8 @@ var Pagination = function Pagination(_ref) {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prev
     },
     direction: "left",
-    form: buttonForm,
     disabled: activePage === _usePagination2.BUTTONS.FIRST,
-    hint: isModernType ? _PaginationNavigation.HINTS.PREV : null,
+    hint: _PaginationNavigation.HINTS.PREV,
     theme: theme,
     onClick: handleBackClick
   }), /*#__PURE__*/React.createElement(_PaginationButtons["default"], {
@@ -98,9 +92,7 @@ var Pagination = function Pagination(_ref) {
     activeButton: activePage,
     skipButtonPrev: _usePagination2.BUTTONS.SKIP_PREV,
     skipButtonNext: _usePagination2.BUTTONS.SKIP_NEXT,
-    type: type,
-    form: buttonForm,
-    showHints: isModernType,
+    showHints: true,
     theme: theme,
     onClick: handlePageButtonClick
   }), /*#__PURE__*/React.createElement(_PaginationNavigation["default"], {
@@ -109,9 +101,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 ? _PaginationNavigation.HINTS.NEXT : null,
+    hint: _PaginationNavigation.HINTS.NEXT,
     theme: theme,
     onClick: handleNextClick
   })), showSelectPage && /*#__PURE__*/React.createElement("div", {

package/dist/lib/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/lib/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/lib/components/Pagination/components/PaginationButton/PaginationButton.js

@@ -16,7 +16,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,
@@ -33,7 +32,6 @@ var PaginationButton = function PaginationButton(_ref) {
     className: cn({
       active: isActive,
       theme: theme,
-      form: form,
       'auto-width': autoWidth
     }, className),
     type: "button",

package/dist/lib/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/lib/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/lib/components/Pagination/components/PaginationButtons/PaginationButtons.js

@@ -8,7 +8,6 @@ exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
 var _react = _interopRequireDefault(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-var _types = require("../../types");
 var _PaginationButton = _interopRequireDefault(require("../PaginationButton/PaginationButton"));
 var _PaginationNavigation = _interopRequireWildcard(require("../PaginationNavigation/PaginationNavigation"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -17,16 +16,13 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
 var cn = (0, _uiHelpers.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 === _types.PaginationTypes.MODERN;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn()
   }, items.map(function (pageNumber, index) {
@@ -37,14 +33,10 @@ var PaginationButtons = function PaginationButtons(_ref) {
       var hint = isSkipButtonNext ? _PaginationNavigation.HINTS.SKIP_NEXT : _PaginationNavigation.HINTS.SKIP_PREV;
       return /*#__PURE__*/_react["default"].createElement(_PaginationNavigation["default"], {
         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,
@@ -55,21 +47,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["default"].createElement(_PaginationButton["default"], {
       key: index,
-      className: cn('button', {
-        form: form
-      }),
+      className: cn('button'),
       dataAttrs: {
         root: (0, _uiHelpers.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["default"].createElement("div", {

package/dist/lib/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/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js

@@ -16,14 +16,16 @@ var NothingIcon = function NothingIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/_react["default"].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["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/_react["default"].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) {
@@ -47,7 +49,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,
@@ -116,7 +117,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/lib/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/lib/components/Pagination/types.js

@@ -2,9 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.PaginationTypes = void 0;
-var PaginationTypes = exports.PaginationTypes = {
-  CLASSIC: 'classic',
-  MODERN: 'modern'
-};
+});

package/dist/lib/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/lib/components/Pagination/usePagination.js

@@ -6,31 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.BUTTONS = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.concat.js");
 var _react = _interopRequireDefault(require("react"));
 var _useResolution2 = _interopRequireDefault(require("../../hooks/useResolution"));
 var _helpers = require("./helpers");
-var _types = require("./types");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var BUTTONS = exports.BUTTONS = {
   SKIP_PREV: 'SKIP_PREV',
   SKIP_NEXT: 'SKIP_NEXT',
   FIRST: 1
 };
-var PAGINATION_SETTINGS = (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _types.PaginationTypes.CLASSIC, {
-  neighbourCount: {
-    main: 1,
-    mobile: 1,
-    mobileXS: 0
-  },
-  visibleNumbers: {
-    main: 7,
-    mobile: 7,
-    mobileXS: 5
-  },
-  skipStep: 0
-}), _types.PaginationTypes.MODERN, {
+var PAGINATION_SETTINGS = {
   neighbourCount: {
     main: 3,
     mobile: 2,
@@ -42,37 +28,34 @@ var PAGINATION_SETTINGS = (0, _defineProperty2["default"])((0, _defineProperty2[
     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 === _types.PaginationTypes.CLASSIC;
   var isMoreThenButtonsCount = totalPages > buttonsCount;
   var lastPage = totalPages;
   if (!isMoreThenButtonsCount) {
     return (0, _helpers.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 = (0, _helpers.getRange)(BUTTONS.FIRST, buttonsCount - 2);
     return [].concat((0, _toConsumableArray2["default"])(_range), [BUTTONS.SKIP_NEXT, lastPage]);
   }
   if (hasLeftHiddenButtons && !hasRightHiddenButtons) {
-    var _range2 = isClassicType ? (0, _helpers.getRange)(totalPages - (2 + 2 * neighbourCount), totalPages) : (0, _helpers.getRange)(totalPages - neighbourCount, totalPages);
+    var _range2 = (0, _helpers.getRange)(totalPages - neighbourCount, totalPages);
     return [BUTTONS.FIRST, BUTTONS.SKIP_PREV].concat((0, _toConsumableArray2["default"])(_range2));
   }
-  var range = isClassicType ? (0, _helpers.getRange)(activePage - neighbourCount, activePage + neighbourCount) : (0, _helpers.getRange)(activePage, activePage + neighbourCount);
+  var range = (0, _helpers.getRange)(activePage, activePage + neighbourCount);
   return [BUTTONS.FIRST, BUTTONS.SKIP_PREV].concat((0, _toConsumableArray2["default"])(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 = (0, _useResolution2["default"])(),
     isMobileExtraSmall = _useResolution.isMobileExtraSmall,
     isMobile = _useResolution.isMobile;
@@ -84,7 +67,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,
@@ -104,7 +86,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,

package/dist/lib/components/Parameter/Parameter.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 import PromoBadge from '../Badges/PromoBadge/PromoBadge';
 import { DescriptionType } from './components/ParameterDescription';
 import './Parameter.scss';
-type BadgeTypesType = React.ComponentProps<typeof PromoBadge>['type'];
 type BadgeColorType = React.ComponentProps<typeof PromoBadge>['color'];
 type TitleSizeType = 'default' | 'big';
 type ValueFrameColorType = 'none' | 'default' | 'gray';
@@ -28,8 +27,6 @@ export interface IParameter {
     className?: string;
     /** Текст для бейджа */
     badge?: string;
-    /** DEPRECATED. Тип бэйджа (используйте badgeColor) */
-    badgeType?: BadgeTypesType;
     /** Цвет бейджа */
     badgeColor?: BadgeColorType;
     /** Текст тултипа */

package/dist/lib/components/Parameter/Parameter.js

@@ -25,7 +25,9 @@ var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm0 6.553a1 1 0 00-1 1v5a1 1 0 002 0v-5a1 1 0 00-1-1zM9.898 4.88a1 1 0 100 2 1 1 0 000-2z"
   }));
 };
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-parameter');
@@ -34,8 +36,6 @@ var Parameter = function Parameter(_ref) {
     className = _ref.className,
     _ref$badge = _ref.badge,
     badge = _ref$badge === void 0 ? '' : _ref$badge,
-    _ref$badgeType = _ref.badgeType,
-    badgeType = _ref$badgeType === void 0 ? 'popular' : _ref$badgeType,
     badgeColor = _ref.badgeColor,
     tooltip = _ref.tooltip,
     icon = _ref.icon,
@@ -169,7 +169,6 @@ var Parameter = function Parameter(_ref) {
       className: cn('title')
     }, isRenderBadge && /*#__PURE__*/React.createElement(_PromoBadge["default"], {
       className: cn('badge'),
-      type: badgeType,
       color: badgeColor
     }, badge), title ? renderTitle(title, titleSize, isFirstItem) : renderDescription(description)), mergedValue && isFirstItem && renderValue(valueFrameColor, mergedValue, valueUnit), !mergedValue && value && renderValue(valueFrameColor, value, valueUnit)), title && renderDescription(description));
   })))));

package/dist/lib/components/RadioButton/RadioButton.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-radio-button__input{left:0;opacity:0;position:absolute;top:0}.mfui-9-radio-button__label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:none;position:relative}.mfui-9-radio-button__custom-input,.mfui-9-radio-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-radio-button__custom-input{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:6px;width:32px}.mfui-9-radio-button__custom-input:before{border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:22px;-webkit-transition:background-color,border-color;transition:background-color,border-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:22px}.mfui-9-radio-button__label_dark{color:var(--content)}.mfui-9-radio-button__label_dark .mfui-9-radio-button__custom-input:before{background-color:var(--base);border:2px solid var(--spbSky2)}.mfui-9-radio-button__input_dark:checked+.mfui-9-radio-button__custom-input:before{border:7px solid var(--brandGreen)}@media (hover:hover){.mfui-9-radio-button__label_dark:not(.mfui-9-radio-button__label_disabled):hover .mfui-9-radio-button__custom-input:before{border-color:var(--buttonHoverGreen)}}.mfui-9-radio-button__label_dark:not(.mfui-9-radio-button__label_disabled):active .mfui-9-radio-button__custom-input:before{border-color:var(--buttonDown)}.mfui-9-radio-button__label_dark.mfui-9-radio-button__label_disabled{color:var(--spbSky3);cursor:default}.mfui-9-radio-button__label_dark.mfui-9-radio-button__label_disabled .mfui-9-radio-button__custom-input:before,.mfui-9-radio-button__label_dark.mfui-9-radio-button__label_disabled .mfui-9-radio-button__input:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--spbSky1);border-color:var(--spbSky2)}.mfui-9-radio-button__label_light{color:var(--stcWhite)}.mfui-9-radio-button__label_light .mfui-9-radio-button__custom-input:before{background-color:var(--stcWhite);border:2px solid var(--stcWhite)}.mfui-9-radio-button__input_light:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--stcBlack);border:7px solid var(--stcWhite)}@media (hover:hover){.mfui-9-radio-button__label_light:not(.mfui-9-radio-button__label_disabled):hover .mfui-9-radio-button__custom-input:before{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-9-radio-button__label_light:not(.mfui-9-radio-button__label_disabled):hover .mfui-9-radio-button__input:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--stcBlack)}}.mfui-9-radio-button__label_light:not(.mfui-9-radio-button__label_disabled):active .mfui-9-radio-button__custom-input:before{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-9-radio-button__label_light:not(.mfui-9-radio-button__label_disabled):active .mfui-9-radio-button__input:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--stcWhite)}.mfui-9-radio-button__label_light.mfui-9-radio-button__label_disabled{color:var(--stcWhite50);cursor:default}.mfui-9-radio-button__label_light.mfui-9-radio-button__label_disabled .mfui-9-radio-button__custom-input:before,.mfui-9-radio-button__label_light.mfui-9-radio-button__label_disabled .mfui-9-radio-button__input:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--stcWhite);border-color:var(--spbSky2)}.mfui-9-radio-button__text_size_small{font-size:12px;line-height:18px}.mfui-9-radio-button__text_size_medium{font-size:15px;font-weight:400;line-height:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-radio-button__input{left:0;opacity:0;position:absolute;top:0}.mfui-9-radio-button__input:focus-visible+.mfui-9-radio-button__custom-input{-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-radio-button__label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:none;position:relative}.mfui-9-radio-button__custom-input,.mfui-9-radio-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-radio-button__custom-input{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:12px;height:32px;justify-content:center;margin-right:6px;width:32px}.mfui-9-radio-button__custom-input:before{border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:22px;-webkit-transition:background-color,border-color;transition:background-color,border-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:22px}.mfui-9-radio-button__label_dark{color:var(--content)}.mfui-9-radio-button__label_dark .mfui-9-radio-button__custom-input:before{background-color:var(--base);border:2px solid var(--spbSky2)}.mfui-9-radio-button__input_dark:checked+.mfui-9-radio-button__custom-input:before{border:7px solid var(--brandGreen)}@media (hover:hover){.mfui-9-radio-button__label_dark:not(.mfui-9-radio-button__label_disabled):hover .mfui-9-radio-button__custom-input:before{border-color:var(--buttonHoverGreen)}}.mfui-9-radio-button__label_dark:not(.mfui-9-radio-button__label_disabled):active .mfui-9-radio-button__custom-input:before{border-color:var(--buttonDown)}.mfui-9-radio-button__label_dark.mfui-9-radio-button__label_disabled{color:var(--spbSky3);cursor:default}.mfui-9-radio-button__label_dark.mfui-9-radio-button__label_disabled .mfui-9-radio-button__custom-input:before,.mfui-9-radio-button__label_dark.mfui-9-radio-button__label_disabled .mfui-9-radio-button__input:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--spbSky1);border-color:var(--spbSky2)}.mfui-9-radio-button__label_light{color:var(--stcWhite)}.mfui-9-radio-button__label_light .mfui-9-radio-button__custom-input:before{background-color:var(--stcWhite);border:2px solid var(--stcWhite)}.mfui-9-radio-button__input_light:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--stcBlack);border:7px solid var(--stcWhite)}@media (hover:hover){.mfui-9-radio-button__label_light:not(.mfui-9-radio-button__label_disabled):hover .mfui-9-radio-button__custom-input:before{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-9-radio-button__label_light:not(.mfui-9-radio-button__label_disabled):hover .mfui-9-radio-button__input:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--stcBlack)}}.mfui-9-radio-button__label_light:not(.mfui-9-radio-button__label_disabled):active .mfui-9-radio-button__custom-input:before{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-9-radio-button__label_light:not(.mfui-9-radio-button__label_disabled):active .mfui-9-radio-button__input:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--stcWhite)}.mfui-9-radio-button__label_light.mfui-9-radio-button__label_disabled{color:var(--stcWhite50);cursor:default}.mfui-9-radio-button__label_light.mfui-9-radio-button__label_disabled .mfui-9-radio-button__custom-input:before,.mfui-9-radio-button__label_light.mfui-9-radio-button__label_disabled .mfui-9-radio-button__input:checked+.mfui-9-radio-button__custom-input:before{background-color:var(--stcWhite);border-color:var(--spbSky2)}.mfui-9-radio-button__text_size_small{font-size:12px;line-height:18px}.mfui-9-radio-button__text_size_medium{font-size:15px;font-weight:400;line-height:24px}