@megafon/ui-shared 6.5.0 → 6.6.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,37 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-page-title {
+.mfui-v6-page-title {
   display: inline-block;
   width: 100%;
 }
-.mfui-page-title__breadcrumbs {
+.mfui-v6-page-title__breadcrumbs {
   margin-top: 32px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-page-title__breadcrumbs {
+  .mfui-v6-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 +46,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,

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,

package/dist/es/components/SidePictureCards/components/SidePictureCard.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-side-picture-card {
+.mfui-v6-side-picture-card {
   display: grid;
   grid-template-rows: 1fr auto;
   grid-template-columns: auto;
@@ -24,15 +24,15 @@ h5 {
           transition-duration: 0.3s;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-side-picture-card {
+  .mfui-v6-side-picture-card {
     grid-template-rows: none;
     grid-template-columns: 1fr 1fr;
   }
 }
-.mfui-side-picture-card:hover {
+.mfui-v6-side-picture-card:hover {
   text-decoration: none;
 }
-.mfui-side-picture-card__content {
+.mfui-v6-side-picture-card__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -44,11 +44,11 @@ h5 {
   overflow: hidden;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-side-picture-card__content {
+  .mfui-v6-side-picture-card__content {
     padding: 12px 0 12px 12px;
   }
 }
-.mfui-side-picture-card__title {
+.mfui-v6-side-picture-card__title {
   /* stylelint-disable-next-line value-no-vendor-prefix */
   display: -webkit-box;
   overflow: hidden;
@@ -59,11 +59,11 @@ h5 {
   margin-bottom: 16px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-side-picture-card__title {
+  .mfui-v6-side-picture-card__title {
     margin-bottom: 24px;
   }
 }
-.mfui-side-picture-card__items {
+.mfui-v6-side-picture-card__items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -75,29 +75,29 @@ h5 {
   margin-bottom: auto;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-side-picture-card__items {
+  .mfui-v6-side-picture-card__items {
     gap: 16px;
   }
 }
-.mfui-side-picture-card__item {
+.mfui-v6-side-picture-card__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
 }
-.mfui-side-picture-card__item-icon {
+.mfui-v6-side-picture-card__item-icon {
   display: block;
   width: 32px;
   min-width: 32px;
   max-height: 32px;
 }
-.mfui-side-picture-card__item-icon svg {
+.mfui-v6-side-picture-card__item-icon svg {
   display: block;
   width: 100%;
   height: 100%;
   fill: var(--brandGreen);
 }
-.mfui-side-picture-card__item-description {
+.mfui-v6-side-picture-card__item-description {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -110,7 +110,7 @@ h5 {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.mfui-side-picture-card__item-text {
+.mfui-v6-side-picture-card__item-text {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;
@@ -122,7 +122,7 @@ h5 {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }
-.mfui-side-picture-card__item-info {
+.mfui-v6-side-picture-card__item-info {
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
@@ -136,34 +136,34 @@ h5 {
   -webkit-line-clamp: 2;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-side-picture-card__item-info {
+  .mfui-v6-side-picture-card__item-info {
     font-size: 20px;
     line-height: 28px;
   }
 }
-.mfui-side-picture-card__button {
+.mfui-v6-side-picture-card__button {
   margin-top: 32px;
 }
-.mfui-side-picture-card__picture {
+.mfui-v6-side-picture-card__picture {
   position: relative;
   height: 172px;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-side-picture-card__picture {
+  .mfui-v6-side-picture-card__picture {
     height: 197px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-side-picture-card__picture {
+  .mfui-v6-side-picture-card__picture {
     height: 270px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-side-picture-card__picture {
+  .mfui-v6-side-picture-card__picture {
     height: 100%;
   }
 }
-.mfui-side-picture-card__image {
+.mfui-v6-side-picture-card__image {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -171,13 +171,13 @@ h5 {
   -o-object-fit: cover;
      object-fit: cover;
 }
-.mfui-side-picture-card_active:hover:not(.mfui-side-picture-card_background_gray) {
+.mfui-v6-side-picture-card_active:hover:not(.mfui-v6-side-picture-card_background_gray) {
   -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
           box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
 }
-.mfui-side-picture-card_background_gray {
+.mfui-v6-side-picture-card_background_gray {
   background-color: var(--spbSky0);
 }
-.mfui-side-picture-card_background_gray.mfui-side-picture-card_active:hover {
+.mfui-v6-side-picture-card_background_gray.mfui-v6-side-picture-card_active:hover {
   background-color: var(--spbSky1);
 }