@megafon/ui-shared 6.5.0 → 6.6.0

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

@@ -8,7 +8,7 @@ import { breakpoints, cnCreate, convert } from '@megafon/ui-helpers';
 import { setRelAttribute } from "../../../helpers/setRelAttribute";
 import "./SidePictureCard.css";
 var MAX_ICON_ITEMS_COUNT = 4;
-var cn = cnCreate('mfui-side-picture-card');
+var cn = cnCreate('mfui-v6-side-picture-card');
 
 var SidePictureCard = function SidePictureCard(_ref) {
   var background = _ref.background,

package/dist/es/components/Steps/Steps.css

@@ -5,37 +5,37 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-steps {
+.mfui-v6-steps {
   width: 66%;
   margin-right: auto;
   margin-left: auto;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-steps {
+  .mfui-v6-steps {
     width: 49%;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-steps {
+  .mfui-v6-steps {
     width: 100%;
   }
 }
-.mfui-steps__title {
+.mfui-v6-steps__title {
   margin-bottom: 40px;
 }
-.mfui-steps__list {
+.mfui-v6-steps__list {
   margin: 0;
   padding: 0;
   list-style: none;
 }
-.mfui-steps__item {
+.mfui-v6-steps__item {
   margin-bottom: 48px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-steps__item {
+  .mfui-v6-steps__item {
     margin-bottom: 24px;
   }
 }
-.mfui-steps__item:last-child {
+.mfui-v6-steps__item:last-child {
   margin-bottom: 0;
 }

package/dist/es/components/Steps/Steps.js

@@ -4,7 +4,7 @@ import { Header } from '@megafon/ui-core';
 import { cnCreate, convert, titleConvertConfig } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./Steps.css";
-var cn = cnCreate('mfui-steps');
+var cn = cnCreate('mfui-v6-steps');
 
 var Steps = function Steps(_ref) {
   var className = _ref.className,

package/dist/es/components/Steps/StepsItem.css

@@ -5,12 +5,12 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-steps-item {
+.mfui-v6-steps-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-steps-item__step-number {
+.mfui-v6-steps-item__step-number {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
@@ -31,11 +31,11 @@ h5 {
   color: var(--stcWhite);
   background-color: var(--brandGreen);
 }
-.mfui-steps-item__text-wrapper {
+.mfui-v6-steps-item__text-wrapper {
   padding-top: 8px;
   padding-left: 16px;
 }
-.mfui-steps-item__nodes {
+.mfui-v6-steps-item__nodes {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;

package/dist/es/components/Steps/StepsItem.js

@@ -3,7 +3,7 @@ import { Paragraph } from '@megafon/ui-core';
 import { cnCreate, convert, textConvertConfig } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./StepsItem.css";
-var cn = cnCreate('mfui-steps-item');
+var cn = cnCreate('mfui-v6-steps-item');
 
 var StepsItem = function StepsItem(_ref) {
   var index = _ref.index,

package/dist/es/components/StoreBanner/StoreBanner.css

@@ -5,179 +5,179 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-store-banner_theme_default .mfui-store-banner__grid {
+.mfui-v6-store-banner_theme_default .mfui-v6-store-banner__grid {
   background-color: var(--base);
 }
-.mfui-store-banner_theme_default .mfui-store-banner__content {
+.mfui-v6-store-banner_theme_default .mfui-v6-store-banner__content {
   color: var(--content);
 }
-.mfui-store-banner_theme_green .mfui-store-banner__grid {
+.mfui-v6-store-banner_theme_green .mfui-v6-store-banner__grid {
   border: 0;
   background-color: var(--brandGreen);
 }
-.mfui-store-banner_theme_green .mfui-store-banner__content {
+.mfui-v6-store-banner_theme_green .mfui-v6-store-banner__content {
   color: var(--stcWhite);
 }
-.mfui-store-banner_theme_spbSky1 .mfui-store-banner__grid {
+.mfui-v6-store-banner_theme_spbSky1 .mfui-v6-store-banner__grid {
   border-color: transparent;
   background-color: var(--spbSky1);
 }
-.mfui-store-banner_theme_spbSky1 .mfui-store-banner__content {
+.mfui-v6-store-banner_theme_spbSky1 .mfui-v6-store-banner__content {
   color: var(--content);
 }
-.mfui-store-banner_theme_spbSky0 .mfui-store-banner__grid {
+.mfui-v6-store-banner_theme_spbSky0 .mfui-v6-store-banner__grid {
   border-color: transparent;
   background-color: var(--spbSky0);
 }
-.mfui-store-banner_theme_spbSky0 .mfui-store-banner__content {
+.mfui-v6-store-banner_theme_spbSky0 .mfui-v6-store-banner__content {
   color: var(--content);
 }
-.mfui-store-banner_mask_new-iphone .mfui-store-banner__device-mask {
+.mfui-v6-store-banner_mask_new-iphone .mfui-v6-store-banner__device-mask {
   position: relative;
   z-index: 2;
   background-image: url('./img/new-iphone.png');
 }
-.mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
+.mfui-v6-store-banner_mask_new-iphone .mfui-v6-store-banner__screen {
   top: 9px;
   z-index: 1;
   width: 90%;
   border-radius: 14px;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_new-iphone .mfui-v6-store-banner__screen {
     top: 8px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_new-iphone .mfui-v6-store-banner__screen {
     top: 30px;
   }
 }
-.mfui-store-banner_mask_android .mfui-store-banner__device-mask {
+.mfui-v6-store-banner_mask_android .mfui-v6-store-banner__device-mask {
   position: relative;
   z-index: 2;
   background-image: url('./img/android.png');
 }
-.mfui-store-banner_mask_android .mfui-store-banner__screen {
+.mfui-v6-store-banner_mask_android .mfui-v6-store-banner__screen {
   top: 9px;
   width: 92%;
   border-radius: 14px;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-store-banner_mask_android .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_android .mfui-v6-store-banner__screen {
     top: 8px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner_mask_android .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_android .mfui-v6-store-banner__screen {
     top: 30px;
   }
 }
-.mfui-store-banner_mask_white-iphone .mfui-store-banner__device-mask {
+.mfui-v6-store-banner_mask_white-iphone .mfui-v6-store-banner__device-mask {
   background-image: url('./img/white-iphone.png');
 }
-.mfui-store-banner_mask_black-iphone .mfui-store-banner__device-mask {
+.mfui-v6-store-banner_mask_black-iphone .mfui-v6-store-banner__device-mask {
   background-image: url('./img/black-iphone.png');
 }
-.mfui-store-banner_mask_white-iphone .mfui-store-banner__screen,
-.mfui-store-banner_mask_black-iphone .mfui-store-banner__screen {
+.mfui-v6-store-banner_mask_white-iphone .mfui-v6-store-banner__screen,
+.mfui-v6-store-banner_mask_black-iphone .mfui-v6-store-banner__screen {
   top: 57px;
   width: 87%;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-store-banner_mask_white-iphone .mfui-store-banner__screen,
-  .mfui-store-banner_mask_black-iphone .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_white-iphone .mfui-v6-store-banner__screen,
+  .mfui-v6-store-banner_mask_black-iphone .mfui-v6-store-banner__screen {
     top: 47px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner_mask_white-iphone .mfui-store-banner__screen,
-  .mfui-store-banner_mask_black-iphone .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_white-iphone .mfui-v6-store-banner__screen,
+  .mfui-v6-store-banner_mask_black-iphone .mfui-v6-store-banner__screen {
     top: 63px;
   }
 }
-.mfui-store-banner_mask_iphone-12 .mfui-store-banner__device-mask {
+.mfui-v6-store-banner_mask_iphone-12 .mfui-v6-store-banner__device-mask {
   position: relative;
   z-index: 2;
   background-image: url('./img/iphone12.png');
 }
-.mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+.mfui-v6-store-banner_mask_iphone-12 .mfui-v6-store-banner__screen {
   top: 16px;
   z-index: 1;
   width: 87%;
   border-radius: 4px;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_iphone-12 .mfui-v6-store-banner__screen {
     top: 17px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_iphone-12 .mfui-v6-store-banner__screen {
     top: 13px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
+  .mfui-v6-store-banner_mask_iphone-12 .mfui-v6-store-banner__screen {
     top: 35px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner_content-left-mobile .mfui-store-banner__content {
+  .mfui-v6-store-banner_content-left-mobile .mfui-v6-store-banner__content {
     text-align: left;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner_content-left-mobile .mfui-store-banner__stores {
+  .mfui-v6-store-banner_content-left-mobile .mfui-v6-store-banner__stores {
     -webkit-box-pack: start;
         -ms-flex-pack: start;
             justify-content: flex-start;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner_content-left-mobile .mfui-store-banner__button {
+  .mfui-v6-store-banner_content-left-mobile .mfui-v6-store-banner__button {
     margin: 0;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-store-banner__container {
+  .mfui-v6-store-banner__container {
     padding-top: 30px;
   }
 }
-.mfui-store-banner__grid {
+.mfui-v6-store-banner__grid {
   padding-top: 32px;
   padding-bottom: 32px;
   border: 1px solid var(--spbSky2);
   border-radius: 24px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__grid {
+  .mfui-v6-store-banner__grid {
     padding-top: 24px;
     padding-bottom: 0;
   }
 }
-.mfui-store-banner__content {
+.mfui-v6-store-banner__content {
   padding-left: 32px;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-store-banner__content {
+  .mfui-v6-store-banner__content {
     padding-right: 10px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__content {
+  .mfui-v6-store-banner__content {
     padding-right: 15px;
     padding-bottom: 32px;
     padding-left: 15px;
     text-align: center;
   }
 }
-.mfui-store-banner__device-mask {
+.mfui-v6-store-banner__device-mask {
   height: 100%;
   background-repeat: no-repeat;
   background-size: cover;
 }
-.mfui-store-banner__device-wrapper {
+.mfui-v6-store-banner__device-wrapper {
   position: relative;
   bottom: calc(2 * (32px - 1px));
   width: 235px;
@@ -187,34 +187,34 @@ h5 {
   overflow: hidden;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-store-banner__device-wrapper {
+  .mfui-v6-store-banner__device-wrapper {
     width: 260px;
   }
 }
 @media screen and (max-width: 1023px) {
-  .mfui-store-banner__device-wrapper {
+  .mfui-v6-store-banner__device-wrapper {
     bottom: 0;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-store-banner__device-wrapper {
+  .mfui-v6-store-banner__device-wrapper {
     width: 196px;
     height: calc(100% + 32px);
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__device-wrapper {
+  .mfui-v6-store-banner__device-wrapper {
     width: 163px;
     height: 222px;
     padding-top: 24px;
   }
 }
-.mfui-store-banner__links {
+.mfui-v6-store-banner__links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-store-banner__qr-code {
+.mfui-v6-store-banner__qr-code {
   -ms-flex-item-align: center;
       align-self: center;
   -webkit-box-sizing: border-box;
@@ -227,12 +227,12 @@ h5 {
   background-color: var(--base);
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__qr-code {
+  .mfui-v6-store-banner__qr-code {
     display: none;
   }
 }
 @media screen and (min-width: 768px) {
-  .mfui-store-banner__qr-code + .mfui-store-banner__stores {
+  .mfui-v6-store-banner__qr-code + .mfui-v6-store-banner__stores {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
@@ -242,7 +242,7 @@ h5 {
             justify-content: space-between;
   }
 }
-.mfui-store-banner__store-link {
+.mfui-v6-store-banner__store-link {
   width: 136px;
   height: 40px;
   margin-right: 8px;
@@ -250,15 +250,15 @@ h5 {
   margin-left: 8px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__store-link {
+  .mfui-v6-store-banner__store-link {
     width: 119px;
     height: 35px;
   }
 }
-.mfui-store-banner__store-link:last-child {
+.mfui-v6-store-banner__store-link:last-child {
   margin-bottom: 0;
 }
-.mfui-store-banner__stores {
+.mfui-v6-store-banner__stores {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -269,49 +269,49 @@ h5 {
       flex-wrap: wrap;
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__stores {
+  .mfui-v6-store-banner__stores {
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
   }
 }
 @media screen and (min-width: 768px) {
-  .mfui-store-banner__stores {
+  .mfui-v6-store-banner__stores {
     margin-left: -8px;
   }
 }
-.mfui-store-banner__text {
+.mfui-v6-store-banner__text {
   margin-bottom: 32px;
 }
-.mfui-store-banner__title {
+.mfui-v6-store-banner__title {
   margin-bottom: 16px;
 }
-.mfui-store-banner__screen {
+.mfui-v6-store-banner__screen {
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__button {
+  .mfui-v6-store-banner__button {
     margin: 0 auto;
   }
 }
-.mfui-store-banner__links_three .mfui-store-banner__qr-code {
+.mfui-v6-store-banner__links_three .mfui-v6-store-banner__qr-code {
   -o-object-fit: contain;
      object-fit: contain;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-store-banner__links_three .mfui-store-banner__qr-code {
+  .mfui-v6-store-banner__links_three .mfui-v6-store-banner__qr-code {
     max-width: 90px;
     max-height: 90px;
   }
 }
-.mfui-store-banner__links_three .mfui-store-banner__qr-code + .mfui-store-banner__stores {
+.mfui-v6-store-banner__links_three .mfui-v6-store-banner__qr-code + .mfui-v6-store-banner__stores {
   max-width: 305px;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-store-banner__links_three .mfui-store-banner__qr-code + .mfui-store-banner__stores {
+  .mfui-v6-store-banner__links_three .mfui-v6-store-banner__qr-code + .mfui-v6-store-banner__stores {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
@@ -322,25 +322,25 @@ h5 {
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__links_three .mfui-store-banner__qr-code + .mfui-store-banner__stores {
+  .mfui-v6-store-banner__links_three .mfui-v6-store-banner__qr-code + .mfui-v6-store-banner__stores {
     margin: 0 auto;
   }
 }
-.mfui-store-banner__links_three .mfui-store-banner__store-link {
+.mfui-v6-store-banner__links_three .mfui-v6-store-banner__store-link {
   width: 136px;
   height: 40px;
 }
 @media screen and (max-width: 1023px) {
-  .mfui-store-banner__links_three .mfui-store-banner__store-link {
+  .mfui-v6-store-banner__links_three .mfui-v6-store-banner__store-link {
     width: 119px;
     height: 35px;
   }
 }
-.mfui-store-banner__links_three .mfui-store-banner__store-link:not(:last-child) {
+.mfui-v6-store-banner__links_three .mfui-v6-store-banner__store-link:not(:last-child) {
   margin-bottom: 8px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-store-banner__links_three .mfui-store-banner__store-link:not(:last-child) {
+  .mfui-v6-store-banner__links_three .mfui-v6-store-banner__store-link:not(:last-child) {
     margin-bottom: 16px;
   }
 }

package/dist/es/components/StoreBanner/StoreBanner.js

@@ -22,7 +22,7 @@ export var DeviceMask = {
   IPHONE_12: 'iphone-12'
 };
 var testIdPrefix = 'StoreBanner';
-var cn = cnCreate('mfui-store-banner');
+var cn = cnCreate('mfui-v6-store-banner');
 
 var StoreBanner = function StoreBanner(_ref) {
   var className = _ref.className,