@megafon/ui-core 6.2.1 → 6.4.0

package/dist/lib/components/Badges/components/CounterBadge/CounterBadge.css

@@ -1,4 +1,4 @@
-.mfui-counter-badge {
+.mfui-v6-counter-badge {
   padding: 5px 6px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
@@ -18,37 +18,37 @@
   line-height: 14px;
   border-radius: 12px;
 }
-.mfui-counter-badge_limited {
+.mfui-v6-counter-badge_limited {
   padding: 5px 12px;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-counter-badge_adaptive {
+  .mfui-v6-counter-badge_adaptive {
     min-width: 28px;
     font-size: 15px;
     line-height: 18px;
   }
 }
-.mfui-counter-badge_icon {
+.mfui-v6-counter-badge_icon {
   padding: 2px 4px 2px 12px;
 }
-.mfui-counter-badge_adaptive.mfui-counter-badge_icon {
+.mfui-v6-counter-badge_adaptive.mfui-v6-counter-badge_icon {
   padding: 4px 4px 4px 12px;
 }
-.mfui-counter-badge__icon {
+.mfui-v6-counter-badge__icon {
   margin-left: 4px;
   width: 20px;
   min-width: 20px;
   height: 20px;
 }
-.mfui-counter-badge_theme_light-blue {
+.mfui-v6-counter-badge_theme_light-blue {
   background-color: var(--311C20);
 }
-.mfui-counter-badge_theme_light-blue .mfui-counter-badge__icon {
+.mfui-v6-counter-badge_theme_light-blue .mfui-v6-counter-badge__icon {
   fill: var(--311C);
 }
-.mfui-counter-badge_theme_purple {
+.mfui-v6-counter-badge_theme_purple {
   background-color: var(--brandPurple20);
 }
-.mfui-counter-badge_theme_purple .mfui-counter-badge__icon {
+.mfui-v6-counter-badge_theme_purple .mfui-v6-counter-badge__icon {
   fill: var(--brandPurple);
 }

package/dist/lib/components/Badges/components/CounterBadge/CounterBadge.js

@@ -37,7 +37,7 @@ var CounterBadgeColorTheme = {
   PURPLE: 'purple'
 };
 exports.CounterBadgeColorTheme = CounterBadgeColorTheme;
-var cn = (0, _uiHelpers.cnCreate)('mfui-counter-badge');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-counter-badge');
 
 var CounterBadge = function CounterBadge(_ref) {
   var totalCount = _ref.totalCount,

package/dist/lib/components/Badges/components/NotificationBadge/NotificationBadge.css

@@ -1,4 +1,4 @@
-.mfui-notification-badge {
+.mfui-v6-notification-badge {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -14,17 +14,17 @@
   overflow: hidden;
   color: var(--stcWhite);
 }
-.mfui-notification-badge_theme_green {
+.mfui-v6-notification-badge_theme_green {
   background-color: var(--brandGreen);
   -webkit-box-shadow: 0 2px 4px 0 rgba(0, 185, 86, 0.5);
           box-shadow: 0 2px 4px 0 rgba(0, 185, 86, 0.5);
 }
-.mfui-notification-badge_theme_red {
+.mfui-v6-notification-badge_theme_red {
   background-color: var(--warmRedC);
   -webkit-box-shadow: 0 2px 4px 0 rgba(235, 90, 64, 0.5);
           box-shadow: 0 2px 4px 0 rgba(235, 90, 64, 0.5);
 }
-.mfui-notification-badge_auto-width {
+.mfui-v6-notification-badge_auto-width {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
@@ -32,25 +32,25 @@
   padding: 5px 8px;
   border-radius: 12px;
 }
-.mfui-notification-badge_size_small {
+.mfui-v6-notification-badge_size_small {
   width: 8px;
   height: 8px;
   padding: 0;
   border-radius: 50%;
 }
-.mfui-notification-badge_size_small .mfui-notification-badge__text {
+.mfui-v6-notification-badge_size_small .mfui-v6-notification-badge__text {
   display: none;
 }
-.mfui-notification-badge_size_medium {
+.mfui-v6-notification-badge_size_medium {
   width: 16px;
   height: 16px;
   border-radius: 50%;
 }
-.mfui-notification-badge_size_medium .mfui-notification-badge__text {
+.mfui-v6-notification-badge_size_medium .mfui-v6-notification-badge__text {
   font-size: 10px;
   line-height: 12px;
 }
-.mfui-notification-badge__text {
+.mfui-v6-notification-badge__text {
   font-family: inherit;
   font-weight: 500;
   font-size: 12px;

package/dist/lib/components/Badges/components/NotificationBadge/NotificationBadge.js

@@ -34,7 +34,7 @@ var NotificationBadgeSize = {
   BIG: 'big'
 };
 exports.NotificationBadgeSize = NotificationBadgeSize;
-var cn = (0, _uiHelpers.cnCreate)('mfui-notification-badge');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-notification-badge');
 
 var NotificationBadge = function NotificationBadge(_ref) {
   var _ref$theme = _ref.theme,

package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.css

@@ -1,4 +1,4 @@
-.mfui-price-badge {
+.mfui-v6-price-badge {
   font-size: 12px;
   line-height: 18px;
   display: -webkit-box;
@@ -19,7 +19,7 @@
   font-weight: 500;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-price-badge_adaptive {
+  .mfui-v6-price-badge_adaptive {
     font-size: 15px;
     line-height: 24px;
     min-height: 32px;
@@ -28,91 +28,91 @@
     border-radius: 12px;
   }
 }
-.mfui-price-badge_theme_grey {
+.mfui-v6-price-badge_theme_grey {
   background-color: var(--spbSky0);
 }
-.mfui-price-badge_theme_grey .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_grey .mfui-v6-price-badge__text {
   color: var(--spbSky3);
 }
-.mfui-price-badge_theme_grey .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_grey .mfui-v6-price-badge__icon {
   fill: var(--spbSky3);
 }
-.mfui-price-badge_theme_orange {
+.mfui-v6-price-badge_theme_orange {
   background-color: var(--137C20);
 }
-.mfui-price-badge_theme_orange .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_orange .mfui-v6-price-badge__text {
   color: var(--137C);
 }
-.mfui-price-badge_theme_orange .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_orange .mfui-v6-price-badge__icon {
   fill: var(--137C);
 }
-.mfui-price-badge_theme_green {
+.mfui-v6-price-badge_theme_green {
   background-color: var(--brandGreen20);
 }
-.mfui-price-badge_theme_green .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_green .mfui-v6-price-badge__text {
   color: var(--brandGreen);
 }
-.mfui-price-badge_theme_green .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_green .mfui-v6-price-badge__icon {
   fill: var(--brandGreen);
 }
-.mfui-price-badge_theme_purple {
+.mfui-v6-price-badge_theme_purple {
   background-color: var(--brandPurple80);
 }
-.mfui-price-badge_theme_purple .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_purple .mfui-v6-price-badge__text {
   color: var(--stcWhite);
 }
-.mfui-price-badge_theme_purple .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_purple .mfui-v6-price-badge__icon {
   fill: var(--stcWhite);
 }
-.mfui-price-badge_theme_red {
+.mfui-v6-price-badge_theme_red {
   background-color: var(--fury20);
 }
-.mfui-price-badge_theme_red .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_red .mfui-v6-price-badge__text {
   color: var(--fury);
 }
-.mfui-price-badge_theme_red .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_red .mfui-v6-price-badge__icon {
   fill: var(--fury);
 }
-.mfui-price-badge_theme_light {
+.mfui-v6-price-badge_theme_light {
   background-color: var(--stcWhite20);
 }
-.mfui-price-badge_theme_dark {
+.mfui-v6-price-badge_theme_dark {
   background-color: var(--stcBlack20);
 }
-.mfui-price-badge_theme_light .mfui-price-badge__text,
-.mfui-price-badge_theme_dark .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_light .mfui-v6-price-badge__text,
+.mfui-v6-price-badge_theme_dark .mfui-v6-price-badge__text {
   font-weight: 400;
   color: var(--stcWhite);
 }
-.mfui-price-badge_theme_light .mfui-price-badge__icon,
-.mfui-price-badge_theme_dark .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_light .mfui-v6-price-badge__icon,
+.mfui-v6-price-badge_theme_dark .mfui-v6-price-badge__icon {
   fill: var(--stcWhite);
 }
-.mfui-price-badge_size_big {
+.mfui-v6-price-badge_size_big {
   padding: 12px 12px 12px 4px;
   font-size: 15px;
   line-height: 18px;
 }
-.mfui-price-badge__text {
+.mfui-v6-price-badge__text {
   font-family: inherit;
   margin-left: 2px;
 }
-.mfui-price-badge__icon-container {
+.mfui-v6-price-badge__icon-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-price-badge__icon {
+.mfui-v6-price-badge__icon {
   width: 20px;
   min-width: 20px;
   height: 20px;
 }
-.mfui-price-badge_size_big .mfui-price-badge__icon {
+.mfui-v6-price-badge_size_big .mfui-v6-price-badge__icon {
   width: 32px;
   min-width: 32px;
   height: 32px;
 }
-.mfui-price-badge_size_big .mfui-price-badge__sub-title {
+.mfui-v6-price-badge_size_big .mfui-v6-price-badge__sub-title {
   margin-top: 2px;
   font-size: 12px;
   line-height: 18px;

package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.js

@@ -198,7 +198,7 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
   }
 };
 
-var cn = (0, _uiHelpers.cnCreate)('mfui-price-badge');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-price-badge');
 
 var PriceBadge = function PriceBadge(_ref) {
   var _ref$iconType = _ref.iconType,

package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.css

@@ -1,4 +1,4 @@
-.mfui-promo-badge {
+.mfui-v6-promo-badge {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -14,54 +14,54 @@
   /* DEPRECATED classes &_type BEGIN */
   /* DEPRECATED classes &_type END */
 }
-.mfui-promo-badge_color_137c {
+.mfui-v6-promo-badge_color_137c {
   background-color: var(--137C);
 }
-.mfui-promo-badge_color_brand-purple-20 {
+.mfui-v6-promo-badge_color_brand-purple-20 {
   color: var(--brandPurple);
   background-color: var(--brandPurple20);
 }
-.mfui-promo-badge_color_brand-purple {
+.mfui-v6-promo-badge_color_brand-purple {
   background-color: var(--brandPurple);
 }
-.mfui-promo-badge_color_reflex-blue {
+.mfui-v6-promo-badge_color_reflex-blue {
   background-color: var(--reflexBlue);
 }
-.mfui-promo-badge_color_system-blue {
+.mfui-v6-promo-badge_color_system-blue {
   background-color: var(--systemBlue);
 }
-.mfui-promo-badge_color_warm-red {
+.mfui-v6-promo-badge_color_warm-red {
   background-color: var(--warmRedC);
 }
-.mfui-promo-badge_color_gradient-purple {
+.mfui-v6-promo-badge_color_gradient-purple {
   color: var(--stcWhite);
   background: linear-gradient(126.8deg, #A336BE 21%, #363078 78%);
 }
-.mfui-promo-badge_type_hit {
+.mfui-v6-promo-badge_type_hit {
   background-color: var(--warmRedC);
 }
-.mfui-promo-badge_type_new {
+.mfui-v6-promo-badge_type_new {
   background-color: var(--systemBlue);
 }
-.mfui-promo-badge_type_vip {
+.mfui-v6-promo-badge_type_vip {
   background-color: var(--brandPurple);
 }
-.mfui-promo-badge_type_popular {
+.mfui-v6-promo-badge_type_popular {
   background-color: var(--137C);
 }
-.mfui-promo-badge_type_user-choice {
+.mfui-v6-promo-badge_type_user-choice {
   background-color: var(--reflexBlue);
 }
-.mfui-promo-badge_type_interests {
+.mfui-v6-promo-badge_type_interests {
   color: var(--brandPurple);
   background-color: var(--brandPurple20);
 }
-.mfui-promo-badge_size_small {
+.mfui-v6-promo-badge_size_small {
   height: 18px;
   padding: 0 8px;
   border-radius: 8px;
 }
-.mfui-promo-badge__text {
+.mfui-v6-promo-badge__text {
   font-family: inherit;
   font-size: 12px;
   line-height: 18px;

package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js

@@ -48,7 +48,7 @@ var PromoBadgeTypes = {
   INTERESTS: 'interests'
 };
 exports.PromoBadgeTypes = PromoBadgeTypes;
-var cn = (0, _uiHelpers.cnCreate)('mfui-promo-badge');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-promo-badge');
 
 var PromoBadge = function PromoBadge(_ref) {
   var color = _ref.color,

package/dist/lib/components/Badges/components/TimerBadge/Timer/Timer.js

@@ -97,7 +97,7 @@ var getCountdownText = function getCountdownText() {
 };
 
 exports.getCountdownText = getCountdownText;
-var cn = (0, _uiHelpers.cnCreate)('mfui-timer');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-timer');
 
 var Timer = function Timer(_ref) {
   var actualRemainingTime = _ref.actualRemainingTime,

package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.css

@@ -1,4 +1,4 @@
-.mfui-timer-badge {
+.mfui-v6-timer-badge {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -18,36 +18,36 @@
   background: var(--base);
   overflow: hidden;
 }
-.mfui-timer-badge_theme_grey .mfui-timer-badge__text {
+.mfui-v6-timer-badge_theme_grey .mfui-v6-timer-badge__text {
   color: var(--spbSky3);
 }
-.mfui-timer-badge_theme_grey .mfui-timer-badge__icon {
+.mfui-v6-timer-badge_theme_grey .mfui-v6-timer-badge__icon {
   fill: var(--spbSky3);
 }
-.mfui-timer-badge_theme_red .mfui-timer-badge__text {
+.mfui-v6-timer-badge_theme_red .mfui-v6-timer-badge__text {
   color: var(--fury);
 }
-.mfui-timer-badge_theme_red .mfui-timer-badge__icon {
+.mfui-v6-timer-badge_theme_red .mfui-v6-timer-badge__icon {
   fill: var(--fury);
 }
-.mfui-timer-badge__text {
+.mfui-v6-timer-badge__text {
   font-size: 12px;
   line-height: 18px;
   font-family: inherit;
   margin-left: 2px;
   font-weight: 500;
 }
-.mfui-timer-badge__icon {
+.mfui-v6-timer-badge__icon {
   height: 20px;
   width: 20px;
 }
-.mfui-timer-badge__icon-container {
+.mfui-v6-timer-badge__icon-container {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-timer-badge__icon-container_shadow:before {
+.mfui-v6-timer-badge__icon-container_shadow:before {
   content: '';
   position: absolute;
   top: 2px;

package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.js

@@ -49,7 +49,7 @@ var TimerBadgeTheme = {
   RED: 'red',
   GREY: 'grey'
 };
-var cn = (0, _uiHelpers.cnCreate)('mfui-timer-badge');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-timer-badge');
 
 var TimerBadge = function TimerBadge(_ref) {
   var expirationDate = _ref.expirationDate,

package/dist/lib/components/Banner/Banner.css

@@ -1,45 +1,45 @@
-.mfui-banner {
+.mfui-v6-banner {
   position: relative;
 }
-.mfui-banner .swiper-wrapper {
+.mfui-v6-banner .swiper-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-banner .mfui-banner__swiper-container {
+.mfui-v6-banner .mfui-v6-banner__swiper-container {
   position: relative;
 }
-.mfui-banner__swiper {
+.mfui-v6-banner__swiper {
   overflow: hidden;
 }
-.mfui-banner__slide {
+.mfui-v6-banner__slide {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   height: 500px;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-banner__slide {
+  .mfui-v6-banner__slide {
     height: 420px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-banner__slide {
+  .mfui-v6-banner__slide {
     height: 400px;
   }
 }
-.mfui-banner__slide-content {
+.mfui-v6-banner__slide-content {
   margin-right: -1px;
   border-right: 1px solid transparent;
 }
 @media screen and (max-width: 1023px) {
-  .mfui-banner__slide-content {
+  .mfui-v6-banner__slide-content {
     height: 100%;
   }
 }
-.mfui-banner_auto-height .mfui-banner__slide {
+.mfui-v6-banner_auto-height .mfui-v6-banner__slide {
   height: auto;
 }
-.mfui-banner .mfui-banner__arrow {
+.mfui-v6-banner .mfui-v6-banner__arrow {
   position: absolute;
   top: 50%;
   z-index: 10;
@@ -48,70 +48,70 @@
   transition: scale 0.2s linear;
 }
 @media screen and (max-width: 767px) {
-  .mfui-banner .mfui-banner__arrow {
+  .mfui-v6-banner .mfui-v6-banner__arrow {
     display: none;
   }
 }
-.mfui-banner .mfui-banner__arrow_theme_white {
+.mfui-v6-banner .mfui-v6-banner__arrow_theme_white {
   width: 64px;
   height: 64px;
 }
 @media screen and (max-width: 1023px) {
-  .mfui-banner .mfui-banner__arrow_theme_white {
+  .mfui-v6-banner .mfui-v6-banner__arrow_theme_white {
     display: none;
   }
 }
-.mfui-banner .mfui-banner__arrow_prev {
+.mfui-v6-banner .mfui-v6-banner__arrow_prev {
   left: 12px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-banner .mfui-banner__arrow_prev {
+  .mfui-v6-banner .mfui-v6-banner__arrow_prev {
     left: 8px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-banner .mfui-banner__arrow_prev {
+  .mfui-v6-banner .mfui-v6-banner__arrow_prev {
     left: 16px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-banner .mfui-banner__arrow_prev {
+  .mfui-v6-banner .mfui-v6-banner__arrow_prev {
     left: 20px;
   }
 }
-.mfui-banner .mfui-banner__arrow_next {
+.mfui-v6-banner .mfui-v6-banner__arrow_next {
   right: 12px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-banner .mfui-banner__arrow_next {
+  .mfui-v6-banner .mfui-v6-banner__arrow_next {
     right: 8px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-banner .mfui-banner__arrow_next {
+  .mfui-v6-banner .mfui-v6-banner__arrow_next {
     right: 16px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-banner .mfui-banner__arrow_next {
+  .mfui-v6-banner .mfui-v6-banner__arrow_next {
     right: 20px;
   }
 }
-.mfui-banner .mfui-banner__arrow_prev.mfui-banner__arrow_theme_white {
+.mfui-v6-banner .mfui-v6-banner__arrow_prev.mfui-v6-banner__arrow_theme_white {
   left: 0;
   translate: -50% -50%;
 }
-.mfui-banner .mfui-banner__arrow_next.mfui-banner__arrow_theme_white {
+.mfui-v6-banner .mfui-v6-banner__arrow_next.mfui-v6-banner__arrow_theme_white {
   right: 0;
   translate: 50% -50%;
 }
-.mfui-banner_no-touch .mfui-banner__arrow_theme_white:hover {
+.mfui-v6-banner_no-touch .mfui-v6-banner__arrow_theme_white:hover {
   scale: 1.25;
 }
-.mfui-banner_no-touch .mfui-banner__arrow_theme_white:active {
+.mfui-v6-banner_no-touch .mfui-v6-banner__arrow_theme_white:active {
   scale: 1.125;
 }
-.mfui-banner__pagination {
+.mfui-v6-banner__pagination {
   left: 50%;
   z-index: 10;
   display: -webkit-box;
@@ -126,7 +126,7 @@
           justify-content: center;
   margin-top: 32px;
 }
-.mfui-banner__pagination_bottom-offset {
+.mfui-v6-banner__pagination_bottom-offset {
   position: absolute;
   bottom: 60px;
   left: 50%;
@@ -135,30 +135,30 @@
           transform: translateX(-50%);
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-banner__pagination_bottom-offset {
+  .mfui-v6-banner__pagination_bottom-offset {
     bottom: 89px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-banner__pagination_bottom-offset {
+  .mfui-v6-banner__pagination_bottom-offset {
     bottom: 90px;
   }
 }
 @media screen and (min-width: 1280px) and (max-width: 1439px) {
-  .mfui-banner__pagination_bottom-offset {
+  .mfui-v6-banner__pagination_bottom-offset {
     bottom: 65px;
   }
 }
 @media screen and (min-width: 1440px) {
-  .mfui-banner__pagination_bottom-offset {
+  .mfui-v6-banner__pagination_bottom-offset {
     bottom: 72px;
   }
 }
-.mfui-banner_radius_rounded .mfui-banner__swiper {
+.mfui-v6-banner_radius_rounded .mfui-v6-banner__swiper {
   border-radius: 24px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-banner_show-next-slide .mfui-banner__swiper {
+  .mfui-v6-banner_show-next-slide .mfui-v6-banner__swiper {
     margin-right: -16px;
     margin-left: -16px;
     padding-right: 32px;
@@ -167,29 +167,29 @@
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-banner_show-next-slide .mfui-banner__slide-content {
+  .mfui-v6-banner_show-next-slide .mfui-v6-banner__slide-content {
     margin-right: 0;
     border-right: none;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-banner_show-next-slide.mfui-banner_radius_rounded .mfui-banner__slide-content {
+  .mfui-v6-banner_show-next-slide.mfui-v6-banner_radius_rounded .mfui-v6-banner__slide-content {
     border-radius: 24px;
   }
 }
-.mfui-banner_background-color_green .mfui-banner__swiper {
+.mfui-v6-banner_background-color_green .mfui-v6-banner__swiper {
   background-color: var(--brandGreen);
 }
-.mfui-banner_background-color_purple .mfui-banner__swiper {
+.mfui-v6-banner_background-color_purple .mfui-v6-banner__swiper {
   background-color: var(--brandPurple);
 }
-.mfui-banner_background-color_gradient .mfui-banner__swiper {
+.mfui-v6-banner_background-color_gradient .mfui-v6-banner__swiper {
   background: -webkit-gradient(linear, right top, left top, from(#ADA6BA), to(#F6F2F9));
   background: linear-gradient(270deg, #ADA6BA 0%, #F6F2F9 100%);
 }
-.mfui-banner_background-color_light .mfui-banner__swiper {
+.mfui-v6-banner_background-color_light .mfui-v6-banner__swiper {
   background-color: #F6F2F9;
 }
-.mfui-banner_background-color_spbSky0 .mfui-banner__swiper {
+.mfui-v6-banner_background-color_spbSky0 .mfui-v6-banner__swiper {
   background-color: var(--spbSky0);
 }

package/dist/lib/components/Banner/Banner.js

@@ -70,7 +70,7 @@ var getAutoPlayConfig = function getAutoPlayConfig(delay) {
   };
 };
 
-var cn = (0, _uiHelpers.cnCreate)('mfui-banner');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-banner');
 
 var Banner = function Banner(_ref) {
   var className = _ref.className,