@megafon/ui-core 9.0.0-alpha.8 → 9.0.0

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

@@ -3,14 +3,20 @@ import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import { CSSTransition } from 'react-transition-group';
-import ButtonClose from "../../Buttons/ButtonClose/ButtonClose";
 import ScrollBar from "../../ScrollBar/ScrollBar";
 import "./ModalContent.css";
 var ArrowLeft24 = function ArrowLeft24(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M19.5 20.8L14.7 16l4.8-4.8-1.6-1.7-6.4 6.5 6.4 6.5z"
+    d: "M13.906 9.114a1.25 1.25 0 111.764 1.772l-3.871 3.853H23a1.25 1.25 0 110 2.5H11.777l3.893 3.875a1.25 1.25 0 01-1.764 1.772l-5.618-5.592a1.825 1.825 0 010-2.588l5.618-5.592z"
+  }));
+};
+var Cancel24 = function Cancel24(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M9.405 9.402a1.558 1.558 0 012.201 0l4.348 4.344 4.337-4.333a1.555 1.555 0 112.201 2.2l-4.338 4.331 4.339 4.335a1.555 1.555 0 11-2.201 2.2l-4.34-4.336-4.348 4.346a1.554 1.554 0 11-2.2-2.2l4.348-4.344L9.405 11.6a1.554 1.554 0 010-2.2z"
   }));
 };
 var cn = cnCreate('mfui-9-modal-content');
@@ -24,6 +30,8 @@ var ModalContent = function ModalContent(_ref) {
     showBackButton = _ref$headerProps2.showBackButton,
     hideCloseButton = _ref$headerProps2.hideCloseButton,
     headerAdditionalContent = _ref$headerProps2.headerAdditionalContent,
+    headerCustomContent = _ref$headerProps2.headerCustomContent,
+    buttonsTheme = _ref$headerProps2.buttonsTheme,
     hasHeaderShadow = _ref$headerProps2.hasHeaderShadow,
     _ref$headerProps2$isS = _ref$headerProps2.isStickyHeader,
     isStickyHeaderProps = _ref$headerProps2$isS === void 0 ? true : _ref$headerProps2$isS,
@@ -41,6 +49,7 @@ var ModalContent = function ModalContent(_ref) {
     footerRef = _ref$refs.footerRef,
     containerInnerRef = _ref$refs.containerInnerRef,
     containerBodyRef = _ref$refs.containerBodyRef,
+    containerWrapRef = _ref$refs.containerWrapRef,
     isEnabledNativeScroll = _ref.isEnabledNativeScroll,
     isGrayColorModal = _ref.isGrayColorModal,
     isDisabledBackgroundClick = _ref.isDisabledBackgroundClick,
@@ -60,7 +69,7 @@ var ModalContent = function ModalContent(_ref) {
     showHeaderShadow = _React$useState2[0],
     setShowHeaderShadow = _React$useState2[1];
   var showHeaderMain = !!showBackButton || !!headerTitle || !hideCloseButton;
-  var showHeader = showHeaderMain || !!headerAdditionalContent;
+  var showHeader = showHeaderMain || !!headerAdditionalContent || !!headerCustomContent;
   var isStickyHeader = showHeader && isStickyHeaderProps;
   var isStaticHeader = showHeader && !isStickyHeaderProps;
   var isStickyFooter = !!footer && !!isStickyFooterProps;
@@ -71,22 +80,34 @@ var ModalContent = function ModalContent(_ref) {
   }, []);
   var renderBackButton = /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.headerBackButton), {
     className: cn('header-button', {
-      back: true
+      back: true,
+      theme: buttonsTheme
     }, classes === null || classes === void 0 ? void 0 : classes.headerBackButton),
     type: "button",
-    onClick: onBackButtonClick
+    onClick: onBackButtonClick,
+    tabIndex: -1
   }), /*#__PURE__*/React.createElement("div", {
-    className: cn('header-inner')
+    className: cn('header-inner'),
+    role: "button",
+    tabIndex: 0
   }, /*#__PURE__*/React.createElement(ArrowLeft24, {
     className: cn('header-icon')
   })));
-  var renderCloseButton = /*#__PURE__*/React.createElement(ButtonClose, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.headerCloseButton), {
+  var renderCloseButton = /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.headerCloseButton), {
     className: cn('header-button', {
-      close: true
+      close: true,
+      theme: buttonsTheme
     }, classes === null || classes === void 0 ? void 0 : classes.headerCloseButton),
-    size: "medium",
-    onClick: onPopupClose
-  }));
+    type: "button",
+    onClick: onPopupClose,
+    tabIndex: -1
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cn('header-inner'),
+    role: "button",
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(Cancel24, {
+    className: cn('header-icon')
+  })));
   var renderHeader = /*#__PURE__*/React.createElement("div", {
     className: cn('header', {
       shadow: showHeaderShadow,
@@ -96,11 +117,13 @@ var ModalContent = function ModalContent(_ref) {
     ref: headerRef
   }, !!isOutSideHeaderButtons && showBackButton && renderBackButton, !isOutSideHeaderButtons && showHeaderMain && /*#__PURE__*/React.createElement("div", {
     className: cn('header-main')
-  }, showBackButton && renderBackButton, !!headerTitle && /*#__PURE__*/React.createElement("div", {
+  }, showBackButton && renderBackButton, !!headerCustomContent && /*#__PURE__*/React.createElement("div", {
+    className: cn('header-custom-content')
+  }, headerCustomContent), !!headerTitle && !headerCustomContent && /*#__PURE__*/React.createElement("div", {
     className: cn('title-area', classes === null || classes === void 0 ? void 0 : classes.titleArea)
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('title', classes === null || classes === void 0 ? void 0 : classes.title)
-  }, headerTitle)), !hideCloseButton && renderCloseButton), !!isOutSideHeaderButtons && !hideCloseButton && renderCloseButton, !!headerAdditionalContent && /*#__PURE__*/React.createElement("div", {
+  }, headerTitle)), !hideCloseButton && renderCloseButton), !!isOutSideHeaderButtons && !hideCloseButton && renderCloseButton, !!headerAdditionalContent && !headerCustomContent && /*#__PURE__*/React.createElement("div", {
     className: cn('header-additional')
   }, headerAdditionalContent));
   var renderFooter = /*#__PURE__*/React.createElement("div", {
@@ -150,6 +173,7 @@ var ModalContent = function ModalContent(_ref) {
     className: cn('background', classes === null || classes === void 0 ? void 0 : classes.background),
     onClick: isDisabledBackgroundClick ? undefined : onPopupClose
   })), /*#__PURE__*/React.createElement(CSSTransition, {
+    nodeRef: containerWrapRef,
     "in": isBottomTransitionIn,
     timeout: 190,
     onExited: onTransitionExited

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-modal-desktop__container-inner{border-radius:32px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-modal-desktop__container-inner{border-radius:32px;overflow:hidden}

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-modal-mobile{width:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-wrap{display:block;height:calc(var(--vh)*100 - 72px);width:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__children{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__children-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-content,.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-init,.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-root{height:100%}.mfui-9-modal-mobile__container-wrap{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-animation:show-popup-from-bottom .3s linear;animation:show-popup-from-bottom .3s linear;height:auto;justify-content:flex-end;max-height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.mfui-9-modal-mobile__container-wrap:before{content:"";display:block;-ms-flex-item-align:end;align-self:flex-end;background-color:var(--spbSky2);border-radius:10px;height:6px;margin:0 auto 8px;width:40px}.mfui-9-modal-mobile__container-wrap_move{-webkit-transition:none;transition:none}.mfui-9-modal-mobile__container-wrap_transition-end{-webkit-animation:hide-popup-to-bottom .2s linear forwards;animation:hide-popup-to-bottom .2s linear forwards}.mfui-9-modal-mobile__container-inner{-webkit-box-flex:0;-ms-flex-positive:0;border-top-left-radius:32px;border-top-right-radius:32px;flex-grow:0;height:auto}@-webkit-keyframes show-popup-from-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show-popup-from-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hide-popup-to-bottom{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes hide-popup-to-bottom{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-modal-mobile{width:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-wrap{display:block;height:calc(var(--vh)*100 - 72px);width:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__children{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__children-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-content,.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-init,.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-root{height:100%}.mfui-9-modal-mobile__container-wrap{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-animation:show-popup-from-bottom .3s linear;animation:show-popup-from-bottom .3s linear;height:auto;justify-content:flex-end;max-height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.mfui-9-modal-mobile__container-wrap:before{content:"";display:block;-ms-flex-item-align:end;align-self:flex-end;background-color:var(--spbSky2);border-radius:10px;height:6px;margin:0 auto 8px;width:40px}.mfui-9-modal-mobile__container-wrap_move{-webkit-transition:none;transition:none}.mfui-9-modal-mobile__container-wrap_transition-end{-webkit-animation:hide-popup-to-bottom .2s linear forwards;animation:hide-popup-to-bottom .2s linear forwards}.mfui-9-modal-mobile__container-inner{-webkit-box-flex:0;-ms-flex-positive:0;border-top-left-radius:32px;border-top-right-radius:32px;flex-grow:0;height:auto;overflow:hidden}@-webkit-keyframes show-popup-from-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show-popup-from-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hide-popup-to-bottom{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes hide-popup-to-bottom{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}

package/dist/es/components/Modal/_ModalMobile/ModalMobile.js

@@ -100,12 +100,11 @@ var ModalMobile = function ModalMobile(_a) {
       return;
     }
     window.cancelAnimationFrame(animationFrameId.current);
-    var containerCenterPosition = containerWrapNode.offsetTop + offsetHeightCenter;
-    var isMoreHalfClosed = ((_a = e.changedTouches[0]) === null || _a === void 0 ? void 0 : _a.clientY) > containerCenterPosition;
+    var isMoreHalfClosed = ((_a = e.changedTouches[0]) === null || _a === void 0 ? void 0 : _a.clientY) - (initialTouchPosition || 0) > offsetHeightCenter;
     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, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
+  }, [containerWrapRef, scrollBarScrollableRef, isTransitionMoveStep, initialTouchPosition, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
   React.useEffect(function () {
     if (isSwipeDisabled) {
       return undefined;

package/dist/es/components/NavArrow/NavArrow.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-nav-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;margin:0;outline:none;-webkit-transition:background-color .3s,opacity .3s;transition:background-color .3s,opacity .3s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-nav-arrow:disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-9-nav-arrow__icon{display:block;height:100%;width:100%;fill:var(--stcWhite)}.mfui-9-nav-arrow_size_middle{height:40px;padding:4px;width:40px}.mfui-9-nav-arrow_size_large{height:64px;padding:12px;width:64px}.mfui-9-nav-arrow_theme_purple{background-color:var(--brandPurple)}.mfui-9-nav-arrow_theme_purple:hover{background-color:var(--buttonHoverPurple)}.mfui-9-nav-arrow_theme_purple:active{background-color:var(--buttonDown)}.mfui-9-nav-arrow_theme_dark{background-color:var(--stcBlack20)}.mfui-9-nav-arrow_theme_dark:hover{background-color:var(--stcBlack50)}.mfui-9-nav-arrow_theme_dark:active{background-color:var(--buttonDown)}.mfui-9-nav-arrow_theme_white{background-color:var(--stcWhite);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-9-nav-arrow_theme_white:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-nav-arrow_theme_white:active{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.16);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.mfui-9-nav-arrow_theme_white .mfui-9-nav-arrow__icon{fill:var(--stcBlack)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-nav-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;margin:0;outline:none;-webkit-transition:background-color .3s,opacity .3s;transition:background-color .3s,opacity .3s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-nav-arrow: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-nav-arrow:focus{outline:none}.mfui-9-nav-arrow:disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-9-nav-arrow__icon{display:block;height:100%;width:100%;fill:var(--stcWhite)}.mfui-9-nav-arrow_size_middle{height:40px;padding:4px;width:40px}.mfui-9-nav-arrow_size_large{height:64px;padding:12px;width:64px}.mfui-9-nav-arrow_theme_purple{background-color:var(--brandPurple)}.mfui-9-nav-arrow_theme_purple:hover{background-color:var(--buttonHoverPurple)}.mfui-9-nav-arrow_theme_purple:active{background-color:var(--buttonDown)}.mfui-9-nav-arrow_theme_dark{background-color:var(--stcBlack20)}.mfui-9-nav-arrow_theme_dark:hover{background-color:var(--stcBlack50)}.mfui-9-nav-arrow_theme_dark:active{background-color:var(--buttonDown)}.mfui-9-nav-arrow_theme_white{background-color:var(--stcWhite);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-9-nav-arrow_theme_white:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-nav-arrow_theme_white:active{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.16);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.mfui-9-nav-arrow_theme_white .mfui-9-nav-arrow__icon{fill:var(--stcBlack)}

package/dist/es/components/NavArrow/NavArrow.js

@@ -6,28 +6,28 @@ var ArrowLeft24 = function ArrowLeft24(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M19.5 20.8L14.7 16l4.8-4.8-1.6-1.7-6.4 6.5 6.4 6.5z"
+    d: "M13.906 9.114a1.25 1.25 0 111.764 1.772l-3.871 3.853H23a1.25 1.25 0 110 2.5H11.777l3.893 3.875a1.25 1.25 0 01-1.764 1.772l-5.618-5.592a1.825 1.825 0 010-2.588l5.618-5.592z"
   }));
 };
 var ArrowRight24 = function ArrowRight24(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 ArrowLeft32 = function ArrowLeft32(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 40 40"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M24 26l-6-6 6-6-2-2-8 8 8 8z"
+    d: "M16.964 10.562a1.972 1.972 0 112.757 2.822l-4.732 4.628h14.538a1.973 1.973 0 010 3.947H14.96l4.762 4.657a1.973 1.973 0 11-2.757 2.822l-7.633-7.465a2.76 2.76 0 010-3.946l7.633-7.465z"
   }));
 };
 var ArrowRight32 = function ArrowRight32(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 40 40"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M16 26l6-6-6-6 2-2 8 8-8 8z"
+    d: "M19.996 10.594a1.972 1.972 0 012.79-.032l7.633 7.465a2.759 2.759 0 010 3.946l-7.634 7.465a1.972 1.972 0 11-2.756-2.822l4.732-4.628H10.223a1.973 1.973 0 010-3.947H24.79l-4.761-4.657a1.974 1.974 0 01-.033-2.79z"
   }));
 };
 export var Theme = {

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

@@ -13,46 +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"
+    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 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;

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;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 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)}
+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/PaginationNavigation/PaginationNavigation.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-pagination-navigation__icon{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-pagination-navigation__skip-icon-hover{height:20px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}.mfui-9-pagination-navigation__button_direction_left .mfui-9-pagination-navigation__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-9-pagination-navigation__button:disabled .mfui-9-pagination-navigation__arrow-icon{opacity:.25}.mfui-9-pagination-navigation__button:not(:disabled):hover .mfui-9-pagination-navigation__skip-icon-base{opacity:0}.mfui-9-pagination-navigation__button:not(:disabled):hover .mfui-9-pagination-navigation__skip-icon-hover{opacity:1}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-pagination-navigation__icon{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-pagination-navigation__skip-icon-base{height:20px;width:20px}.mfui-9-pagination-navigation__skip-icon-hover{height:20px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}.mfui-9-pagination-navigation__button_direction_left .mfui-9-pagination-navigation__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-9-pagination-navigation__button:disabled .mfui-9-pagination-navigation__arrow-icon{opacity:.25}.mfui-9-pagination-navigation__button:not(:disabled):hover .mfui-9-pagination-navigation__skip-icon-base{opacity:0}.mfui-9-pagination-navigation__button:not(:disabled):hover .mfui-9-pagination-navigation__skip-icon-hover{opacity:1}

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

@@ -6,18 +6,18 @@ import { cnCreate, detectTouch } from '@megafon/ui-helpers';
 import Tooltip from "../../../Tooltip/Tooltip";
 import PaginationButton from "../PaginationButton/PaginationButton";
 import "./PaginationNavigation.css";
-var NothingIcon = function NothingIcon(props) {
+var MoreIcon = function MoreIcon(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"
+    d: "M4 8a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z"
   }));
 };
 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) {
@@ -79,7 +79,7 @@ var PaginationNavigation = function PaginationNavigation(_ref) {
   }, [handleHover]);
   var renderIcon = function renderIcon() {
     if (variant === 'skip') {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NothingIcon, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoreIcon, {
         className: cn('skip-icon-base')
       }), !disabled && /*#__PURE__*/React.createElement(ArrowsRightIcon, {
         className: cn('skip-icon-hover')

package/dist/es/components/Parameter/Parameter.js

@@ -16,7 +16,9 @@ var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
+    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 = cnCreate('mfui-9-parameter');

package/dist/es/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}

package/dist/es/components/Row/Row.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-row{background-color:var(--base);border:none;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:12px 16px;position:relative;text-decoration:none;-webkit-transition:background-color,color,-webkit-box-shadow;transition:background-color,color,-webkit-box-shadow;transition:background-color,color,box-shadow;transition:background-color,color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}@media screen and (min-width:768px){.mfui-9-row{padding:20px 24px}}@media screen and (min-width:1024px){.mfui-9-row{padding:24px 32px}}.mfui-9-row:hover{text-decoration:none}.mfui-9-row__wrapper{width:100%}.mfui-9-row__icon-container,.mfui-9-row__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-row__icon-container{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:40px;justify-content:center;margin-right:8px;width:40px}@media screen and (max-width:767px){.mfui-9-row__icon-container{margin-left:-4px}}@media screen and (min-width:768px){.mfui-9-row__icon-container{height:48px;margin-right:12px;width:48px}}@media screen and (min-width:1024px){.mfui-9-row__icon-container{height:56px;margin-right:16px;width:56px}}.mfui-9-row__icon-container svg{fill:var(--content)}.mfui-9-row__icon-container_colored{background-color:var(--brandGreen20);border-radius:12px}.mfui-9-row__icon-container_colored svg{fill:var(--brandGreen)}.mfui-9-row__icon,.mfui-9-row__icon svg{height:32px;min-width:32px;width:32px}@media screen and (min-width:1024px){.mfui-9-row__icon,.mfui-9-row__icon svg{height:40px;min-width:40px;width:40px}}.mfui-9-row__header{margin-right:auto;padding-right:12px}@media screen and (max-width:767px){.mfui-9-row__title{font-size:15px;font-weight:500;line-height:24px}}.mfui-9-row__sub-title{color:var(--spbSky3);font-size:12px;line-height:18px;margin-top:2px}@media screen and (min-width:768px){.mfui-9-row__sub-title:not(.mfui-9-row_size_small){font-size:15px;line-height:24px;margin-top:4px}}.mfui-9-row__arrow{height:32px;min-width:32px;width:32px;fill:var(--spbSky3)}@media screen and (min-width:768px){.mfui-9-row__arrow{margin-left:4px}}@media screen and (min-width:1024px){.mfui-9-row__arrow{margin-left:12px}}.mfui-9-row__children{font-size:15px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.mfui-9-row__children{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}}@media screen and (min-width:768px) and (min-width:1280px){.mfui-9-row__children{font-size:20px;line-height:28px}}.mfui-9-row_view_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-row_view_stroke{background-color:inherit;border:1px solid var(--spbSky2)}.mfui-9-row_view_gray{background-color:var(--spbSky0)}.mfui-9-row_view_gray .mfui-9-row__icon-container{background-color:var(--base);border-radius:12px}.mfui-9-row_view_white{background-color:var(--base)}.mfui-9-row_pointer{cursor:pointer}.mfui-9-row_pointer.mfui-9-row_view_shadow:hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-row_pointer.mfui-9-row_view_shadow:hover:after{background-color:var(--stcWhite10);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mfui-9-row_pointer.mfui-9-row_view_stroke:hover{background-color:var(--spbSky0)}.mfui-9-row_pointer.mfui-9-row_view_gray:hover{background-color:var(--spbSky1)}.mfui-9-row_pointer.mfui-9-row_view_white:hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-row_pointer.mfui-9-row_view_white:hover:after{background-color:var(--stcWhite10);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mfui-9-row_has-arrow{padding-right:8px}@media screen and (min-width:768px){.mfui-9-row_has-arrow{padding-right:16px}}@media screen and (min-width:1024px){.mfui-9-row_has-arrow{padding-right:20px}.mfui-9-row_has-arrow.mfui-9-row_size_small{padding-right:16px}}@media screen and (min-width:768px){.mfui-9-row_size_small{padding:16px 24px 16px 20px}}@media screen and (min-width:1024px){.mfui-9-row_size_small{padding:20px 24px}.mfui-9-row_size_small .mfui-9-row__sub-title{font-size:15px;line-height:24px;margin-top:4px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-row_size_small .mfui-9-row__icon-container{height:40px;width:40px}.mfui-9-row_size_small .mfui-9-row__arrow{margin-right:-4px}}.mfui-9-row_size_small .mfui-9-row__children{font-size:15px;font-weight:500;line-height:24px}.mfui-9-row_auto-height{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-row{background-color:var(--base);border:none;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:12px 16px;position:relative;text-decoration:none;-webkit-transition:background-color,color,-webkit-box-shadow;transition:background-color,color,-webkit-box-shadow;transition:background-color,color,box-shadow;transition:background-color,color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-9-row: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-row:focus{outline:none}@media screen and (min-width:768px){.mfui-9-row{padding:20px 24px}}@media screen and (min-width:1024px){.mfui-9-row{padding:24px 32px}}.mfui-9-row:hover{text-decoration:none}.mfui-9-row__wrapper{width:100%}.mfui-9-row__icon-container,.mfui-9-row__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-row__icon-container{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:40px;justify-content:center;margin-right:8px;width:40px}@media screen and (max-width:767px){.mfui-9-row__icon-container{margin-left:-4px}}@media screen and (min-width:768px){.mfui-9-row__icon-container{height:48px;margin-right:12px;width:48px}}@media screen and (min-width:1024px){.mfui-9-row__icon-container{height:56px;margin-right:16px;width:56px}}.mfui-9-row__icon-container svg{fill:var(--content)}.mfui-9-row__icon-container_colored{background-color:var(--brandGreen20);border-radius:12px}.mfui-9-row__icon-container_colored svg{fill:var(--brandGreen)}.mfui-9-row__icon,.mfui-9-row__icon svg{height:32px;min-width:32px;width:32px}@media screen and (min-width:1024px){.mfui-9-row__icon,.mfui-9-row__icon svg{height:40px;min-width:40px;width:40px}}.mfui-9-row__header{margin-right:auto;padding-right:12px}@media screen and (max-width:767px){.mfui-9-row__title{font-size:15px;font-weight:500;line-height:24px}}.mfui-9-row__sub-title{color:var(--spbSky3);font-size:12px;line-height:18px;margin-top:2px}@media screen and (min-width:768px){.mfui-9-row__sub-title:not(.mfui-9-row_size_small){font-size:15px;line-height:24px;margin-top:4px}}.mfui-9-row__arrow{height:32px;min-width:32px;width:32px;fill:var(--spbSky3)}@media screen and (min-width:768px){.mfui-9-row__arrow{margin-left:4px}}@media screen and (min-width:1024px){.mfui-9-row__arrow{margin-left:12px}}.mfui-9-row__children{font-size:15px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.mfui-9-row__children{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}}@media screen and (min-width:768px) and (min-width:1280px){.mfui-9-row__children{font-size:20px;line-height:28px}}.mfui-9-row_view_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-row_view_stroke{background-color:inherit;border:1px solid var(--spbSky2)}.mfui-9-row_view_gray{background-color:var(--spbSky0)}.mfui-9-row_view_gray .mfui-9-row__icon-container{background-color:var(--base);border-radius:12px}.mfui-9-row_view_white{background-color:var(--base)}.mfui-9-row_pointer{cursor:pointer}.mfui-9-row_pointer.mfui-9-row_view_shadow:hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-row_pointer.mfui-9-row_view_shadow:hover:after{background-color:var(--stcWhite10);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mfui-9-row_pointer.mfui-9-row_view_stroke:hover{background-color:var(--spbSky0)}.mfui-9-row_pointer.mfui-9-row_view_gray:hover{background-color:var(--spbSky1)}.mfui-9-row_pointer.mfui-9-row_view_white:hover{-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-row_pointer.mfui-9-row_view_white:hover:after{background-color:var(--stcWhite10);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mfui-9-row_has-arrow{padding-right:8px}@media screen and (min-width:768px){.mfui-9-row_has-arrow{padding-right:16px}}@media screen and (min-width:1024px){.mfui-9-row_has-arrow{padding-right:20px}.mfui-9-row_has-arrow.mfui-9-row_size_small{padding-right:16px}}@media screen and (min-width:768px){.mfui-9-row_size_small{padding:16px 24px 16px 20px}}@media screen and (min-width:1024px){.mfui-9-row_size_small{padding:20px 24px}.mfui-9-row_size_small .mfui-9-row__sub-title{font-size:15px;line-height:24px;margin-top:4px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-row_size_small .mfui-9-row__icon-container{height:40px;width:40px}.mfui-9-row_size_small .mfui-9-row__arrow{margin-right:-4px}}.mfui-9-row_size_small .mfui-9-row__children{font-size:15px;font-weight:500;line-height:24px}.mfui-9-row_auto-height{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto}

package/dist/es/components/Row/Row.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import { cnCreate, convert, filterDataAttrs, textConvertConfig, titleConvertConfig } from '@megafon/ui-helpers';
 import Header from "../Header/Header";
 import Preloader from "../Preloader/Preloader";
 import "./Row.css";
@@ -8,7 +8,7 @@ var ArrowRight = function ArrowRight(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 cn = cnCreate('mfui-9-row');
@@ -56,6 +56,8 @@ var Row = function Row(_ref) {
     target: href ? target : undefined,
     rel: rel,
     onClick: handleClick
+  }, !!onClick && {
+    tabIndex: 0
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('wrapper')
   }, !!icon && /*#__PURE__*/React.createElement("div", {
@@ -70,9 +72,9 @@ var Row = function Row(_ref) {
     className: cn('title', [classes.title]),
     as: isSmallSize ? 'h5' : 'h3',
     space: isSmallSize ? 'tight' : 'wide'
-  }, title), !!subTitle && /*#__PURE__*/React.createElement("div", {
+  }, convert(title, titleConvertConfig)), !!subTitle && /*#__PURE__*/React.createElement("div", {
     className: cn('sub-title', [classes.subtitle])
-  }, subTitle)), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, convert(subTitle, textConvertConfig))), !showLoader ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: cn('children')
   }, children), showArrow && /*#__PURE__*/React.createElement(ArrowRight, _extends({
     className: cn('arrow')

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

@@ -32,6 +32,8 @@ export interface IScrollBarProps {
     getScrollBar?: (node: HTMLElement) => void;
     /** Ref обработчик для Scrollable element */
     getScrollable?: (node: HTMLElement) => void;
+    /** Событие скролла */
+    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
     children?: React.ReactNode;
 }
 declare const ScrollBar: React.FC<IScrollBarProps>;

package/dist/es/components/ScrollBar/ScrollBar.js

@@ -18,6 +18,7 @@ var ScrollBar = function ScrollBar(_ref) {
     showAlways = _ref.showAlways,
     getScrollBar = _ref.getScrollBar,
     getScrollable = _ref.getScrollable,
+    onScroll = _ref.onScroll,
     children = _ref.children;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -51,6 +52,9 @@ var ScrollBar = function ScrollBar(_ref) {
     var scrollContentOffsetHeight = scrollContentNode.offsetHeight;
     setIsInitialHide(scrollContentOffsetHeight <= maxHeight);
   }, [maxHeight]);
+  var handleScroll = function handleScroll(event) {
+    onScroll === null || onScroll === void 0 ? void 0 : onScroll(event);
+  };
   React.useEffect(function () {
     if (!scrollBarInitNode.current || !maxHeight) {
       return undefined;
@@ -88,7 +92,8 @@ var ScrollBar = function ScrollBar(_ref) {
     forceVisible: "y",
     ref: handleGetScrollBarRef,
     scrollableNodeProps: {
-      ref: handleGetScrollableRef
+      ref: handleGetScrollableRef,
+      onScroll: handleScroll
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('children-wrap', [classes === null || classes === void 0 ? void 0 : classes.childrenWrap])

package/dist/es/components/Search/Search.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}@-webkit-keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mfui-9-search{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;line-height:24px;min-height:40px;position:relative;z-index:auto}.mfui-9-search__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-9-search__control{border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none;position:relative;-webkit-transition:border-color .3s;transition:border-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.mfui-9-search__field_labeled::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field:focus::-webkit-input-placeholder{opacity:1}.mfui-9-search__field:focus::-moz-placeholder{opacity:1}.mfui-9-search__field:focus:-ms-input-placeholder{opacity:1}.mfui-9-search__field:focus::-ms-input-placeholder{opacity:1}.mfui-9-search__field:focus::placeholder{opacity:1}.mfui-9-search__field{display:block;position:relative;z-index:1;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;caret-color:var(--brandGreen);color:var(--content);cursor:text;flex-grow:1;font-family:inherit;font-size:100%;height:100%;line-height:24px;opacity:1;outline:none;overflow:auto;padding:0;resize:none;width:100%}@media screen and (max-width:767px){.mfui-9-search__field{width:90%}}.mfui-9-search__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;-webkit-transition:scale .5s,top .01s,-webkit-transform .5s;transition:scale .5s,top .01s,-webkit-transform .5s;transition:transform .5s,scale .5s,top .01s;transition:transform .5s,scale .5s,top .01s,-webkit-transform .5s;z-index:1}.mfui-9-search__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);display:none;left:-1px;position:absolute;right:-1px;top:calc(100% + 1px);z-index:0}.mfui-9-search__clear,.mfui-9-search__submit-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:100%;justify-content:center;padding:0;text-align:center}.mfui-9-search__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-width:none}.mfui-9-search__list-inner::-webkit-scrollbar{display:none}.mfui-9-search__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-9-search__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-9-search__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-9-search__popular-item{background-color:var(--base);border-radius:16px;cursor:pointer;min-height:48px;padding-left:12px;padding-right:16px;text-decoration:none}.mfui-9-search__popular-icon,.mfui-9-search__popular-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-search__popular-icon{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:16px;width:32px}.mfui-9-search__list-item_active,.mfui-9-search__popular-item_active{background-color:var(--spbSky0)}.mfui-9-search__item-title,.mfui-9-search__popular-item-title{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;white-space:nowrap}.mfui-9-search__item-title:after,.mfui-9-search__popular-item-title:after{background:var(--base);bottom:0;content:"";-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--base) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);position:absolute;right:0;top:0;width:40px}.mfui-9-search__list-item_active .mfui-9-search__item-title:after,.mfui-9-search__popular-item_active .mfui-9-search__popular-item-title:after{background:var(--spbSky0);-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%)}.mfui-9-search__notice{font-size:12px;line-height:16px;margin-top:4px}.mfui-9-search__notice_error{color:var(--fury)}.mfui-9-search__notice_success{color:var(--brandGreen)}.mfui-9-search__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.mfui-9-search__list_not-found{cursor:default}.mfui-9-search__not-found-text{background-color:var(--base);color:var(--spbSky3);font-family:inherit;padding:12px 32px}.mfui-9-search__not-found-text_show-popular{border-bottom:1px solid var(--spbSky2);padding:0 0 16px}.mfui-9-search__popular-title{padding-bottom:8px;padding-top:16px}.mfui-9-search_open{z-index:12}.mfui-9-search_open .mfui-9-search__list{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:listAppear;animation-name:listAppear;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:block}.mfui-9-search_type_textfield .mfui-9-search__control{background-color:var(--base);border-color:var(--spbSky2);border-radius:16px;height:60px;padding:0 16px}.mfui-9-search_type_textfield .mfui-9-search__control:hover,.mfui-9-search_type_textfield .mfui-9-search__control_focused{border-color:var(--content)}.mfui-9-search_type_textfield .mfui-9-search__label{top:17px}.mfui-9-search_type_textfield .mfui-9-search__field:focus+.mfui-9-search__label,.mfui-9-search_type_textfield .mfui-9-search__field_filled+.mfui-9-search__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition:scale .2s,top .01s,-webkit-transform .2s;transition:scale .2s,top .01s,-webkit-transform .2s;transition:transform .2s,scale .2s,top .01s;transition:transform .2s,scale .2s,top .01s,-webkit-transform .2s}.mfui-9-search_type_textfield .mfui-9-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-9-search_type_textfield .mfui-9-search__submit-icon{height:32px;width:32px;fill:var(--content)}.mfui-9-search_textarea .mfui-9-search__control{height:auto;min-height:60px}.mfui-9-search_textarea .mfui-9-search__field{-webkit-box-sizing:content-box;box-sizing:content-box;max-height:204px;padding-bottom:9px;padding-top:17px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-9-search_textarea .mfui-9-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-9-search_textarea .mfui-9-search__icons{height:58px;margin-left:8px}.mfui-9-search_textarea .mfui-9-search__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-9-search__textarea-wrapper{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;width:100%}.mfui-9-search_type_textfield.mfui-9-search_disabled .mfui-9-search__control{background-color:var(--spbSky1);border-color:var(--spbSky1)}.mfui-9-search_type_textfield.mfui-9-search_disabled .mfui-9-search__submit-icon{opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-9-search_type_compact .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky0);border-radius:12px;height:40px;padding:0 12px;-webkit-transition:background-color,border-color .3s;transition:background-color,border-color .3s}.mfui-9-search_type_compact .mfui-9-search__control:hover{background-color:var(--spbSky1)}.mfui-9-search_type_compact .mfui-9-search__field{height:100%;padding:8px 0 8px 12px}.mfui-9-search_type_compact .mfui-9-search__label{left:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mfui-9-search_type_compact .mfui-9-search__field:focus+.mfui-9-search__label,.mfui-9-search_type_compact .mfui-9-search__field_filled+.mfui-9-search__label{opacity:0}.mfui-9-search_type_compact .mfui-9-search__submit-icon{height:20px;width:20px;fill:var(--spbSky3)}.mfui-9-search_type_compact .mfui-9-search__clear{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:12px;padding:0;width:24px}.mfui-9-search_type_compact .mfui-9-search__clear-icon{height:24px;width:24px;fill:var(--spbSky3)}.mfui-9-search_type_compact .mfui-9-search__clear-icon:hover{fill:var(--content)}.mfui-9-search_type_compact .mfui-9-search__clear-icon:active{fill:var(--buttonDown)}.mfui-9-search_type_compact.mfui-9-search_open .mfui-9-search__control{background-color:var(--spbSky1)}.mfui-9-search_type_compact.mfui-9-search_open .mfui-9-search__submit-icon{fill:var(--content)}.mfui-9-search_disabled .mfui-9-search__control{cursor:default;pointer-events:none}.mfui-9-search_disabled .mfui-9-search__submit-icon{opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-9-search_error .mfui-9-search__control{border-color:var(--fury)}.mfui-9-search_success .mfui-9-search__control{border-color:var(--brandGreen)}.mfui-9-search__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-9-search__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-9-search__resizer:active svg,.mfui-9-search__resizer:hover svg{stroke:var(--spbSky3)}
+h1,h2,h3,h4,h5{margin:0}@-webkit-keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mfui-9-search{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;line-height:24px;min-height:40px;position:relative;z-index:auto}.mfui-9-search__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-9-search__control{border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none;position:relative;-webkit-transition:border-color .3s;transition:border-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.mfui-9-search__field_labeled::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field_labeled::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-9-search__field:focus::-webkit-input-placeholder{opacity:1}.mfui-9-search__field:focus::-moz-placeholder{opacity:1}.mfui-9-search__field:focus:-ms-input-placeholder{opacity:1}.mfui-9-search__field:focus::-ms-input-placeholder{opacity:1}.mfui-9-search__field:focus::placeholder{opacity:1}.mfui-9-search__field{display:block;position:relative;z-index:1;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;caret-color:var(--brandGreen);color:var(--content);cursor:text;flex-grow:1;font-family:inherit;font-size:100%;height:100%;line-height:24px;opacity:1;outline:none;overflow:auto;padding:0;resize:none;width:100%}@media screen and (max-width:767px){.mfui-9-search__field{width:90%}}.mfui-9-search__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;-webkit-transition:scale .5s,top .01s,-webkit-transform .5s;transition:scale .5s,top .01s,-webkit-transform .5s;transition:transform .5s,scale .5s,top .01s;transition:transform .5s,scale .5s,top .01s,-webkit-transform .5s;z-index:1}.mfui-9-search__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);display:none;left:-1px;position:absolute;right:-1px;top:calc(100% + 1px);z-index:0}.mfui-9-search__clear,.mfui-9-search__submit-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:100%;justify-content:center;padding:0;text-align:center}.mfui-9-search__submit-button:focus-visible{outline:none}.mfui-9-search__submit-button:focus-visible .mfui-9-search__submit-icon{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;border-radius:12px;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-search__clear:focus-visible{outline:none}.mfui-9-search__clear:focus-visible .mfui-9-search__clear-icon{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;border-radius:12px;outline-offset:2px}.mfui-9-search__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-width:none}.mfui-9-search__list-inner::-webkit-scrollbar{display:none}.mfui-9-search__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-9-search__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-9-search__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-9-search__popular-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);border-radius:16px;cursor:pointer;min-height:48px;padding-left:12px;padding-right:16px;text-decoration:none}.mfui-9-search__popular-item:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-search__popular-item:focus{outline:none}.mfui-9-search__popular-icon{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;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:16px;width:32px}.mfui-9-search__list-item_active,.mfui-9-search__popular-item_active{background-color:var(--spbSky0)}.mfui-9-search__item-title,.mfui-9-search__popular-item-title{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;white-space:nowrap}.mfui-9-search__item-title:after,.mfui-9-search__popular-item-title:after{background:var(--base);bottom:0;content:"";-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--base) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);position:absolute;right:0;top:0;width:40px}.mfui-9-search__list-item_active .mfui-9-search__item-title:after,.mfui-9-search__popular-item_active .mfui-9-search__popular-item-title:after{background:var(--spbSky0);-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%)}.mfui-9-search__notice{color:var(--spbSky3);font-size:12px;line-height:16px;margin-top:4px}.mfui-9-search__notice_error{color:var(--fury)}.mfui-9-search__notice_success{color:var(--brandGreen)}.mfui-9-search__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.mfui-9-search__list_not-found{cursor:default}.mfui-9-search__not-found-text{background-color:var(--base);color:var(--spbSky3);font-family:inherit;padding:12px 32px}.mfui-9-search__not-found-text_show-popular{border-bottom:1px solid var(--spbSky2);padding:0 0 16px}.mfui-9-search__popular-title{padding-bottom:8px;padding-top:16px}.mfui-9-search_open{z-index:12}.mfui-9-search_open .mfui-9-search__list{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:listAppear;animation-name:listAppear;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:block}.mfui-9-search_type_textfield .mfui-9-search__control{background-color:var(--base);border-color:var(--spbSky2);border-radius:16px;height:60px;padding:0 16px}.mfui-9-search_type_textfield .mfui-9-search__control:hover,.mfui-9-search_type_textfield .mfui-9-search__control_focused{border-color:var(--content)}.mfui-9-search_type_textfield .mfui-9-search__label{top:17px}.mfui-9-search_type_textfield .mfui-9-search__field:focus+.mfui-9-search__label,.mfui-9-search_type_textfield .mfui-9-search__field_filled+.mfui-9-search__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition:scale .2s,top .01s,-webkit-transform .2s;transition:scale .2s,top .01s,-webkit-transform .2s;transition:transform .2s,scale .2s,top .01s;transition:transform .2s,scale .2s,top .01s,-webkit-transform .2s}.mfui-9-search_type_textfield .mfui-9-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-9-search_type_textfield .mfui-9-search__submit-icon{height:32px;width:32px;fill:var(--content)}.mfui-9-search_textarea .mfui-9-search__control{height:auto;min-height:60px}.mfui-9-search_textarea .mfui-9-search__field{-webkit-box-sizing:content-box;box-sizing:content-box;max-height:204px;padding-bottom:9px;padding-top:17px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-9-search_textarea .mfui-9-search__field_labeled{padding-bottom:9px;padding-top:25px}.mfui-9-search_textarea .mfui-9-search__icons{height:58px;margin-left:8px}.mfui-9-search_textarea .mfui-9-search__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-9-search__textarea-wrapper{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;width:100%}.mfui-9-search_type_textfield.mfui-9-search_disabled .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky2)}.mfui-9-search_type_textfield.mfui-9-search_disabled .mfui-9-search__submit-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--spbSky2)}.mfui-9-search_type_compact .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky0);border-radius:12px;height:40px;padding:0 12px;-webkit-transition:background-color,border-color .3s;transition:background-color,border-color .3s}.mfui-9-search_type_compact .mfui-9-search__control:hover{background-color:var(--spbSky1)}.mfui-9-search_type_compact .mfui-9-search__field{height:100%;padding:8px 0 8px 12px}.mfui-9-search_type_compact .mfui-9-search__label{left:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mfui-9-search_type_compact .mfui-9-search__field:focus+.mfui-9-search__label,.mfui-9-search_type_compact .mfui-9-search__field_filled+.mfui-9-search__label{opacity:0}.mfui-9-search_type_compact .mfui-9-search__submit-icon{height:20px;width:20px;fill:var(--content)}.mfui-9-search_type_compact .mfui-9-search__clear{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:12px;padding:0;width:24px}.mfui-9-search_type_compact .mfui-9-search__clear-icon{height:24px;width:24px;fill:var(--spbSky3)}.mfui-9-search_type_compact .mfui-9-search__clear-icon:hover{fill:var(--content)}.mfui-9-search_type_compact .mfui-9-search__clear-icon:active{fill:var(--buttonDown)}.mfui-9-search_type_compact.mfui-9-search_open .mfui-9-search__control{background-color:var(--spbSky1)}.mfui-9-search_type_compact.mfui-9-search_disabled .mfui-9-search__field{color:var(--spbSky3)}.mfui-9-search_compact-theme_white .mfui-9-search__control{background-color:var(--base);border-color:var(--base)}.mfui-9-search_compact-theme_white .mfui-9-search__control:hover{background-color:var(--base)}.mfui-9-search_compact-theme_white.mfui-9-search_disabled .mfui-9-search__control{background-color:var(--spbSky0);border-color:var(--spbSky2)}.mfui-9-search_compact-theme_white.mfui-9-search_open .mfui-9-search__control{background-color:var(--base)}.mfui-9-search_disabled .mfui-9-search__control{cursor:default;pointer-events:none}.mfui-9-search_disabled .mfui-9-search__submit-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--spbSky2)}.mfui-9-search_error .mfui-9-search__control{border-color:var(--fury)}.mfui-9-search_success .mfui-9-search__control{border-color:var(--brandGreen)}.mfui-9-search__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-9-search__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-9-search__resizer:active svg,.mfui-9-search__resizer:hover svg{stroke:var(--spbSky3)}

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

@@ -50,6 +50,8 @@ export interface ISearchProps {
     value?: string;
     /** Вид отображения */
     type?: 'textfield' | 'compact';
+    /** Цветовая тема для типа compact */
+    compactTheme?: 'default' | 'white';
     /** Включить режим textarea */
     textarea?: boolean;
     /** Заголовок поля */

package/dist/es/components/Search/Search.js

@@ -19,28 +19,32 @@ var SearchIcon16 = function SearchIcon16(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M17 9a7 7 0 10-3.32 6l2.49 3 .77-.64-2.47-3A7 7 0 0017 9zM4 9a6 6 0 116 6 6 6 0 01-6-6z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.055 2.305a6.5 6.5 0 014.698 10.989l2.657 2.657a.5.5 0 01-.707.707l-2.695-2.695A6.5 6.5 0 119.055 2.305zm0 1a5.5 5.5 0 000 11 5.476 5.476 0 003.587-1.334.5.5 0 01.136-.12 5.5 5.5 0 00-3.723-9.547z"
   }));
 };
 var SearchIcon = function SearchIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M16 24a9.94 9.94 0 005.7-1.8l4.83 5.8L28 26.72l-4.78-5.82A10 10 0 1016 24zm0-18a8 8 0 11-8 8 8 8 0 018-8z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.336 3.68c5.668 0 10.262 4.595 10.263 10.263 0 2.79-1.115 5.317-2.921 7.167l4.166 4.208a.801.801 0 01-1.137 1.126l-4.232-4.275a10.216 10.216 0 01-6.14 2.038c-5.667 0-10.263-4.596-10.263-10.264 0-5.668 4.596-10.262 10.264-10.262zm0 1.6a8.664 8.664 0 000 17.327 8.626 8.626 0 005.601-2.058.832.832 0 01.15-.128 8.664 8.664 0 00-5.751-15.14z"
   }));
 };
 var ClearIcon = function ClearIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    className: "ClearIcon__st0",
-    d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
+    d: "M5.762 5.76a1 1 0 011.415 0l2.795 2.79 2.788-2.785a1.001 1.001 0 011.415 1.414l-2.788 2.785 2.789 2.787a1 1 0 01-1.414 1.414l-2.79-2.787-2.796 2.794A1 1 0 115.76 12.76l2.796-2.794-2.795-2.792a1 1 0 010-1.414z"
   }));
 };
 var ResizeIcon = function ResizeIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 12,
-    height: 12
+    height: 12,
+    viewBox: "0 0 12 12"
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M1 11L11 1M7 11l4-4"
   }));
@@ -86,6 +90,7 @@ var Search = function Search(_ref) {
     classes = _ref.classes,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'textfield' : _ref$type,
+    compactTheme = _ref.compactTheme,
     textarea = _ref.textarea,
     showLoader = _ref.showLoader,
     showNotFound = _ref.showNotFound,
@@ -543,14 +548,16 @@ var Search = function Search(_ref) {
     ref: getFieldRef
   })), label && renderLabel));
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
+    className: cn(_extends({
       open: isFocused,
       disabled: disabled,
       type: type,
       textarea: isTextarea,
       error: verification === Verification.ERROR,
       success: verification === Verification.VALID
-    }, [className])
+    }, isCompact && {
+      'compact-theme': compactTheme
+    }), [className])
   }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.control), {
     className: cn('control', {
       focused: isTextareaResizing

package/dist/es/components/SectionAccordionGroup/SectionAccordionGroup.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-9-section-accordion-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-section-accordion-group__item{background-color:var(--base);overflow:hidden;-webkit-transition:margin-top .3s ease-out,border-radius .3s ease-out;transition:margin-top .3s ease-out,border-radius .3s ease-out}.mfui-9-section-accordion-group__item:has(.mfui-9-section-accordion-group__header:focus-visible){-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px;position:relative;z-index:1}@-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-section-accordion-group__item_closed-single{border-radius:24px}.mfui-9-section-accordion-group__item_closed-single .mfui-9-section-accordion-group__header{padding:20px 16px}.mfui-9-section-accordion-group__item_closed-top{border-radius:24px 24px 8px 8px}.mfui-9-section-accordion-group__item_closed-top .mfui-9-section-accordion-group__header{padding:20px 16px 16px}.mfui-9-section-accordion-group__item_closed-middle{border-radius:8px}.mfui-9-section-accordion-group__item_closed-middle .mfui-9-section-accordion-group__header{padding:16px}.mfui-9-section-accordion-group__item_closed-bottom{border-radius:8px 8px 24px 24px}.mfui-9-section-accordion-group__item_closed-bottom .mfui-9-section-accordion-group__header{padding:16px 16px 20px}.mfui-9-section-accordion-group__item_opened{border-radius:24px}.mfui-9-section-accordion-group__item_opened .mfui-9-section-accordion-group__header{padding:20px 16px 16px}.mfui-9-section-accordion-group__item_closed+.mfui-9-section-accordion-group__item_closed{margin-top:1px}.mfui-9-section-accordion-group__item_closed+.mfui-9-section-accordion-group__item_opened,.mfui-9-section-accordion-group__item_opened+.mfui-9-section-accordion-group__item_closed{margin-top:12px}@media screen and (min-width:1024px){.mfui-9-section-accordion-group__item_closed+.mfui-9-section-accordion-group__item_opened,.mfui-9-section-accordion-group__item_opened+.mfui-9-section-accordion-group__item_closed{margin-top:24px}}.mfui-9-section-accordion-group__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;cursor:pointer;justify-content:space-between;width:100%;-webkit-tap-highlight-color:transparent;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.mfui-9-section-accordion-group__header:focus,.mfui-9-section-accordion-group__header:focus-visible{outline:none}@media screen and (max-width:767px){.mfui-9-section-accordion-group__header:active{background-color:var(--spbSky1)}}@media screen and (min-width:1024px){.mfui-9-section-accordion-group__header:hover{background-color:var(--spbSky1)}.mfui-9-section-accordion-group__header:hover+.mfui-9-section-accordion-group__divider{background-color:var(--spbSky1);margin:0;opacity:1}.mfui-9-section-accordion-group__header:hover+.mfui-9-section-accordion-group__divider_visible{opacity:0}}.mfui-9-section-accordion-group__header-left,.mfui-9-section-accordion-group__header-right{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-section-accordion-group__icon{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;-webkit-box-pack:center;-ms-flex-pack:center;height:24px;justify-content:center;width:24px}.mfui-9-section-accordion-group__icon svg{fill:var(--brandGreen)}.mfui-9-section-accordion-group__title{font-size:15px;font-weight:500;line-height:24px}.mfui-9-section-accordion-group__arrow-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:50%;height:24px;justify-content:center;width:24px}@media screen and (min-width:768px){.mfui-9-section-accordion-group__arrow-wrapper{height:32px;width:32px}}.mfui-9-section-accordion-group__arrow-icon{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.mfui-9-section-accordion-group__item_opened .mfui-9-section-accordion-group__arrow-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-9-section-accordion-group__divider{background-color:var(--spbSky1);height:1px;opacity:0;-webkit-transition:opacity .3s ease-out,height .3s ease-out,margin .3s ease-out;transition:opacity .3s ease-out,height .3s ease-out,margin .3s ease-out}@media screen and (max-width:767px){.mfui-9-section-accordion-group__divider{margin:0 16px}}.mfui-9-section-accordion-group__divider_visible{margin:0 16px;opacity:1}.mfui-9-section-accordion-group__content-inner{padding:12px 16px 16px}.mfui-9-section-accordion-group__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}