@megafon/ui-shared 6.5.1 → 6.7.0

package/dist/es/components/TabsBox/TabsBox.js

@@ -17,7 +17,7 @@ var __rest = this && this.__rest || function (s, e) {
 import * as React from 'react';
 import { Tabs } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
-var cn = cnCreate('mfui-tabs-box');
+var cn = cnCreate('mfui-v6-tabs-box');
 
 var TabsBox = function TabsBox(_a) {
   var rootRef = _a.rootRef,

package/dist/es/components/TextBox/TextBox.css

@@ -5,21 +5,21 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-text-box__content :first-child {
+.mfui-v6-text-box__content :first-child {
   margin-top: 0 !important;
 }
-.mfui-text-box__content :last-child {
+.mfui-v6-text-box__content :last-child {
   margin-bottom: 0 !important;
 }
-.mfui-text-box_text-center {
+.mfui-v6-text-box_text-center {
   text-align: center;
 }
-.mfui-text-box .mfui-text-with-icon {
+.mfui-v6-text-box .mfui-v6-text-with-icon {
   margin: 24px 0;
 }
-.mfui-text-box .mfui-text-with-icon + .mfui-header {
+.mfui-v6-text-box .mfui-v6-text-with-icon + .mfui-v6-header {
   margin-top: 32px;
 }
-.mfui-text-box .mfui-text-box-picture + .mfui-text-with-icon {
+.mfui-v6-text-box .mfui-v6-text-box-picture + .mfui-v6-text-with-icon {
   margin: 32px 0 24px;
 }

package/dist/es/components/TextBox/TextBox.js

@@ -3,7 +3,7 @@ import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./TextBox.css";
-var cn = cnCreate('mfui-text-box');
+var cn = cnCreate('mfui-v6-text-box');
 
 var TextBox = function TextBox(_ref) {
   var _ref$textCenter = _ref.textCenter,

package/dist/es/components/TextBox/TextBoxPicture.css

@@ -5,23 +5,23 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-text-box-picture_margin_default {
+.mfui-v6-text-box-picture_margin_default {
   margin: 16px 0;
 }
-.mfui-text-box-picture_margin_big-top {
+.mfui-v6-text-box-picture_margin_big-top {
   margin: 24px 0 16px;
 }
-.mfui-text-box-picture_margin_big-bottom {
+.mfui-v6-text-box-picture_margin_big-bottom {
   margin: 16px 0 24px;
 }
-.mfui-text-box-picture_margin_big-vertical {
+.mfui-v6-text-box-picture_margin_big-vertical {
   margin: 24px 0;
 }
-.mfui-text-box-picture__img {
+.mfui-v6-text-box-picture__img {
   display: block;
   max-width: 100%;
   border: 1px solid var(--spbSky1);
 }
-.mfui-text-box-picture__img_no-border {
+.mfui-v6-text-box-picture__img_no-border {
   border: none;
 }

package/dist/es/components/TextBox/TextBoxPicture.js

@@ -8,7 +8,7 @@ export var pictureMarginTypes = {
   BIG_BOTTOM: 'big-bottom',
   BIG_VERTICAL: 'big-vertical'
 };
-var cn = cnCreate('mfui-text-box-picture');
+var cn = cnCreate('mfui-v6-text-box-picture');
 
 var TextBoxPicture = function TextBoxPicture(_ref) {
   var url = _ref.url,

package/dist/es/components/TextWithIcon/TextWithIcon.css

@@ -5,6 +5,6 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-text-with-icon__header {
+.mfui-v6-text-with-icon__header {
   margin-bottom: 24px;
 }

package/dist/es/components/TextWithIcon/TextWithIcon.js

@@ -5,7 +5,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./TextWithIcon.css";
 var testIdPrefix = 'TextWithIcon';
-var cn = cnCreate('mfui-text-with-icon');
+var cn = cnCreate('mfui-v6-text-with-icon');
 
 var TextWithIcon = function TextWithIcon(_ref) {
   var title = _ref.title,

package/dist/es/components/TextWithIcon/TextWithIconItem.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-text-with-icon-item {
+.mfui-v6-text-with-icon-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -13,10 +13,10 @@ h5 {
       -ms-flex-align: center;
           align-items: center;
 }
-.mfui-text-with-icon-item:not(:first-of-type) {
+.mfui-v6-text-with-icon-item:not(:first-of-type) {
   margin-top: 12px;
 }
-.mfui-text-with-icon-item__svg-icon {
+.mfui-v6-text-with-icon-item__svg-icon {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 40px;
@@ -26,12 +26,12 @@ h5 {
   margin-right: 12px;
   overflow: hidden;
 }
-.mfui-text-with-icon-item_icon-background_stroke .mfui-text-with-icon-item__svg-icon {
+.mfui-v6-text-with-icon-item_icon-background_stroke .mfui-v6-text-with-icon-item__svg-icon {
   padding: 3px;
   border: 1px solid var(--spbSky2);
   border-radius: 50%;
 }
-.mfui-text-with-icon-item_icon-background_gray .mfui-text-with-icon-item__svg-icon {
+.mfui-v6-text-with-icon-item_icon-background_gray .mfui-v6-text-with-icon-item__svg-icon {
   padding: 4px;
   border-radius: 50%;
   background-color: var(--spbSky0);

package/dist/es/components/TextWithIcon/TextWithIconItem.js

@@ -6,7 +6,7 @@ import { cnCreate, convert, filterDataAttrs, textConvertConfig } from '@megafon/
 import * as PropTypes from 'prop-types';
 import "./TextWithIconItem.css";
 var testIdPrefix = 'TextWithIconItem';
-var cn = cnCreate('mfui-text-with-icon-item');
+var cn = cnCreate('mfui-v6-text-with-icon-item');
 
 var TextWithIconItem = function TextWithIconItem(_ref) {
   var className = _ref.className,

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css

@@ -5,27 +5,27 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-title-description-box {
+.mfui-v6-title-description-box {
   font-family: inherit;
   color: var(--content);
 }
-.mfui-title-description-box__item_header {
+.mfui-v6-title-description-box__item_header {
   white-space: pre-wrap;
 }
-.mfui-title-description-box__item:not(:last-child) {
+.mfui-v6-title-description-box__item:not(:last-child) {
   margin-bottom: 16px;
 }
-.mfui-title-description-box_text-color_white {
+.mfui-v6-title-description-box_text-color_white {
   color: var(--stcWhite);
 }
-.mfui-title-description-box_h-align_center {
+.mfui-v6-title-description-box_h-align_center {
   text-align: center;
 }
-.mfui-title-description-box__description {
+.mfui-v6-title-description-box__description {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;
 }
-.mfui-title-description-box__description :last-child {
+.mfui-v6-title-description-box__description :last-child {
   margin-bottom: 0 !important;
 }

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -7,7 +7,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./TitleDescriptionBox.css";
 var testIdPrefix = 'TitleDescriptionBox';
-var cn = cnCreate('mfui-title-description-box');
+var cn = cnCreate('mfui-v6-title-description-box');
 
 var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
   var dataAttrs = _ref.dataAttrs,

package/dist/es/components/VideoBanner/VideoBanner.css

@@ -5,35 +5,35 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-video-banner {
+.mfui-v6-video-banner {
   position: relative;
   overflow: hidden;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-video-banner {
+  .mfui-v6-video-banner {
     margin-right: -80px;
     margin-left: -80px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-video-banner {
+  .mfui-v6-video-banner {
     margin-right: -64px;
     margin-left: -64px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-video-banner {
+  .mfui-v6-video-banner {
     margin-right: -48px;
     margin-left: -48px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-banner {
+  .mfui-v6-video-banner {
     margin-right: -16px;
     margin-left: -16px;
   }
 }
-.mfui-video-banner_bottom-shadow:after {
+.mfui-v6-video-banner_bottom-shadow:after {
   content: '';
   position: absolute;
   right: 0;
@@ -43,7 +43,7 @@ h5 {
   background: -webkit-gradient(linear, left top, left bottom, color-stop(95.25%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.024)));
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 95.25%, rgba(0, 0, 0, 0.024) 100%);
 }
-.mfui-video-banner__wrapper {
+.mfui-v6-video-banner__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -53,119 +53,119 @@ h5 {
   min-height: 400px;
 }
 @media screen and (min-width: 1440px) {
-  .mfui-video-banner__wrapper {
+  .mfui-v6-video-banner__wrapper {
     height: 562px;
   }
 }
 @media screen and (min-width: 1280px) and (max-width: 1439px) {
-  .mfui-video-banner__wrapper {
+  .mfui-v6-video-banner__wrapper {
     height: 500px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-video-banner__wrapper {
+  .mfui-v6-video-banner__wrapper {
     max-height: 440px;
     padding-top: 52px;
     padding-bottom: 52px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-video-banner__wrapper {
+  .mfui-v6-video-banner__wrapper {
     max-height: 440px;
     padding-top: 64px;
     padding-bottom: 64px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-banner__wrapper {
+  .mfui-v6-video-banner__wrapper {
     max-height: 488px;
     padding-top: 42px;
     padding-bottom: 42px;
   }
 }
-.mfui-video-banner__background-image,
-.mfui-video-banner__video {
+.mfui-v6-video-banner__background-image,
+.mfui-v6-video-banner__video {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
 }
-.mfui-video-banner__background-image {
+.mfui-v6-video-banner__background-image {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.mfui-video-banner__content {
+.mfui-v6-video-banner__content {
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
 @media screen and (min-width: 1440px) {
-  .mfui-video-banner__content {
+  .mfui-v6-video-banner__content {
     max-height: calc(562px - 2 * 70px);
   }
 }
 @media screen and (min-width: 1280px) and (max-width: 1439px) {
-  .mfui-video-banner__content {
+  .mfui-v6-video-banner__content {
     max-height: calc(500px - 2 * 70px);
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-video-banner__content {
+  .mfui-v6-video-banner__content {
     max-height: calc(440px - 2 * 52px);
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-video-banner__content {
+  .mfui-v6-video-banner__content {
     max-height: calc(440px - 2 * 64px);
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-banner__content {
+  .mfui-v6-video-banner__content {
     max-height: calc(488px - 2 * 42px);
   }
 }
-.mfui-video-banner__content_text-color_black {
+.mfui-v6-video-banner__content_text-color_black {
   color: var(--stcBlack);
 }
-.mfui-video-banner__content_text-color_white {
+.mfui-v6-video-banner__content_text-color_white {
   color: var(--stcWhite);
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-banner__content_text-color-mobile_black {
+  .mfui-v6-video-banner__content_text-color-mobile_black {
     color: var(--stcBlack);
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-banner__content_text-color-mobile_white {
+  .mfui-v6-video-banner__content_text-color-mobile_white {
     color: var(--stcWhite);
   }
 }
-.mfui-video-banner__description {
+.mfui-v6-video-banner__description {
   margin-bottom: 32px;
   white-space: pre-wrap;
 }
-.mfui-video-banner__title {
+.mfui-v6-video-banner__title {
   margin-bottom: 24px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-banner__title {
+  .mfui-v6-video-banner__title {
     margin-bottom: 20px;
   }
 }
-.mfui-video-banner__title,
-.mfui-video-banner__text {
+.mfui-v6-video-banner__title,
+.mfui-v6-video-banner__text {
   white-space: pre-wrap;
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-banner__title,
-  .mfui-video-banner__text {
+  .mfui-v6-video-banner__title,
+  .mfui-v6-video-banner__text {
     text-align: center;
   }
 }
-.mfui-video-banner__btns-wrapper {
+.mfui-v6-video-banner__btns-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -180,46 +180,41 @@ h5 {
   margin: -24px -10px 0;
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-banner__btns-wrapper {
+  .mfui-v6-video-banner__btns-wrapper {
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
   }
 }
 @media screen and (max-width: 479px) {
-  .mfui-video-banner__btns-wrapper {
+  .mfui-v6-video-banner__btns-wrapper {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 }
-.mfui-video-banner__link,
-.mfui-video-banner__button {
+.mfui-v6-video-banner__link,
+.mfui-v6-video-banner__button {
   margin: 24px 10px 0;
 }
-.mfui-video-banner__cost {
+.mfui-v6-video-banner__cost {
   font-size: 12px;
   line-height: 18px;
   margin-bottom: 18px;
 }
-.mfui-video-banner__value {
+.mfui-v6-video-banner__value {
   display: inline;
   margin: 0 3px;
 }
-.mfui-video-banner__content,
-.mfui-video-banner__breadcrumbs {
+.mfui-v6-video-banner__content,
+.mfui-v6-video-banner__breadcrumbs {
   z-index: 1;
 }
-.mfui-video-banner__breadcrumbs {
+.mfui-v6-video-banner__breadcrumbs {
   position: absolute;
   top: 32px;
 }
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__breadcrumbs {
-    display: none;
-  }
-}
-.mfui-video-banner__grid {
+.mfui-v6-video-banner__grid {
   width: 100%;
 }

package/dist/es/components/VideoBanner/VideoBanner.js

@@ -14,7 +14,7 @@ import throttleTime from "../../constants/throttleTime";
 import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
 import "./VideoBanner.css";
 export var testIdPrefix = 'VideoBanner';
-var cn = cnCreate('mfui-video-banner');
+var cn = cnCreate('mfui-v6-video-banner');
 export var ClassName;
 
 (function (ClassName) {
@@ -223,6 +223,7 @@ var VideoBanner = function VideoBanner(_ref2) {
   }), /*#__PURE__*/React.createElement(ContentArea, null, /*#__PURE__*/React.createElement("div", {
     className: cn('wrapper')
   }, !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
+    disabledOnMobile: true,
     hasMicrodata: hasBreadcrumbsMicrodata,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,

package/dist/es/components/VideoBlock/VideoBlock.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-video-block {
+.mfui-v6-video-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -13,7 +13,7 @@ h5 {
       -ms-flex-align: center;
           align-items: center;
 }
-.mfui-video-block__content {
+.mfui-v6-video-block__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -26,80 +26,80 @@ h5 {
           justify-content: center;
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-block__content {
+  .mfui-v6-video-block__content {
     margin-top: 24px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-video-block__content {
+  .mfui-v6-video-block__content {
     margin-top: 32px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-video-block__content {
+  .mfui-v6-video-block__content {
     height: 100%;
     margin-right: 20px;
     padding-right: 20px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-video-block__content_position-right {
+  .mfui-v6-video-block__content_position-right {
     margin: 0 0 0 20px;
     padding: 0 0 0 20px;
   }
 }
-.mfui-video-block__header {
+.mfui-v6-video-block__header {
   margin-bottom: 24px;
 }
 @media screen and (max-width: 1023px) {
-  .mfui-video-block__header {
+  .mfui-v6-video-block__header {
     margin-bottom: 16px;
   }
 }
-.mfui-video-block__description {
+.mfui-v6-video-block__description {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;
 }
-.mfui-video-block__button {
+.mfui-v6-video-block__button {
   -ms-flex-item-align: start;
       align-self: flex-start;
   max-width: 100%;
   margin-top: 32px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-video-block__button {
+  .mfui-v6-video-block__button {
     -ms-flex-item-align: center;
         align-self: center;
   }
 }
-.mfui-video-block__video {
+.mfui-v6-video-block__video {
   width: 100%;
   -o-object-fit: contain;
      object-fit: contain;
 }
-.mfui-video-block__video_fix-background {
+.mfui-v6-video-block__video_fix-background {
   -webkit-filter: brightness(108.5%);
           filter: brightness(108.5%);
 }
-.mfui-video-block__youtube {
+.mfui-v6-video-block__youtube {
   position: relative;
   padding-bottom: 56.25%;
 }
-.mfui-video-block__iframe {
+.mfui-v6-video-block__iframe {
   position: absolute;
   top: 0;
   left: 0;
 }
-.mfui-video-block__grid {
+.mfui-v6-video-block__grid {
   width: 100%;
 }
-.mfui-video-block__content-column_position-right {
+.mfui-v6-video-block__content-column_position-right {
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
 }
-.mfui-video-block__video-column_position-left {
+.mfui-v6-video-block__video-column_position-left {
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;

package/dist/es/components/VideoBlock/VideoBlock.js

@@ -13,7 +13,7 @@ export var VideoTypes = {
   VIDEO: 'video'
 };
 export var testIdPrefix = 'VideoBlock';
-var cn = cnCreate('mfui-video-block');
+var cn = cnCreate('mfui-v6-video-block');
 
 var VideoBlock = function VideoBlock(_ref) {
   var dataAttrs = _ref.dataAttrs,

package/dist/lib/components/AccordionBox/AccordionBox.css

@@ -5,11 +5,11 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-accordion-box + .mfui-accordion-box {
+.mfui-v6-accordion-box + .mfui-v6-accordion-box {
   margin-top: 8px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-accordion-box + .mfui-accordion-box {
+  .mfui-v6-accordion-box + .mfui-v6-accordion-box {
     margin-top: 12px;
   }
 }

package/dist/lib/components/AccordionBox/AccordionBox.js

@@ -43,7 +43,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 
 var testIdPrefix = 'AccordionBox';
-var cn = (0, _uiHelpers.cnCreate)('mfui-accordion-box');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-accordion-box');
 
 var AccordionBox = function AccordionBox(_a) {
   var _a$hCenterAlignWide = _a.hCenterAlignWide,

package/dist/lib/components/AudioPlayer/AudioPlayer.js

@@ -37,7 +37,7 @@ var IconPlay = function IconPlay(props) {
   }));
 };
 
-var cn = (0, _uiHelpers.cnCreate)('mfui-audio-player');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-audio-player');
 
 var AudioPlayer = function AudioPlayer(_ref) {
   var audioSrc = _ref.audioSrc,

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

@@ -25,7 +25,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var INTERVAL_DELAY = 1000;
 exports.INTERVAL_DELAY = INTERVAL_DELAY;
-var cn = (0, _uiHelpers.cnCreate)('mfui-audio-progress');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-audio-progress');
 
 var AudioProgress = function AudioProgress(_ref) {
   var audioRef = _ref.audioRef,

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

@@ -13,7 +13,7 @@ var _uiHelpers = require("@megafon/ui-helpers");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var cn = (0, _uiHelpers.cnCreate)('mfui-audio-range');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-audio-range');
 
 var AudioRange = function AudioRange(_ref) {
   var className = _ref.className,

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

@@ -41,7 +41,7 @@ var VolumeIcon = function VolumeIcon(props) {
   }));
 };
 
-var cn = (0, _uiHelpers.cnCreate)('mfui-audio-volume');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-audio-volume');
 
 var AudioVolume = function AudioVolume(_ref) {
   var onChangeAudioVolume = _ref.onChangeAudioVolume;