@megafon/ui-shared 6.5.1 → 6.7.0

package/dist/es/components/Instructions/Instructions.js

@@ -45,7 +45,7 @@ export var elementOrderTypes = {
   REVERSED: 'reversed'
 };
 var testIdPrefix = 'Instructions';
-var cn = cnCreate('mfui-instructions');
+var cn = cnCreate('mfui-v6-instructions');
 var swiperSlideCn = cn('slide');
 
 var Instructions = function Instructions(_ref) {

package/dist/es/components/NotificationBox/NotificationBox.js

@@ -25,7 +25,7 @@ export var Align = {
   LEFT: 'left',
   CENTER: 'center'
 };
-var cn = cnCreate('mfui-notification-box');
+var cn = cnCreate('mfui-v6-notification-box');
 
 var NotificationBox = function NotificationBox(_a) {
   var _a$align = _a.align,

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

@@ -5,23 +5,23 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-notification-box {
+.mfui-v6-notification-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-notification-box:not(:first-child) {
+.mfui-v6-notification-box:not(:first-child) {
   margin-top: 24px;
 }
-.mfui-notification-box__notification {
+.mfui-v6-notification-box__notification {
   max-width: 740px;
 }
-.mfui-notification-box_align_left {
+.mfui-v6-notification-box_align_left {
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.mfui-notification-box_align_center {
+.mfui-v6-notification-box_align_center {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;

package/dist/es/components/PageTitle/PageTitle.css

@@ -5,37 +5,29 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-page-title {
+.mfui-v6-page-title {
   display: inline-block;
   width: 100%;
 }
-.mfui-page-title__breadcrumbs {
-  margin-top: 32px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-page-title__breadcrumbs {
-    display: none;
-  }
-}
-.mfui-page-title__title {
+.mfui-v6-page-title__title {
   margin-top: 110px;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-page-title__title {
+  .mfui-v6-page-title__title {
     margin-top: 100px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-page-title__title {
+  .mfui-v6-page-title__title {
     margin-top: 90px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-page-title__title {
+  .mfui-v6-page-title__title {
     margin-top: 45px;
   }
 }
-.mfui-page-title__badge {
+.mfui-v6-page-title__badge {
   font-size: 12px;
   line-height: 18px;
   display: inline-block;
@@ -46,35 +38,35 @@ h5 {
   background-color: var(--brandPurple);
 }
 @media screen and (min-width: 1280px) {
-  .mfui-page-title__badge_under-breadcrumbs {
+  .mfui-v6-page-title__badge_under-breadcrumbs {
     margin-top: 32px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-page-title__badge_under-breadcrumbs {
+  .mfui-v6-page-title__badge_under-breadcrumbs {
     margin-top: 24px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-page-title__badge_under-breadcrumbs {
+  .mfui-v6-page-title__badge_under-breadcrumbs {
     margin-top: 16px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-page-title__title_under-breadcrumbs {
+  .mfui-v6-page-title__title_under-breadcrumbs {
     margin-top: 60px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-page-title__title_under-breadcrumbs {
+  .mfui-v6-page-title__title_under-breadcrumbs {
     margin-top: 50px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-page-title__title_under-breadcrumbs {
+  .mfui-v6-page-title__title_under-breadcrumbs {
     margin-top: 45px;
   }
 }
-.mfui-page-title__badge + .mfui-page-title__title {
+.mfui-v6-page-title__badge + .mfui-v6-page-title__title {
   margin-top: 8px;
 }

package/dist/es/components/PageTitle/PageTitle.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import "./PageTitle.css";
 import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
 var testIdPrefix = 'PageTitle';
-var cn = cnCreate('mfui-page-title');
+var cn = cnCreate('mfui-v6-page-title');
 
 var PageTitle = function PageTitle(_ref) {
   var dataAttrs = _ref.dataAttrs,
@@ -52,6 +52,8 @@ var PageTitle = function PageTitle(_ref) {
     className: cn([className]),
     ref: rootRef
   }), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
+    disabledOnMobile: true,
+    hasMarginTop: true,
     hasMicrodata: hasBreadcrumbsMicrodata,
     items: breadcrumbs,
     dataAttrs: {

package/dist/es/components/Partners/Partners.css

@@ -5,44 +5,44 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-partners__tile:not(:last-child) {
+.mfui-v6-partners__tile:not(:last-child) {
   margin-bottom: 20px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-partners__tile:not(:last-child) {
+  .mfui-v6-partners__tile:not(:last-child) {
     margin-bottom: 16px;
   }
 }
-.mfui-partners__tile-inner {
+.mfui-v6-partners__tile-inner {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 132px;
   padding: 28px 48px;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-partners__tile-inner {
+  .mfui-v6-partners__tile-inner {
     height: 104px;
     padding: 22px 37px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-partners__tile-inner {
+  .mfui-v6-partners__tile-inner {
     height: 77px;
     padding: 10px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-partners__tile-inner {
+  .mfui-v6-partners__tile-inner {
     height: 60px;
     padding: 8px;
   }
 }
-.mfui-partners__img-wrapper {
+.mfui-v6-partners__img-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
 }
-.mfui-partners__tile-img {
+.mfui-v6-partners__tile-img {
   position: absolute;
   top: 50%;
   left: 50%;

package/dist/es/components/Partners/Partners.js

@@ -22,7 +22,7 @@ var slidesSettings = (_slidesSettings = {}, _defineProperty(_slidesSettings, bre
   spaceBetween: 20
 }), _slidesSettings);
 var testIdPrefix = 'Partners';
-var cn = cnCreate('mfui-partners');
+var cn = cnCreate('mfui-v6-partners');
 
 var Partners = function Partners(_ref) {
   var rootRef = _ref.rootRef,

package/dist/es/components/PictureWithDescription/PictureWithDescription.css

@@ -6,7 +6,7 @@ h5 {
   margin: 0;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-picture-with-description {
+  .mfui-v6-picture-with-description {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -18,22 +18,22 @@ h5 {
             justify-content: center;
   }
 }
-.mfui-picture-with-description__title {
+.mfui-v6-picture-with-description__title {
   margin-bottom: 24px;
 }
-.mfui-picture-with-description__picture {
+.mfui-v6-picture-with-description__picture {
   -ms-flex-item-align: start;
       align-self: flex-start;
   overflow: hidden;
   text-align: center;
 }
 @media screen and (max-width: 1023px) {
-  .mfui-picture-with-description__picture {
+  .mfui-v6-picture-with-description__picture {
     margin: 0 auto 32px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-picture-with-description__picture {
+  .mfui-v6-picture-with-description__picture {
     -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
             order: 2;
@@ -41,26 +41,26 @@ h5 {
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-picture-with-description__picture_align_left {
+  .mfui-v6-picture-with-description__picture_align_left {
     -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
             order: 0;
     margin-right: 20px;
   }
 }
-.mfui-picture-with-description__img {
+.mfui-v6-picture-with-description__img {
   width: 100%;
   max-width: 550px;
   height: 100%;
 }
-.mfui-picture-with-description__content > :first-child {
+.mfui-v6-picture-with-description__content > :first-child {
   margin-top: 0 !important;
 }
-.mfui-picture-with-description__content > :last-child {
+.mfui-v6-picture-with-description__content > :last-child {
   margin-bottom: 0 !important;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-picture-with-description__articles {
+  .mfui-v6-picture-with-description__articles {
     -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
             order: 1;
@@ -68,13 +68,13 @@ h5 {
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-picture-with-description__articles_text-top-align {
+  .mfui-v6-picture-with-description__articles_text-top-align {
     -ms-flex-item-align: start;
         align-self: flex-start;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-picture-with-description__articles_align_right {
+  .mfui-v6-picture-with-description__articles_align_right {
     margin-right: 20px;
   }
 }

package/dist/es/components/PictureWithDescription/PictureWithDescription.js

@@ -8,7 +8,7 @@ export var pictureAlignTypes = {
   RIGHT: 'right'
 };
 var testIdPrefix = 'PictureWithDescription';
-var cn = cnCreate('mfui-picture-with-description');
+var cn = cnCreate('mfui-v6-picture-with-description');
 
 var PictureWithDescription = function PictureWithDescription(_ref) {
   var rootRef = _ref.rootRef,

package/dist/es/components/Property/Property.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-property__wrapper {
+.mfui-v6-property__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -15,19 +15,19 @@ h5 {
           flex-direction: column;
   padding: 24px 0;
 }
-.mfui-property_border-top.mfui-property_border-color_default .mfui-property__wrapper {
+.mfui-v6-property_border-top.mfui-v6-property_border-color_default .mfui-v6-property__wrapper {
   border-top: 1px solid var(--spbSky1);
 }
-.mfui-property_border-bottom.mfui-property_border-color_default .mfui-property__wrapper {
+.mfui-v6-property_border-bottom.mfui-v6-property_border-color_default .mfui-v6-property__wrapper {
   border-bottom: 1px solid var(--spbSky1);
 }
-.mfui-property_border-top.mfui-property_border-color_darker .mfui-property__wrapper {
+.mfui-v6-property_border-top.mfui-v6-property_border-color_darker .mfui-v6-property__wrapper {
   border-top: 1px solid var(--spbSky2);
 }
-.mfui-property_border-bottom.mfui-property_border-color_darker .mfui-property__wrapper {
+.mfui-v6-property_border-bottom.mfui-v6-property_border-color_darker .mfui-v6-property__wrapper {
   border-bottom: 1px solid var(--spbSky2);
 }
-.mfui-property__main {
+.mfui-v6-property__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -39,42 +39,42 @@ h5 {
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.mfui-property__main:not(:first-child) {
+.mfui-v6-property__main:not(:first-child) {
   margin-top: 24px;
 }
-.mfui-property__main_with-out-title {
+.mfui-v6-property__main_with-out-title {
   margin-top: 16px !important;
 }
-.mfui-property__main_with-badge {
+.mfui-v6-property__main_with-badge {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
-.mfui-property__title-item_size_default {
+.mfui-v6-property__title-item_size_default {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
 }
-.mfui-property__title-item_size_big {
+.mfui-v6-property__title-item_size_big {
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: 0.5px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-property__title-item_size_big {
+  .mfui-v6-property__title-item_size_big {
     font-size: 20px;
     line-height: 28px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-property__title-item {
+  .mfui-v6-property__title-item {
     font-size: 15px;
     line-height: 24px;
     font-weight: 500;
   }
 }
-.mfui-property__icon {
+.mfui-v6-property__icon {
   display: inline-block;
   width: 24px;
   height: 24px;
@@ -83,15 +83,15 @@ h5 {
   overflow: hidden;
   vertical-align: bottom;
 }
-.mfui-property__badge {
+.mfui-v6-property__badge {
   margin-bottom: 8px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-property__title .mfui-property__desc {
+  .mfui-v6-property__title .mfui-v6-property__desc {
     width: 100%;
   }
 }
-.mfui-property__tooltip {
+.mfui-v6-property__tooltip {
   display: inline-block;
   width: 20px;
   height: 20px;
@@ -100,21 +100,21 @@ h5 {
   cursor: pointer;
   fill: var(--spbSky2);
 }
-.mfui-property__tooltip-inner {
+.mfui-v6-property__tooltip-inner {
   max-width: 350px;
 }
-.mfui-property__desc {
+.mfui-v6-property__desc {
   margin-top: 12px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-property__desc {
+  .mfui-v6-property__desc {
     width: 70%;
   }
 }
-.mfui-property__desc_collapsible {
+.mfui-v6-property__desc_collapsible {
   margin-top: 12px;
 }
-.mfui-property__value-wrapper {
+.mfui-v6-property__value-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -126,31 +126,31 @@ h5 {
   white-space: pre-line;
   text-align: right;
 }
-.mfui-property__value-wrapper_frame_default {
+.mfui-v6-property__value-wrapper_frame_default {
   background: var(--base);
 }
-.mfui-property__value-wrapper_frame_gray {
+.mfui-v6-property__value-wrapper_frame_gray {
   background: var(--spbSky0);
 }
-.mfui-property__value {
+.mfui-v6-property__value {
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: 0.5px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-property__value {
+  .mfui-v6-property__value {
     font-size: 20px;
     line-height: 28px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-property__value {
+  .mfui-v6-property__value {
     font-size: 15px;
     line-height: 24px;
     font-weight: 500;
   }
 }
-.mfui-property__value-unit:before {
+.mfui-v6-property__value-unit:before {
   content: '\00a0';
 }

package/dist/es/components/Property/Property.js

@@ -19,7 +19,7 @@ var InfoIcon = function InfoIcon(props) {
 };
 
 export var testIdPrefix = 'Property';
-var cn = cnCreate('mfui-property');
+var cn = cnCreate('mfui-v6-property');
 
 var Property = function Property(_ref) {
   var rootRef = _ref.rootRef,

package/dist/es/components/Property/PropertyDescription.css

@@ -5,13 +5,13 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-property-description__collapse {
+.mfui-v6-property-description__collapse {
   color: var(--systemBlue);
   font-size: 12px;
   -webkit-text-decoration: underline dashed var(--systemBlue);
           text-decoration: underline dashed var(--systemBlue);
   cursor: pointer;
 }
-.mfui-property-description__content-inner {
+.mfui-v6-property-description__content-inner {
   margin-bottom: 8px;
 }

package/dist/es/components/Property/PropertyDescription.js

@@ -10,7 +10,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./PropertyDescription.css";
 export var testIdPrefix = 'PropertyDescription';
-var cn = cnCreate('mfui-property-description');
+var cn = cnCreate('mfui-v6-property-description');
 
 var PropertyDescription = function PropertyDescription(_ref) {
   var value = _ref.value,

package/dist/es/components/SidePictureCards/SidePictureCards.js

@@ -7,7 +7,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import SidePictureCard from "./components/SidePictureCard";
 var MIN_ITEMS_COUNT = 2;
-var cn = cnCreate('mfui-side-picture-cards');
+var cn = cnCreate('mfui-v6-side-picture-cards');
 
 var SidePictureCards = function SidePictureCards(_ref) {
   var items = _ref.items,