@megafon/ui-core 6.3.0 → 6.4.1

package/dist/es/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/es/components/Banner/Banner.js

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

package/dist/es/components/Banner/BannerDot.css

@@ -1,4 +1,4 @@
-.mfui-banner-dot {
+.mfui-v6-banner-dot {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -15,7 +15,7 @@
   padding: 2px;
   cursor: pointer;
 }
-.mfui-banner-dot:before {
+.mfui-v6-banner-dot:before {
   content: '';
   display: block;
   width: 8px;
@@ -23,27 +23,27 @@
   border-radius: 4px;
   background-color: var(--spbSky2);
 }
-.mfui-banner-dot_active {
+.mfui-v6-banner-dot_active {
   cursor: default;
 }
-.mfui-banner-dot_active:before {
+.mfui-v6-banner-dot_active:before {
   width: 20px;
   background-color: var(--brandGreen);
 }
-.mfui-banner-dot_active .mfui-banner-dot__timer-inner {
+.mfui-v6-banner-dot_active .mfui-v6-banner-dot__timer-inner {
   fill: var(--brandGreen);
 }
-.mfui-banner-dot_active.mfui-banner-dot_timer:before {
+.mfui-v6-banner-dot_active.mfui-v6-banner-dot_timer:before {
   background-color: var(--spbSky2);
 }
-.mfui-banner-dot__timer {
+.mfui-v6-banner-dot__timer {
   position: absolute;
   display: block;
   width: 20px;
   height: 8px;
   border-radius: 4px;
 }
-.mfui-banner-dot__timer-inner {
+.mfui-v6-banner-dot__timer-inner {
   -webkit-transform: scale(-1, 1);
           transform: scale(-1, 1);
   -webkit-transform-origin: center;

package/dist/es/components/Banner/BannerDot.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./BannerDot.css";
-var cn = cnCreate('mfui-banner-dot');
+var cn = cnCreate('mfui-v6-banner-dot');
 
 var BannerDot = function BannerDot(_ref) {
   var className = _ref.className,