@megafon/ui-shared 8.8.2 → 9.0.0-alpha.0

package/dist/es/components/AccordionBox/AccordionBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-accordion-box+.mfui-accordion-box{margin-top:8px}@media screen and (min-width:768px){.mfui-accordion-box+.mfui-accordion-box{margin-top:12px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-accordion-box+.mfui-9-accordion-box{margin-top:8px}@media screen and (min-width:768px){.mfui-9-accordion-box+.mfui-9-accordion-box{margin-top:12px}}

package/dist/es/components/AccordionBox/AccordionBox.js

@@ -15,7 +15,7 @@ import { cnCreate } from '@megafon/ui-helpers';
 import "./AccordionBox.css";
 import { getColumnConfig } from "../../helpers/getColumnConfig";
 var testIdPrefix = 'AccordionBox';
-var cn = cnCreate('mfui-accordion-box');
+var cn = cnCreate('mfui-9-accordion-box');
 var AccordionBox = function AccordionBox(_a) {
   var _a$hCenterAlignWide = _a.hCenterAlignWide,
     hCenterAlignWide = _a$hCenterAlignWide === void 0 ? false : _a$hCenterAlignWide,

package/dist/es/components/AudioPlayer/AudioPlayer.js

@@ -20,7 +20,7 @@ var IconPlay = function IconPlay(props) {
     d: "M11.5 22.13V9.87a.5.5 0 01.752-.431l10.508 6.13a.5.5 0 010 .863l-10.508 6.13a.5.5 0 01-.752-.433z"
   }));
 };
-var cn = cnCreate('mfui-audio-player');
+var cn = cnCreate('mfui-9-audio-player');
 var AudioPlayer = function AudioPlayer(_ref) {
   var audioSrc = _ref.audioSrc,
     audioTitle = _ref.audioTitle,

package/dist/es/components/AudioPlayer/AudioProgress.js

@@ -8,7 +8,7 @@ import useTrackDuration from "./hooks/useTrackDuration";
 import timerFormat from "./timerFormatUtil";
 import "./style/AudioProgress.css";
 export var INTERVAL_DELAY = 1000;
-var cn = cnCreate('mfui-audio-progress');
+var cn = cnCreate('mfui-9-audio-progress');
 var AudioProgress = function AudioProgress(_ref) {
   var audioRef = _ref.audioRef,
     audioTitle = _ref.audioTitle,

package/dist/es/components/AudioPlayer/AudioRange.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./style/AudioRange.css";
-var cn = cnCreate('mfui-audio-range');
+var cn = cnCreate('mfui-9-audio-range');
 var AudioRange = function AudioRange(_ref) {
   var className = _ref.className,
     maxValue = _ref.maxValue,

package/dist/es/components/AudioPlayer/AudioVolume.js

@@ -24,7 +24,7 @@ var VolumeIcon = function VolumeIcon(props) {
     d: "M16.5 12c0 1.426-.7 2.701-1.8 3.548-.3.23-.7-.004-.7-.382V8.834c0-.378.4-.613.7-.382 1.1.847 1.8 2.122 1.8 3.548z"
   }));
 };
-var cn = cnCreate('mfui-audio-volume');
+var cn = cnCreate('mfui-9-audio-volume');
 var AudioVolume = function AudioVolume(_ref) {
   var onChangeAudioVolume = _ref.onChangeAudioVolume;
   var tooltipTrigger = React.useRef(null);

package/dist/es/components/AudioPlayer/style/AudioPlayer.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-audio-player{margin-top:24px}.mfui-audio-player__player{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;background:var(--spbSky0);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;padding:16px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-audio-player__player{max-width:530px}}@media screen and (min-width:1024px){.mfui-audio-player__player{max-width:550px}}.mfui-audio-player__playing-controls{margin-right:16px}.mfui-audio-player_position_center .mfui-audio-player__player{margin:0 auto}.mfui-audio-player_position_left .mfui-audio-player__player{margin-right:auto}.mfui-audio-player_position_right .mfui-audio-player__player{margin-left:auto}@media screen and (min-width:768px) and (max-width:1023px){.mfui-audio-player_full-width .mfui-audio-player__player{max-width:100%}}@media screen and (min-width:1024px){.mfui-audio-player_full-width .mfui-audio-player__player{max-width:100%}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-audio-player{margin-top:24px}.mfui-9-audio-player__player{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;background:var(--spbSky0);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;padding:16px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-audio-player__player{max-width:530px}}@media screen and (min-width:1024px){.mfui-9-audio-player__player{max-width:550px}}.mfui-9-audio-player__playing-controls{margin-right:16px}.mfui-9-audio-player_position_center .mfui-9-audio-player__player{margin:0 auto}.mfui-9-audio-player_position_left .mfui-9-audio-player__player{margin-right:auto}.mfui-9-audio-player_position_right .mfui-9-audio-player__player{margin-left:auto}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-audio-player_full-width .mfui-9-audio-player__player{max-width:100%}}@media screen and (min-width:1024px){.mfui-9-audio-player_full-width .mfui-9-audio-player__player{max-width:100%}}

package/dist/es/components/AudioPlayer/style/AudioProgress.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-audio-progress{margin-right:16px;width:100%}.mfui-audio-progress__info{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;justify-content:space-between}.mfui-audio-progress__value{color:var(-spbSky3);font-size:12px;line-height:18px}.mfui-audio-progress__range-wrapper{margin-top:-2px}.mfui-audio-progress__title{color:var(--stcBlack);font-size:12px;line-height:18px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-audio-progress{margin-right:16px;width:100%}.mfui-9-audio-progress__info{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;justify-content:space-between}.mfui-9-audio-progress__value{color:var(-spbSky3);font-size:12px;line-height:18px}.mfui-9-audio-progress__range-wrapper{margin-top:-2px}.mfui-9-audio-progress__title{color:var(--stcBlack);font-size:12px;line-height:18px}

package/dist/es/components/AudioPlayer/style/AudioRange.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-audio-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky2);background-image:-webkit-gradient(linear,left top,left bottom,from(#00b956),to(#00b956));background-image:linear-gradient(#00b956,#00b956);background-repeat:no-repeat;border-radius:2px;cursor:pointer;height:4px;width:100%}.mfui-audio-range:focus{outline:none}.mfui-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 9px fade(#000,15%);box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-moz-range-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-ms-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-audio-range::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-audio-range::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-audio-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky2);background-image:-webkit-gradient(linear,left top,left bottom,from(#00b956),to(#00b956));background-image:linear-gradient(#00b956,#00b956);background-repeat:no-repeat;border-radius:2px;cursor:pointer;height:4px;width:100%}.mfui-9-audio-range:focus{outline:none}.mfui-9-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 9px fade(#000,15%);box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-9-audio-range::-moz-range-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-9-audio-range::-ms-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-9-audio-range::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-audio-range::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-audio-range::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}

package/dist/es/components/AudioPlayer/style/AudioVolume.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-audio-volume{width:24px}.mfui-audio-volume__tooltip-content{border-radius:12px;padding:7px 16px 14px}.mfui-audio-volume__tooltip-content-shadow{border-radius:12px}.mfui-audio-volume__icon{cursor:pointer;display:none;height:24px;min-width:24px;width:24px;fill:var(--brandGreen)}.mfui-audio-volume__icon_visible{display:block}.mfui-audio-volume__icon:hover{fill:var(--buttonHoverGreen)}.mfui-audio-volume__range{max-width:128px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-audio-volume{width:24px}.mfui-9-audio-volume__tooltip-content{border-radius:12px;padding:7px 16px 14px}.mfui-9-audio-volume__tooltip-content-shadow{border-radius:12px}.mfui-9-audio-volume__icon{cursor:pointer;display:none;height:24px;min-width:24px;width:24px;fill:var(--brandGreen)}.mfui-9-audio-volume__icon_visible{display:block}.mfui-9-audio-volume__icon:hover{fill:var(--buttonHoverGreen)}.mfui-9-audio-volume__range{max-width:128px}

package/dist/es/components/BannerBox/BannerBox.js

@@ -11,7 +11,7 @@ var __rest = this && this.__rest || function (s, e) {
 import * as React from 'react';
 import { Banner } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
-var cn = cnCreate('mfui-banner-box');
+var cn = cnCreate('mfui-9-banner-box');
 var BannerBox = function BannerBox(_a) {
   var children = _a.children,
     props = __rest(_a, ["children"]);

package/dist/es/components/BenefitsIcons/BenefitsIcons.js

@@ -11,7 +11,7 @@ import getMultiColumnConfig, { getOneColumnConfig } from "./helpers";
 import { IconPositionEnum, ItemsAlignEnum } from "./types";
 import "./style/BenefitsIcons.css";
 var testIdPrefix = 'BenefitsIcons';
-var cn = cnCreate('mfui-benefits-icons');
+var cn = cnCreate('mfui-9-benefits-icons');
 var BenefitsIcons = function BenefitsIcons(_ref) {
   var dataAttrs = _ref.dataAttrs,
     rootRef = _ref.rootRef,

package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js

@@ -4,7 +4,7 @@ import { Header } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./style/BenefitsIconsTile.css";
 var testIdPrefix = 'BenefitsIconsTile';
-var cn = cnCreate('mfui-benefits-icons-tile');
+var cn = cnCreate('mfui-9-benefits-icons-tile');
 var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
   var dataAttrs = _ref.dataAttrs,
     _ref$classes = _ref.classes,

package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-benefits-icons{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mfui-benefits-icons__inner{margin-bottom:-20px}.mfui-benefits-icons_background_transparent .mfui-benefits-icons__inner{margin-bottom:-48px}.mfui-benefits-icons__column{margin-bottom:20px}.mfui-benefits-icons_background_transparent .mfui-benefits-icons__column{margin-bottom:48px}.mfui-benefits-icons_one-column .mfui-benefits-icons__inner{margin-bottom:-24px}@media screen and (max-width:767px){.mfui-benefits-icons_one-column .mfui-benefits-icons__inner{margin-bottom:-32px}}.mfui-benefits-icons_one-column .mfui-benefits-icons__column{margin-bottom:24px}@media screen and (max-width:767px){.mfui-benefits-icons_one-column .mfui-benefits-icons__column{margin-bottom:32px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-benefits-icons{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mfui-9-benefits-icons__inner{margin-bottom:-20px}.mfui-9-benefits-icons_background_transparent .mfui-9-benefits-icons__inner{margin-bottom:-48px}.mfui-9-benefits-icons__column{margin-bottom:20px}.mfui-9-benefits-icons_background_transparent .mfui-9-benefits-icons__column{margin-bottom:48px}.mfui-9-benefits-icons_one-column .mfui-9-benefits-icons__inner{margin-bottom:-24px}@media screen and (max-width:767px){.mfui-9-benefits-icons_one-column .mfui-9-benefits-icons__inner{margin-bottom:-32px}}.mfui-9-benefits-icons_one-column .mfui-9-benefits-icons__column{margin-bottom:24px}@media screen and (max-width:767px){.mfui-9-benefits-icons_one-column .mfui-9-benefits-icons__column{margin-bottom:32px}}

package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-benefits-icons-tile{border-radius:24px;min-height:100%;padding:24px}.mfui-benefits-icons-tile_background_transparent{padding:0}.mfui-benefits-icons-tile_background_gray{background-color:var(--spbSky0)}.mfui-benefits-icons-tile_background_green{background-color:var(--brandGreen20)}.mfui-benefits-icons-tile_background_purple{background-color:var(--brandPurple20)}.mfui-benefits-icons-tile_background_white{background-color:var(--base)}.mfui-benefits-icons-tile_background_stroke{border:1px solid var(--spbSky2)}.mfui-benefits-icons-tile .mfui-benefits-icons-tile__svg-icon{margin-bottom:10px}.mfui-benefits-icons-tile__content{font-size:15px;font-weight:400;line-height:24px}.mfui-benefits-icons-tile__title+.mfui-benefits-icons-tile__content{margin-top:4px}.mfui-benefits-icons-tile__text{margin-bottom:0}.mfui-benefits-icons-tile__img-icon{border-radius:8px;height:64px;width:64px}.mfui-benefits-icons-tile__svg-icon{height:40px;overflow:hidden;width:40px}.mfui-benefits-icons-tile__svg-icon svg{fill:var(--brandGreen)!important}.mfui-benefits-icons-tile_background_purple .mfui-benefits-icons-tile__svg-icon svg{fill:var(--brandPurple)!important}.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__inner{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__content-wrapper{padding-top:8px}.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__img-icon,.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__svg-icon{-ms-flex-negative:0;flex-shrink:0;margin-bottom:0;margin-right:14px}.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__content-wrapper{padding-top:0}.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__img-icon,.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__svg-icon{-ms-flex-item-align:start;align-self:start}.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__inner{text-align:center}.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__img-icon,.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__svg-icon{margin-left:auto;margin-right:auto}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-benefits-icons-tile{border-radius:24px;min-height:100%;padding:24px}.mfui-9-benefits-icons-tile_background_transparent{padding:0}.mfui-9-benefits-icons-tile_background_gray{background-color:var(--spbSky0)}.mfui-9-benefits-icons-tile_background_green{background-color:var(--brandGreen20)}.mfui-9-benefits-icons-tile_background_purple{background-color:var(--brandPurple20)}.mfui-9-benefits-icons-tile_background_white{background-color:var(--base)}.mfui-9-benefits-icons-tile_background_stroke{border:1px solid var(--spbSky2)}.mfui-9-benefits-icons-tile .mfui-9-benefits-icons-tile__svg-icon{margin-bottom:10px}.mfui-9-benefits-icons-tile__content{font-size:15px;font-weight:400;line-height:24px}.mfui-9-benefits-icons-tile__title+.mfui-9-benefits-icons-tile__content{margin-top:4px}.mfui-9-benefits-icons-tile__text{margin-bottom:0}.mfui-9-benefits-icons-tile__img-icon{border-radius:8px;height:64px;width:64px}.mfui-9-benefits-icons-tile__svg-icon{height:40px;overflow:hidden;width:40px}.mfui-9-benefits-icons-tile__svg-icon svg{fill:var(--brandGreen)!important}.mfui-9-benefits-icons-tile_background_purple .mfui-9-benefits-icons-tile__svg-icon svg{fill:var(--brandPurple)!important}.mfui-9-benefits-icons-tile_icon-position_left-side .mfui-9-benefits-icons-tile__inner{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-benefits-icons-tile_icon-position_left-side .mfui-9-benefits-icons-tile__content-wrapper{padding-top:8px}.mfui-9-benefits-icons-tile_icon-position_left-side .mfui-9-benefits-icons-tile__img-icon,.mfui-9-benefits-icons-tile_icon-position_left-side .mfui-9-benefits-icons-tile__svg-icon{-ms-flex-negative:0;flex-shrink:0;margin-bottom:0;margin-right:14px}.mfui-9-benefits-icons-tile_icon-position_left-side.mfui-9-benefits-icons-tile_image .mfui-9-benefits-icons-tile__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-benefits-icons-tile_icon-position_left-side.mfui-9-benefits-icons-tile_image .mfui-9-benefits-icons-tile__content-wrapper{padding-top:0}.mfui-9-benefits-icons-tile_icon-position_left-side.mfui-9-benefits-icons-tile_image .mfui-9-benefits-icons-tile__img-icon,.mfui-9-benefits-icons-tile_icon-position_left-side.mfui-9-benefits-icons-tile_image .mfui-9-benefits-icons-tile__svg-icon{-ms-flex-item-align:start;align-self:start}.mfui-9-benefits-icons-tile_icon-position_center-top .mfui-9-benefits-icons-tile__inner{text-align:center}.mfui-9-benefits-icons-tile_icon-position_center-top .mfui-9-benefits-icons-tile__img-icon,.mfui-9-benefits-icons-tile_icon-position_center-top .mfui-9-benefits-icons-tile__svg-icon{margin-left:auto;margin-right:auto}

package/dist/es/components/BenefitsPictures/BenefitsPictures.js

@@ -11,7 +11,7 @@ import getCenterConfig, { getLeftConfig } from "./helpers";
 import "./BenfitsPictures.css";
 export var ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
 var testIdPrefix = 'BenefitsPictures';
-var cn = cnCreate('mfui-benefits-pictures');
+var cn = cnCreate('mfui-9-benefits-pictures');
 var BenefitsPictures = function BenefitsPictures(_ref) {
   var items = _ref.items,
     _ref$align = _ref.align,

package/dist/es/components/BenefitsPictures/BenfitsPictures.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-benefits-pictures{overflow:hidden}.mfui-benefits-pictures__inner{margin-bottom:-40px}@media screen and (min-width:768px){.mfui-benefits-pictures__inner{margin-bottom:-48px}}.mfui-benefits-pictures__item{margin-bottom:40px}@media screen and (min-width:768px){.mfui-benefits-pictures__item{margin-bottom:48px}}.mfui-benefits-pictures__content_h-align_center{text-align:center}.mfui-benefits-pictures__img{border-radius:12px;margin-bottom:32px;max-width:100%;vertical-align:top}.mfui-benefits-pictures__img_h-align_center{display:block;margin-left:auto;margin-right:auto}.mfui-benefits-pictures__title{margin-bottom:12px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-benefits-pictures{overflow:hidden}.mfui-9-benefits-pictures__inner{margin-bottom:-40px}@media screen and (min-width:768px){.mfui-9-benefits-pictures__inner{margin-bottom:-48px}}.mfui-9-benefits-pictures__item{margin-bottom:40px}@media screen and (min-width:768px){.mfui-9-benefits-pictures__item{margin-bottom:48px}}.mfui-9-benefits-pictures__content_h-align_center{text-align:center}.mfui-9-benefits-pictures__img{border-radius:12px;margin-bottom:32px;max-width:100%;vertical-align:top}.mfui-9-benefits-pictures__img_h-align_center{display:block;margin-left:auto;margin-right:auto}.mfui-9-benefits-pictures__title{margin-bottom:12px}

package/dist/es/components/BlogBox/BlogBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-blog-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:1024px){.mfui-blog-box__list{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;row-gap:24px}}.mfui-blog-box__list_row{grid-template-columns:repeat(6,1fr)}.mfui-blog-box__list_row .mfui-blog-box__item{grid-column-end:span 2}.mfui-blog-box__list_row-size_1 .mfui-blog-box__item{grid-column-start:3}.mfui-blog-box__list_row-size_2 .mfui-blog-box__item:first-child{grid-column-start:2}.mfui-blog-box__item_view_thumbnail{margin-top:16px}@media screen and (min-width:1024px){.mfui-blog-box__item_view_thumbnail{grid-column-end:2;grid-column-start:1;margin-top:0}}.mfui-blog-box__item_view_full{margin-bottom:24px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box__item_view_full{margin-bottom:32px}}@media screen and (min-width:1024px){.mfui-blog-box__item_view_full{grid-column-end:3;grid-column-start:2;grid-row-end:4;grid-row-start:1;margin-bottom:0}}.mfui-blog-box__button-wrapper{margin-top:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box__button-wrapper{margin-top:40px}}@media screen and (min-width:1024px){.mfui-blog-box__button-wrapper{margin-top:56px}}.mfui-blog-box__button{min-width:208px}.mfui-blog-box_align-left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-blog-box_align-left .mfui-blog-box__item:first-child{grid-column-start:1}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-blog-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:1024px){.mfui-9-blog-box__list{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;row-gap:24px}}.mfui-9-blog-box__list_row{grid-template-columns:repeat(6,1fr)}.mfui-9-blog-box__list_row .mfui-9-blog-box__item{grid-column-end:span 2}.mfui-9-blog-box__list_row-size_1 .mfui-9-blog-box__item{grid-column-start:3}.mfui-9-blog-box__list_row-size_2 .mfui-9-blog-box__item:first-child{grid-column-start:2}.mfui-9-blog-box__item_view_thumbnail{margin-top:16px}@media screen and (min-width:1024px){.mfui-9-blog-box__item_view_thumbnail{grid-column-end:2;grid-column-start:1;margin-top:0}}.mfui-9-blog-box__item_view_full{margin-bottom:24px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-blog-box__item_view_full{margin-bottom:32px}}@media screen and (min-width:1024px){.mfui-9-blog-box__item_view_full{grid-column-end:3;grid-column-start:2;grid-row-end:4;grid-row-start:1;margin-bottom:0}}.mfui-9-blog-box__button-wrapper{margin-top:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-blog-box__button-wrapper{margin-top:40px}}@media screen and (min-width:1024px){.mfui-9-blog-box__button-wrapper{margin-top:56px}}.mfui-9-blog-box__button{min-width:208px}.mfui-9-blog-box_align-left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-blog-box_align-left .mfui-9-blog-box__item:first-child{grid-column-start:1}

package/dist/es/components/BlogBox/BlogBox.js

@@ -9,7 +9,7 @@ import useResolutions from "../../hooks/useResolutions";
 import BlogBoxTile from "./components/BlogBoxTile";
 import "./BlogBox.css";
 var maxItemsCount = 4;
-var cn = cnCreate('mfui-blog-box');
+var cn = cnCreate('mfui-9-blog-box');
 var BlogBox = function BlogBox(_ref) {
   var items = _ref.items,
     button = _ref.button,

package/dist/es/components/BlogBox/components/BlogBoxTile.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-blog-box-tile{color:var(--content);display:block;position:relative}.mfui-blog-box-tile,.mfui-blog-box-tile:hover{text-decoration:none}.mfui-blog-box-tile:hover .mfui-blog-box-tile__title{color:var(--brandGreen)}.mfui-blog-box-tile__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.mfui-blog-box-tile__picture{display:block}.mfui-blog-box-tile__date{color:var(--spbSky3);margin-bottom:4px}.mfui-blog-box-tile__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:4;-webkit-transition:color .3s;transition:color .3s}.mfui-blog-box-tile_view_thumbnail{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture{-ms-flex-negative:0;flex-shrink:0;height:102px;width:133px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture{height:130px;width:170px}}@media screen and (min-width:1440px){.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture{height:170px;width:233px}}.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__content{-ms-flex-item-align:center;align-self:center}.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__date{font-size:12px;line-height:18px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__date{font-size:15px;line-height:24px}}.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__title{font-size:20px;line-height:28px}}.mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture{height:358px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture{height:438px}}@media screen and (min-width:1440px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture{height:558px}}.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:8px;left:8px;padding:16px;position:absolute;right:8px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{padding:24px}}@media screen and (min-width:768px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{bottom:12px;left:12px;right:12px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{padding:16px}}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{padding:24px}}.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title{font-size:32px;line-height:40px}}.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture{height:233px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture{height:288px}}@media screen and (min-width:1440px){.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture{height:367px}}.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:12px;left:12px;padding:16px;position:absolute;right:12px}.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__title{font-size:20px;line-height:28px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-blog-box-tile{color:var(--content);display:block;position:relative;text-decoration:none}.mfui-9-blog-box-tile:hover{text-decoration:none}.mfui-9-blog-box-tile:hover .mfui-9-blog-box-tile__title{color:var(--brandGreen)}.mfui-9-blog-box-tile__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.mfui-9-blog-box-tile__picture{display:block}.mfui-9-blog-box-tile__date{color:var(--spbSky3);margin-bottom:4px}.mfui-9-blog-box-tile__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:4;-webkit-transition:color .3s;transition:color .3s}.mfui-9-blog-box-tile_view_thumbnail{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{-ms-flex-negative:0;flex-shrink:0;height:102px;width:133px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{height:130px;width:170px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__picture{height:170px;width:233px}}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__content{-ms-flex-item-align:center;align-self:center}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__date{font-size:12px;line-height:18px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__date{font-size:15px;line-height:24px}}.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_thumbnail .mfui-9-blog-box-tile__title{font-size:20px;line-height:28px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:358px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:438px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__picture{height:558px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:8px;left:8px;padding:16px;position:absolute;right:8px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:24px}}@media screen and (min-width:768px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{bottom:12px;left:12px;right:12px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:16px}}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__content{padding:24px}}.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_full .mfui-9-blog-box-tile__title{font-size:32px;line-height:40px}}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:233px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:288px}}@media screen and (min-width:1440px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__picture{height:367px}}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:12px;left:12px;padding:16px;position:absolute;right:12px}.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-blog-box-tile_view_compact .mfui-9-blog-box-tile__title{font-size:20px;line-height:28px}}

package/dist/es/components/BlogBox/components/BlogBoxTile.js

@@ -3,7 +3,7 @@ import { breakpoints, cnCreate } from '@megafon/ui-helpers';
 import { setRelAttribute } from "../../../helpers/setRelAttribute";
 import useResolutions from "../../../hooks/useResolutions";
 import "./BlogBoxTile.css";
-var cn = cnCreate('mfui-blog-box-tile');
+var cn = cnCreate('mfui-9-blog-box-tile');
 var BlogBoxTile = function BlogBoxTile(_ref) {
   var date = _ref.date,
     title = _ref.title,

package/dist/es/components/Breadcrumbs/Breadcrumbs.css

@@ -1 +1 @@
-@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mfui-breadcrumbs_color_default .mfui-breadcrumbs__item:before{color:var(--content)}.mfui-breadcrumbs_color_black .mfui-breadcrumbs__item:before{color:var(--stcBlack)}.mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before{color:var(--stcWhite)}.mfui-breadcrumbs_margin-top{margin-top:24px}.mfui-breadcrumbs__item{margin-right:10px;padding-left:26px;position:relative}.mfui-breadcrumbs__item:before{content:"→";left:0;position:absolute;top:-1px}.mfui-breadcrumbs__item:first-child{padding-left:0}.mfui-breadcrumbs__item:first-child:before{display:none}.mfui-breadcrumbs__item:last-child{pointer-events:none}
+@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-9-breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mfui-9-breadcrumbs_color_default .mfui-9-breadcrumbs__item:before{color:var(--content)}.mfui-9-breadcrumbs_color_black .mfui-9-breadcrumbs__item:before{color:var(--stcBlack)}.mfui-9-breadcrumbs_color_white .mfui-9-breadcrumbs__item:before{color:var(--stcWhite)}.mfui-9-breadcrumbs_margin-top{margin-top:24px}.mfui-9-breadcrumbs__item{margin-right:10px;padding-left:26px;position:relative}.mfui-9-breadcrumbs__item:before{content:"→";left:0;position:absolute;top:-1px}.mfui-9-breadcrumbs__item:first-child{padding-left:0}.mfui-9-breadcrumbs__item:first-child:before{display:none}.mfui-9-breadcrumbs__item:last-child{pointer-events:none}

package/dist/es/components/Breadcrumbs/Breadcrumbs.js

@@ -9,7 +9,7 @@ import "./Breadcrumbs.css";
 var isObjectElement = function isObjectElement(item) {
   return ! /*#__PURE__*/React.isValidElement(item);
 };
-var cn = cnCreate('mfui-breadcrumbs');
+var cn = cnCreate('mfui-9-breadcrumbs');
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var items = _ref.items,
     _ref$color = _ref.color,

package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-breadcrumbs-item_color_default{color:var(--content)}.mfui-breadcrumbs-item_color_black{color:var(--stcBlack)}.mfui-breadcrumbs-item_color_white{color:var(--stcWhite)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-breadcrumbs-item_color_default{color:var(--content)}.mfui-9-breadcrumbs-item_color_black{color:var(--stcBlack)}.mfui-9-breadcrumbs-item_color_white{color:var(--stcWhite)}

package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js

@@ -9,7 +9,7 @@ export var TextColor = {
   BLACK: 'black',
   WHITE: 'white'
 };
-var cn = cnCreate('mfui-breadcrumbs-item');
+var cn = cnCreate('mfui-9-breadcrumbs-item');
 var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
   var title = _ref.title,
     href = _ref.href,

package/dist/es/components/ButtonBanner/ButtonBanner.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-button-banner{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:0 12px 12px 0;position:relative}@media screen and (max-width:767px){.mfui-button-banner{border-radius:0 0 12px 12px}}.mfui-button-banner:before{background-color:var(--brandGreen);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:12px}@media screen and (max-width:767px){.mfui-button-banner:before{border-radius:0 0 12px 12px;bottom:auto;height:12px;right:0;width:auto}}.mfui-button-banner__content{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:767px){.mfui-button-banner__content{padding:36px 16px 32px;text-align:center}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-button-banner__content{padding:32px 0}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-button-banner__content{padding:40px 0}}@media screen and (min-width:1280px){.mfui-button-banner__content{padding:48px 0}}.mfui-button-banner__media{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-position:50%;background-repeat:no-repeat;border-radius:0 12px 12px 0;height:100%;justify-content:center;overflow:hidden;padding:0 20px}@media screen and (max-width:767px){.mfui-button-banner__media{border-radius:0 0 12px 12px;height:auto;padding:0 16px 24px}}.mfui-button-banner_scaling_cover .mfui-button-banner__media{background-size:cover}.mfui-button-banner_scaling_contain .mfui-button-banner__media{background-size:contain}.mfui-button-banner__header{margin-bottom:16px}.mfui-button-banner__button{max-width:100%}.mfui-button-banner__text{font-size:15px;font-weight:400;line-height:24px}.mfui-button-banner_image .mfui-button-banner__media{padding:0}@media screen and (max-width:767px){.mfui-button-banner_image .mfui-button-banner__media{height:222px}}.mfui-button-banner_image .mfui-button-banner__text{margin-bottom:32px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-button-banner{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:0 12px 12px 0;position:relative}@media screen and (max-width:767px){.mfui-9-button-banner{border-radius:0 0 12px 12px}}.mfui-9-button-banner:before{background-color:var(--brandGreen);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:12px}@media screen and (max-width:767px){.mfui-9-button-banner:before{border-radius:0 0 12px 12px;bottom:auto;height:12px;right:0;width:auto}}.mfui-9-button-banner__content{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:767px){.mfui-9-button-banner__content{padding:36px 16px 32px;text-align:center}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-button-banner__content{padding:32px 0}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-button-banner__content{padding:40px 0}}@media screen and (min-width:1280px){.mfui-9-button-banner__content{padding:48px 0}}.mfui-9-button-banner__media{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-position:50%;background-repeat:no-repeat;border-radius:0 12px 12px 0;height:100%;justify-content:center;overflow:hidden;padding:0 20px}@media screen and (max-width:767px){.mfui-9-button-banner__media{border-radius:0 0 12px 12px;height:auto;padding:0 16px 24px}}.mfui-9-button-banner_scaling_cover .mfui-9-button-banner__media{background-size:cover}.mfui-9-button-banner_scaling_contain .mfui-9-button-banner__media{background-size:contain}.mfui-9-button-banner__header{margin-bottom:16px}.mfui-9-button-banner__button{max-width:100%}.mfui-9-button-banner__text{font-size:15px;font-weight:400;line-height:24px}.mfui-9-button-banner_image .mfui-9-button-banner__media{padding:0}@media screen and (max-width:767px){.mfui-9-button-banner_image .mfui-9-button-banner__media{height:222px}}.mfui-9-button-banner_image .mfui-9-button-banner__text{margin-bottom:32px}

package/dist/es/components/ButtonBanner/ButtonBanner.js

@@ -24,7 +24,7 @@ var getMediaStyle = function getMediaStyle(imageUrl) {
     backgroundImage: "url(".concat(imageUrl, ")")
   } : undefined;
 };
-var cn = cnCreate('mfui-button-banner');
+var cn = cnCreate('mfui-9-button-banner');
 var testIdPrefix = 'ButtonBanner';
 var ButtonBanner = function ButtonBanner(_ref) {
   var dataAttrs = _ref.dataAttrs,

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-button-link-box{font-family:inherit;font-size:15px;font-weight:400;line-height:24px}.mfui-button-link-box__row:not(:last-child){margin-bottom:32px}.mfui-button-link-box_h-align_center{text-align:center}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-button-link-box{font-family:inherit;font-size:15px;font-weight:400;line-height:24px}.mfui-9-button-link-box__row:not(:last-child){margin-bottom:32px}.mfui-9-button-link-box_h-align_center{text-align:center}

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Button, TextLink } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./ButtonLinkBox.css";
-var cn = cnCreate('mfui-button-link-box');
+var cn = cnCreate('mfui-9-button-link-box');
 var ButtonLinkBox = function ButtonLinkBox(_ref) {
   var dataAttrs = _ref.dataAttrs,
     rootRef = _ref.rootRef,

package/dist/es/components/ButtonsBox/ButtonsBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-buttons-box{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-buttons-box__buttons_equal-width{display:grid;gap:20px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}@media screen and (max-width:767px){.mfui-buttons-box__buttons_equal-width{grid-template-rows:repeat(2,1fr)}}@media screen and (min-width:768px){.mfui-buttons-box__buttons_equal-width{grid-template-columns:repeat(2,1fr)}}.mfui-buttons-box_h-align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-buttons-box{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-buttons-box__buttons_equal-width{display:grid;gap:20px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}@media screen and (max-width:767px){.mfui-9-buttons-box__buttons_equal-width{grid-template-rows:repeat(2,1fr)}}@media screen and (min-width:768px){.mfui-9-buttons-box__buttons_equal-width{grid-template-columns:repeat(2,1fr)}}.mfui-9-buttons-box_h-align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

package/dist/es/components/ButtonsBox/ButtonsBox.js

@@ -4,7 +4,7 @@ import { Button } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import { setRelAttribute } from "../../helpers/setRelAttribute";
 import "./ButtonsBox.css";
-var cn = cnCreate('mfui-buttons-box');
+var cn = cnCreate('mfui-9-buttons-box');
 var ButtonsBox = function ButtonsBox(_ref) {
   var className = _ref.className,
     _ref$classes = _ref.classes,

package/dist/es/components/Card/Card.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-card{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);-ms-flex-direction:column;flex-direction:column;padding:16px 16px 24px;text-decoration:none!important;-webkit-transition:background-color .3s,.3s,-webkit-box-shadow;transition:background-color .3s,.3s,-webkit-box-shadow;transition:background-color .3s,box-shadow,.3s;transition:background-color .3s,box-shadow,.3s,-webkit-box-shadow}@media screen and (min-width:1280px){.mfui-card{padding:24px 24px 32px}}.mfui-card_full-height{height:100%}.mfui-card_link{cursor:pointer}.mfui-card_view_shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-card_link.mfui-card_view_hover-shadow:hover,.mfui-card_link.mfui-card_view_shadow: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-card_view_background{background-color:var(--spbSky0)}.mfui-card_link.mfui-card_view_background:hover{background-color:var(--spbSky1)}.mfui-card_only-title{padding:24px}@media screen and (min-width:1280px){.mfui-card_only-title{padding:32px}}.mfui-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-card__icon{height:40px;margin-bottom:32px;width:40px}.mfui-card__img-box{border-radius:24px;overflow:hidden;padding-bottom:56.25%;position:relative}.mfui-card__img-box_position_top{margin:-6px -6px 24px}@media screen and (min-width:1280px){.mfui-card__img-box_position_top{margin:-12px -12px 32px}}.mfui-card__img-box_position_bottom{margin:24px -6px 0}@media screen and (min-width:1280px){.mfui-card__img-box_position_bottom{margin:32px -12px 0}}.mfui-card__img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.mfui-card_link:hover .mfui-card__img{-webkit-transform:scale(1.2);transform:scale(1.2)}.mfui-card__marker-list{list-style-type:none;margin:16px 0 0;padding:0}.mfui-card__marker-item{padding-left:20px;position:relative}.mfui-card__marker-item:not(:last-child){margin-bottom:12px}.mfui-card__marker-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:0;opacity:.8;position:absolute;top:7px;width:6px}.mfui-card__marker-note{display:block;font-weight:500;margin:4px 0 0;padding:0}.mfui-card__texts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px}.mfui-card__texts ol,.mfui-card__texts ul{margin:0;padding-left:24px}.mfui-card__texts ol{list-style-type:decimal}.mfui-card__texts ul{list-style-type:disc}.mfui-card__texts-title{font-weight:500}.mfui-card__features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px;overflow:hidden}.mfui-card__features-list{list-style:none;margin:0;padding:0}.mfui-card__features-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-card__features-item:before{background-image:radial-gradient(circle,var(--spbSky3) 1px,transparent 1px);background-size:6px 2px;bottom:.4em;content:"";height:2px;position:absolute;width:100%}.mfui-card__features-item-value{-ms-flex-negative:0;flex-shrink:0;text-align:end}.mfui-card__features-item-text{background-color:var(--base);position:relative;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1}.mfui-card_view_background .mfui-card__features-item-text{background-color:var(--spbSky0)}.mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text{background-color:var(--spbSky1)}.mfui-card__features-item-title .mfui-card__features-item-text{padding-right:4px}.mfui-card__features-item-value .mfui-card__features-item-text{padding-left:4px}.mfui-card__icons{margin-top:16px}.mfui-card__icons-desc{margin-bottom:12px}.mfui-card__icons-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.mfui-card__icons-item,.mfui-card__icons-list{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-card__icons-item-icon{-ms-flex-negative:0;flex-shrink:0;height:32px;margin-right:8px;width:32px}.mfui-card__icons-item-text{margin-top:4px}.mfui-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;border-top:1px solid var(--spbSky1);justify-content:center;margin-top:24px;padding-top:24px}@media screen and (min-width:1280px){.mfui-card__price{margin-top:32px}}.mfui-card__img-box+.mfui-card__price{border:none;padding-top:0}.mfui-card__price-old-value{color:var(--spbSky3);position:relative}.mfui-card__price-old-value:before{background-color:var(--fury);content:"";height:1px;left:-1px;position:absolute;right:-1px;top:50%}.mfui-card__price-value{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-card__price-value{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-card__price-value{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-card__price-value{font-size:32px;line-height:40px}}.mfui-card__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:32px}.mfui-card__price+.mfui-card__buttons{margin-top:24px}.mfui-card__buttons_centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-card__button{-ms-flex-preferred-size:190px;flex-basis:190px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;max-width:320px}.mfui-card__footer{margin-top:auto}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-card{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);-ms-flex-direction:column;flex-direction:column;padding:16px 16px 24px;text-decoration:none!important;-webkit-transition:background-color .3s,.3s,-webkit-box-shadow;transition:background-color .3s,.3s,-webkit-box-shadow;transition:background-color .3s,box-shadow,.3s;transition:background-color .3s,box-shadow,.3s,-webkit-box-shadow}@media screen and (min-width:1280px){.mfui-9-card{padding:24px 24px 32px}}.mfui-9-card_full-height{height:100%}.mfui-9-card_link{cursor:pointer}.mfui-9-card_view_shadow{-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-card_link.mfui-9-card_view_hover-shadow:hover,.mfui-9-card_link.mfui-9-card_view_shadow: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-card_view_background{background-color:var(--spbSky0)}.mfui-9-card_link.mfui-9-card_view_background:hover{background-color:var(--spbSky1)}.mfui-9-card_only-title{padding:24px}@media screen and (min-width:1280px){.mfui-9-card_only-title{padding:32px}}.mfui-9-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-card__icon{height:40px;margin-bottom:32px;width:40px}.mfui-9-card__img-box{border-radius:24px;overflow:hidden;padding-bottom:56.25%;position:relative}.mfui-9-card__img-box_position_top{margin:-6px -6px 24px}@media screen and (min-width:1280px){.mfui-9-card__img-box_position_top{margin:-12px -12px 32px}}.mfui-9-card__img-box_position_bottom{margin:24px -6px 0}@media screen and (min-width:1280px){.mfui-9-card__img-box_position_bottom{margin:32px -12px 0}}.mfui-9-card__img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.mfui-9-card_link:hover .mfui-9-card__img{-webkit-transform:scale(1.2);transform:scale(1.2)}.mfui-9-card__marker-list{list-style-type:none;margin:16px 0 0;padding:0}.mfui-9-card__marker-item{padding-left:20px;position:relative}.mfui-9-card__marker-item:not(:last-child){margin-bottom:12px}.mfui-9-card__marker-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:0;opacity:.8;position:absolute;top:7px;width:6px}.mfui-9-card__marker-note{display:block;font-weight:500;margin:4px 0 0;padding:0}.mfui-9-card__texts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px}.mfui-9-card__texts ol,.mfui-9-card__texts ul{margin:0;padding-left:24px}.mfui-9-card__texts ol{list-style-type:decimal}.mfui-9-card__texts ul{list-style-type:disc}.mfui-9-card__texts-title{font-weight:500}.mfui-9-card__features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px;overflow:hidden}.mfui-9-card__features-list{list-style:none;margin:0;padding:0}.mfui-9-card__features-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-card__features-item:before{background-image:radial-gradient(circle,var(--spbSky3) 1px,transparent 1px);background-size:6px 2px;bottom:.4em;content:"";height:2px;position:absolute;width:100%}.mfui-9-card__features-item-value{-ms-flex-negative:0;flex-shrink:0;text-align:end}.mfui-9-card__features-item-text{background-color:var(--base);position:relative;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1}.mfui-9-card_view_background .mfui-9-card__features-item-text{background-color:var(--spbSky0)}.mfui-9-card_link.mfui-9-card_view_background:hover .mfui-9-card__features-item-text{background-color:var(--spbSky1)}.mfui-9-card__features-item-title .mfui-9-card__features-item-text{padding-right:4px}.mfui-9-card__features-item-value .mfui-9-card__features-item-text{padding-left:4px}.mfui-9-card__icons{margin-top:16px}.mfui-9-card__icons-desc{margin-bottom:12px}.mfui-9-card__icons-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.mfui-9-card__icons-item,.mfui-9-card__icons-list{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-card__icons-item-icon{-ms-flex-negative:0;flex-shrink:0;height:32px;margin-right:8px;width:32px}.mfui-9-card__icons-item-text{margin-top:4px}.mfui-9-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;border-top:1px solid var(--spbSky1);justify-content:center;margin-top:24px;padding-top:24px}@media screen and (min-width:1280px){.mfui-9-card__price{margin-top:32px}}.mfui-9-card__img-box+.mfui-9-card__price{border:none;padding-top:0}.mfui-9-card__price-old-value{color:var(--spbSky3);position:relative}.mfui-9-card__price-old-value:before{background-color:var(--fury);content:"";height:1px;left:-1px;position:absolute;right:-1px;top:50%}.mfui-9-card__price-value{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-card__price-value{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-card__price-value{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-card__price-value{font-size:32px;line-height:40px}}.mfui-9-card__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:32px}.mfui-9-card__price+.mfui-9-card__buttons{margin-top:24px}.mfui-9-card__buttons_centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-card__button{-ms-flex-preferred-size:190px;flex-basis:190px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;max-width:320px}.mfui-9-card__footer{margin-top:auto}

package/dist/es/components/Card/Card.js

@@ -31,7 +31,7 @@ var textsConvertConfig = {
     }
   }
 };
-var cn = cnCreate('mfui-card');
+var cn = cnCreate('mfui-9-card');
 var Card = function Card(_ref5) {
   var dataAttrs = _ref5.dataAttrs,
     className = _ref5.className,

package/dist/es/components/CardsBox/CardsBox.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import getColumnConfig from "./helpers";
-var cn = cnCreate('mfui-cards-box');
+var cn = cnCreate('mfui-9-cards-box');
 var CardsBox = function CardsBox(_ref) {
   var _ref$renderTwoColumns = _ref.renderTwoColumnsInRow,
     renderTwoColumnsInRow = _ref$renderTwoColumns === void 0 ? false : _ref$renderTwoColumns,

package/dist/es/components/CarouselBox/CarouselBox.js

@@ -28,7 +28,7 @@ var getDefaultSlideSettings = function getDefaultSlideSettings(desktopSlidesPerV
     spaceBetween: 20
   });
 };
-var cn = cnCreate('mfui-carousel-box');
+var cn = cnCreate('mfui-9-carousel-box');
 var CarouselBox = function CarouselBox(_a) {
   var children = _a.children,
     slidesSettings = _a.slidesSettings,

package/dist/es/components/ChipsBox/ChipsBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-chips-box__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mfui-chips-box__panel{display:none}.mfui-chips-box__panel_current{display:block}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-chips-box__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mfui-9-chips-box__panel{display:none}.mfui-9-chips-box__panel_current{display:block}

package/dist/es/components/ChipsBox/ChipsBox.js

@@ -18,7 +18,7 @@ import * as React from 'react';
 import { Chips } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import "./ChipsBox.css";
-var cn = cnCreate('mfui-chips-box');
+var cn = cnCreate('mfui-9-chips-box');
 var ChipsBox = function ChipsBox(_a) {
   var _b;
   var _a$renderOnlyCurrentP = _a.renderOnlyCurrentPanel,