@megafon/ui-core 6.3.0 → 6.4.0

package/dist/es/components/Carousel/Carousel.css

@@ -1,10 +1,10 @@
-.mfui-carousel {
+.mfui-v6-carousel {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-carousel__swiper {
+.mfui-v6-carousel__swiper {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -21,7 +21,7 @@
   overflow: hidden;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-carousel__swiper {
+  .mfui-v6-carousel__swiper {
     margin-right: -20px !important;
     margin-left: -20px !important;
     padding-right: 20px !important;
@@ -29,7 +29,7 @@
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-carousel__swiper_default-inner-indents {
+  .mfui-v6-carousel__swiper_default-inner-indents {
     margin-right: -48px;
     margin-left: -48px;
     padding-right: 48px;
@@ -37,15 +37,15 @@
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-carousel__swiper_default-inner-indents {
+  .mfui-v6-carousel__swiper_default-inner-indents {
     margin-right: -16px;
     margin-left: -16px;
     padding-right: 32px;
     padding-left: 16px;
   }
 }
-.mfui-carousel__swiper_gradient:before,
-.mfui-carousel__swiper_gradient:after {
+.mfui-v6-carousel__swiper_gradient:before,
+.mfui-v6-carousel__swiper_gradient:after {
   content: '';
   position: absolute;
   top: 0;
@@ -54,51 +54,51 @@
   width: var(--gap);
 }
 @media screen and (max-width: 1023px) {
-  .mfui-carousel__swiper_gradient:before,
-  .mfui-carousel__swiper_gradient:after {
+  .mfui-v6-carousel__swiper_gradient:before,
+  .mfui-v6-carousel__swiper_gradient:after {
     display: none;
   }
 }
-.mfui-carousel__swiper_gradient:before {
+.mfui-v6-carousel__swiper_gradient:before {
   left: 0;
   background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--gradientColor)));
   background: linear-gradient(270deg, transparent 0%, var(--gradientColor) 100%);
 }
-.mfui-carousel__swiper_gradient:after {
+.mfui-v6-carousel__swiper_gradient:after {
   right: 0;
   background: -webkit-gradient(linear, right top, left top, from(var(--gradientColor)), to(transparent));
   background: linear-gradient(270deg, var(--gradientColor) 0%, transparent 100%);
 }
-.mfui-carousel__swiper_gradient-color_default {
+.mfui-v6-carousel__swiper_gradient-color_default {
   --gradientColor: var(--base);
 }
-.mfui-carousel__swiper_gradient-color_green {
+.mfui-v6-carousel__swiper_gradient-color_green {
   --gradientColor: var(--brandGreen);
 }
-.mfui-carousel__swiper_gradient-color_black {
+.mfui-v6-carousel__swiper_gradient-color_black {
   --gradientColor: var(--stcBlack);
 }
-.mfui-carousel__swiper_gradient-color_spbSky0 {
+.mfui-v6-carousel__swiper_gradient-color_spbSky0 {
   --gradientColor: var(--spbSky0);
 }
-.mfui-carousel__swiper_gradient-color_spbSky1 {
+.mfui-v6-carousel__swiper_gradient-color_spbSky1 {
   --gradientColor: var(--spbSky1);
 }
-.mfui-carousel__swiper_gradient-color_spbSky2 {
+.mfui-v6-carousel__swiper_gradient-color_spbSky2 {
   --gradientColor: var(--spbSky2);
 }
-.mfui-carousel .swiper-wrapper {
+.mfui-v6-carousel .swiper-wrapper {
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-carousel__slide {
+.mfui-v6-carousel__slide {
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-carousel__slide {
+  .mfui-v6-carousel__slide {
     -webkit-backface-visibility: hidden;
             backface-visibility: hidden;
     opacity: 0;
@@ -107,13 +107,13 @@
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-carousel .swiper-slide-visible {
+  .mfui-v6-carousel .swiper-slide-visible {
     opacity: 1;
     -webkit-transition: opacity 0.4s;
     transition: opacity 0.4s;
   }
 }
-.mfui-carousel__arrow {
+.mfui-v6-carousel__arrow {
   position: absolute;
   top: 50%;
   z-index: 6;
@@ -121,30 +121,30 @@
           transform: translateY(calc(-50% - 40px / 2));
 }
 @media screen and (max-width: 1023px) {
-  .mfui-carousel__arrow {
+  .mfui-v6-carousel__arrow {
     display: none;
   }
 }
-.mfui-carousel__arrow_prev {
+.mfui-v6-carousel__arrow_prev {
   right: calc(100% + 12px);
 }
 @media screen and (min-width: 1280px) {
-  .mfui-carousel__arrow_prev {
+  .mfui-v6-carousel__arrow_prev {
     right: calc(100% + 20px);
   }
 }
-.mfui-carousel__arrow_next {
+.mfui-v6-carousel__arrow_next {
   left: calc(100% + 12px);
 }
 @media screen and (min-width: 1280px) {
-  .mfui-carousel__arrow_next {
+  .mfui-v6-carousel__arrow_next {
     left: calc(100% + 20px);
   }
 }
-.mfui-carousel__arrow_locked {
+.mfui-v6-carousel__arrow_locked {
   display: none;
 }
-.mfui-carousel .swiper-pagination {
+.mfui-v6-carousel .swiper-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -163,10 +163,10 @@
   padding-top: 32px;
   border-radius: 12px;
 }
-.mfui-carousel .swiper-pagination.swiper-pagination-lock {
+.mfui-v6-carousel .swiper-pagination.swiper-pagination-lock {
   display: none;
 }
-.mfui-carousel .swiper-pagination-bullet {
+.mfui-v6-carousel .swiper-pagination-bullet {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -185,7 +185,7 @@
   -webkit-transition: width 0.5s, background-color 0.3s;
   transition: width 0.5s, background-color 0.3s;
 }
-.mfui-carousel .swiper-pagination-bullet:before {
+.mfui-v6-carousel .swiper-pagination-bullet:before {
   content: '';
   display: block;
   width: 100%;
@@ -194,22 +194,22 @@
   -webkit-transition: border-radius 0.5s;
   transition: border-radius 0.5s;
 }
-.mfui-carousel_nav-theme_green .swiper-pagination-bullet:before {
+.mfui-v6-carousel_nav-theme_green .swiper-pagination-bullet:before {
   background-color: var(--stcWhite50);
 }
-.mfui-carousel_nav-theme_light .swiper-pagination-bullet:before {
+.mfui-v6-carousel_nav-theme_light .swiper-pagination-bullet:before {
   background-color: var(--spbSky2);
 }
-.mfui-carousel .swiper-pagination-bullet-active {
+.mfui-v6-carousel .swiper-pagination-bullet-active {
   width: 20px;
   cursor: default;
 }
-.mfui-carousel .swiper-pagination-bullet-active:before {
+.mfui-v6-carousel .swiper-pagination-bullet-active:before {
   border-radius: 4px;
 }
-.mfui-carousel_nav-theme_green .swiper-pagination-bullet-active:before {
+.mfui-v6-carousel_nav-theme_green .swiper-pagination-bullet-active:before {
   background-color: var(--base);
 }
-.mfui-carousel_nav-theme_light .swiper-pagination-bullet-active:before {
+.mfui-v6-carousel_nav-theme_light .swiper-pagination-bullet-active:before {
   background-color: var(--brandGreen);
 }

package/dist/es/components/Carousel/Carousel.js

@@ -61,7 +61,7 @@ var defaultSlidesSettings = (_defaultSlidesSetting = {}, _defineProperty(_defaul
   slidesPerView: 4,
   spaceBetween: 20
 }), _defaultSlidesSetting);
-var cn = cnCreate('mfui-carousel');
+var cn = cnCreate('mfui-v6-carousel');
 
 var Carousel = function Carousel(_ref) {
   var rootRef = _ref.rootRef,

package/dist/es/components/Checkbox/Checkbox.css

@@ -1,15 +1,15 @@
-.mfui-checkbox {
+.mfui-v6-checkbox {
   margin: 0 5px 12px 5px;
 }
-.mfui-checkbox__inner {
+.mfui-v6-checkbox__inner {
   position: relative;
   display: inline-block;
 }
-.mfui-checkbox__label {
+.mfui-v6-checkbox__label {
   display: inline;
   cursor: pointer;
 }
-.mfui-checkbox__input {
+.mfui-v6-checkbox__input {
   position: absolute;
   top: 0;
   left: 0;
@@ -18,7 +18,7 @@
   height: 0;
   opacity: 0;
 }
-.mfui-checkbox__custom-input {
+.mfui-v6-checkbox__custom-input {
   position: absolute;
   left: 0;
   display: -webkit-box;
@@ -41,10 +41,10 @@
   -webkit-transition-duration: 0.3s;
           transition-duration: 0.3s;
 }
-.mfui-checkbox__custom-input:focus {
+.mfui-v6-checkbox__custom-input:focus {
   outline: none;
 }
-.mfui-checkbox__icon {
+.mfui-v6-checkbox__icon {
   display: block;
   width: 32px;
   height: 32px;
@@ -54,7 +54,7 @@
       -ms-user-select: none;
           user-select: none;
 }
-.mfui-checkbox__extra-content {
+.mfui-v6-checkbox__extra-content {
   position: relative;
   left: 8px;
   display: inline-block;
@@ -62,89 +62,89 @@
   margin-right: -20px;
   vertical-align: middle;
 }
-.mfui-checkbox_checked .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_checked .mfui-v6-checkbox__custom-input {
   border: none;
 }
-.mfui-checkbox_checked .mfui-checkbox__icon {
+.mfui-v6-checkbox_checked .mfui-v6-checkbox__icon {
   opacity: 1;
 }
-.mfui-checkbox_font-size_regular {
+.mfui-v6-checkbox_font-size_regular {
   font-size: 15px;
   line-height: 24px;
 }
-.mfui-checkbox_font-size_regular .mfui-checkbox__inner {
+.mfui-v6-checkbox_font-size_regular .mfui-v6-checkbox__inner {
   padding: 4px 15px 4px 33px;
 }
-.mfui-checkbox_font-size_regular .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_font-size_regular .mfui-v6-checkbox__custom-input {
   top: 6px;
 }
-.mfui-checkbox_font-size_small {
+.mfui-v6-checkbox_font-size_small {
   font-size: 12px;
   line-height: 16px;
 }
-.mfui-checkbox_font-size_small .mfui-checkbox__inner {
+.mfui-v6-checkbox_font-size_small .mfui-v6-checkbox__inner {
   padding: 1px 15px 4px 33px;
 }
-.mfui-checkbox_font-size_small .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_font-size_small .mfui-v6-checkbox__custom-input {
   top: 0;
 }
-.mfui-checkbox_color_dark .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_color_dark .mfui-v6-checkbox__custom-input {
   border-color: var(--spbSky2);
 }
-.mfui-checkbox_color_dark .mfui-checkbox__label_no-touch:hover .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_color_dark .mfui-v6-checkbox__label_no-touch:hover .mfui-v6-checkbox__custom-input {
   border-color: var(--buttonHoverGreen);
 }
-.mfui-checkbox_color_dark .mfui-checkbox__icon {
+.mfui-v6-checkbox_color_dark .mfui-v6-checkbox__icon {
   fill: var(--stcWhite);
 }
-.mfui-checkbox_color_dark.mfui-checkbox_checked .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_color_dark.mfui-v6-checkbox_checked .mfui-v6-checkbox__custom-input {
   border-color: var(--brandGreen);
   background-color: var(--brandGreen);
 }
-.mfui-checkbox_color_dark.mfui-checkbox_checked .mfui-checkbox__label_no-touch:hover .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_color_dark.mfui-v6-checkbox_checked .mfui-v6-checkbox__label_no-touch:hover .mfui-v6-checkbox__custom-input {
   background-color: var(--buttonHoverGreen);
 }
-.mfui-checkbox_color_light {
+.mfui-v6-checkbox_color_light {
   color: var(--stcWhite);
 }
-.mfui-checkbox_color_light .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_color_light .mfui-v6-checkbox__custom-input {
   border-color: var(--stcWhite);
   background-color: var(--stcWhite);
 }
-.mfui-checkbox_color_light .mfui-checkbox__label_no-touch:hover .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_color_light .mfui-v6-checkbox__label_no-touch:hover .mfui-v6-checkbox__custom-input {
   border-color: var(--buttonHoverGrey);
   background-color: var(--buttonHoverGrey);
 }
-.mfui-checkbox_color_light.mfui-checkbox_checked .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_color_light.mfui-v6-checkbox_checked .mfui-v6-checkbox__custom-input {
   border-color: var(--brandGreen);
   color: var(--stcWhite);
   background-color: var(--stcWhite);
 }
-.mfui-checkbox_disabled .mfui-checkbox__label {
+.mfui-v6-checkbox_disabled .mfui-v6-checkbox__label {
   color: var(--spbSky3);
   cursor: default;
   pointer-events: none;
 }
-.mfui-checkbox_disabled .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_disabled .mfui-v6-checkbox__custom-input {
   border-color: var(--spbSky2);
   background-color: var(--spbSky1);
 }
-.mfui-checkbox_disabled .mfui-checkbox__icon {
+.mfui-v6-checkbox_disabled .mfui-v6-checkbox__icon {
   fill: var(--stcWhite);
 }
-.mfui-checkbox_disabled.mfui-checkbox_color_light .mfui-checkbox__label {
+.mfui-v6-checkbox_disabled.mfui-v6-checkbox_color_light .mfui-v6-checkbox__label {
   color: var(--stcWhite50);
 }
-.mfui-checkbox_checked.mfui-checkbox_disabled .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_checked.mfui-v6-checkbox_disabled .mfui-v6-checkbox__custom-input {
   background-color: var(--spbSky2);
 }
-.mfui-checkbox_error .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_error .mfui-v6-checkbox__custom-input {
   border-color: var(--fury);
 }
-.mfui-checkbox_color_dark .mfui-checkbox__label:active .mfui-checkbox__custom-input,
-.mfui-checkbox_color_dark.mfui-checkbox_checked .mfui-checkbox__label:active .mfui-checkbox__custom-input,
-.mfui-checkbox_color_light .mfui-checkbox__label:active .mfui-checkbox__custom-input,
-.mfui-checkbox_color_light.mfui-checkbox_checked .mfui-checkbox__label:active .mfui-checkbox__custom-input {
+.mfui-v6-checkbox_color_dark .mfui-v6-checkbox__label:active .mfui-v6-checkbox__custom-input,
+.mfui-v6-checkbox_color_dark.mfui-v6-checkbox_checked .mfui-v6-checkbox__label:active .mfui-v6-checkbox__custom-input,
+.mfui-v6-checkbox_color_light .mfui-v6-checkbox__label:active .mfui-v6-checkbox__custom-input,
+.mfui-v6-checkbox_color_light.mfui-v6-checkbox_checked .mfui-v6-checkbox__label:active .mfui-v6-checkbox__custom-input {
   border-color: var(--buttonDown);
   background-color: var(--buttonDown);
 }

package/dist/es/components/Checkbox/Checkbox.js

@@ -15,7 +15,7 @@ var CheckedIcon = function CheckedIcon(props) {
 };
 
 var CHANGE_KEY = 'change';
-var cn = cnCreate('mfui-checkbox');
+var cn = cnCreate('mfui-v6-checkbox');
 
 var Checkbox = function Checkbox(_ref) {
   var className = _ref.className,

package/dist/es/components/Chips/Chip.css

@@ -1,4 +1,4 @@
-.mfui-chip {
+.mfui-v6-chip {
   font-family: inherit;
   font-size: 15px;
   line-height: 24px;
@@ -27,25 +27,25 @@
      -moz-appearance: none;
           appearance: none;
 }
-.mfui-chip svg {
+.mfui-v6-chip svg {
   -webkit-transition: fill 0.3s;
   transition: fill 0.3s;
   fill: var(--content);
 }
 @media screen and (max-width: 767px) {
-  .mfui-chip {
+  .mfui-v6-chip {
     padding: 4px 12px;
   }
 }
-.mfui-chip:hover {
+.mfui-v6-chip:hover {
   background-color: var(--spbSky1);
 }
-.mfui-chip__inner {
+.mfui-v6-chip__inner {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.mfui-chip__counter {
+.mfui-v6-chip__counter {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -56,77 +56,77 @@
   color: var(--spbSky3);
 }
 @media screen and (max-width: 767px) {
-  .mfui-chip__counter {
+  .mfui-v6-chip__counter {
     margin-left: 4px;
   }
 }
-.mfui-chip__icon,
-.mfui-chip__icon-arrow {
+.mfui-v6-chip__icon,
+.mfui-v6-chip__icon-arrow {
   display: block;
   width: 20px;
   min-width: 20px;
   max-height: 20px;
 }
-.mfui-chip__icon svg,
-.mfui-chip__icon-arrow svg {
+.mfui-v6-chip__icon svg,
+.mfui-v6-chip__icon-arrow svg {
   display: block;
   width: 100%;
   height: 100%;
 }
-.mfui-chip__icon {
+.mfui-v6-chip__icon {
   margin-right: 6px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-chip__icon {
+  .mfui-v6-chip__icon {
     margin-right: 4px;
   }
 }
-.mfui-chip_disabled,
-.mfui-chip_disabled:hover {
+.mfui-v6-chip_disabled,
+.mfui-v6-chip_disabled:hover {
   color: var(--spbSky3);
   background-color: var(--spbSky0);
   cursor: default;
   pointer-events: none;
 }
-.mfui-chip_disabled svg,
-.mfui-chip_disabled:hover svg {
+.mfui-v6-chip_disabled svg,
+.mfui-v6-chip_disabled:hover svg {
   fill: var(--spbSky3);
 }
-.mfui-chip_disabled .mfui-chip__counter,
-.mfui-chip_disabled:hover .mfui-chip__counter {
+.mfui-v6-chip_disabled .mfui-v6-chip__counter,
+.mfui-v6-chip_disabled:hover .mfui-v6-chip__counter {
   color: var(--spbSky2);
 }
-.mfui-chip_checked,
-.mfui-chip_checked:hover {
+.mfui-v6-chip_checked,
+.mfui-v6-chip_checked:hover {
   color: var(--stcWhite);
   background-color: var(--reflexBlue);
 }
-.mfui-chip_checked svg,
-.mfui-chip_checked:hover svg {
+.mfui-v6-chip_checked svg,
+.mfui-v6-chip_checked:hover svg {
   fill: var(--stcWhite);
 }
-.mfui-chip_checked .mfui-chip__counter,
-.mfui-chip_checked:hover .mfui-chip__counter {
+.mfui-v6-chip_checked .mfui-v6-chip__counter,
+.mfui-v6-chip_checked:hover .mfui-v6-chip__counter {
   color: var(--stcWhite);
 }
-.mfui-chip_checked.mfui-chip_color_black,
-.mfui-chip_checked.mfui-chip_color_black:hover {
+.mfui-v6-chip_checked.mfui-v6-chip_color_black,
+.mfui-v6-chip_checked.mfui-v6-chip_color_black:hover {
   color: var(--base);
   background-color: var(--content);
 }
-.mfui-chip_checked.mfui-chip_color_black svg,
-.mfui-chip_checked.mfui-chip_color_black:hover svg {
+.mfui-v6-chip_checked.mfui-v6-chip_color_black svg,
+.mfui-v6-chip_checked.mfui-v6-chip_color_black:hover svg {
   fill: var(--base);
 }
-.mfui-chip_checked.mfui-chip_color_black .mfui-chip__counter,
-.mfui-chip_checked.mfui-chip_color_black:hover .mfui-chip__counter {
+.mfui-v6-chip_checked.mfui-v6-chip_color_black .mfui-v6-chip__counter,
+.mfui-v6-chip_checked.mfui-v6-chip_color_black:hover .mfui-v6-chip__counter {
   color: var(--base);
 }
-.mfui-chip_with-icon {
+.mfui-v6-chip_with-icon {
   padding-left: 16px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-chip_with-icon {
+  .mfui-v6-chip_with-icon {
     padding-left: 8px;
   }
 }

package/dist/es/components/Chips/Chip.js

@@ -33,7 +33,7 @@ export var ChipArrow = {
   UP: 'up',
   DOWN: 'down'
 };
-var cn = cnCreate('mfui-chip');
+var cn = cnCreate('mfui-v6-chip');
 
 var Chip = function Chip(_ref) {
   var id = _ref.id,

package/dist/es/components/Chips/Chips.css

@@ -1,4 +1,4 @@
-.mfui-chips {
+.mfui-v6-chips {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8,11 +8,11 @@
   width: 100%;
 }
 @media screen and (max-width: 767px) {
-  .mfui-chips {
+  .mfui-v6-chips {
     gap: 8px;
   }
 }
-.mfui-chips_hidden {
+.mfui-v6-chips_hidden {
   display: grid;
   grid-template-columns: repeat(auto-fit, minMax(0, -webkit-min-content));
   grid-template-columns: repeat(auto-fit, minMax(0, min-content));

package/dist/es/components/Chips/Chips.js

@@ -14,7 +14,7 @@ import "./Chips.css";
 var DESKTOP_SMALL_START = breakpoints.DESKTOP_SMALL_START,
     DESKTOP_MIDDLE_START = breakpoints.DESKTOP_MIDDLE_START,
     MOBILE_BIG_START = breakpoints.MOBILE_BIG_START;
-var cn = cnCreate('mfui-chips');
+var cn = cnCreate('mfui-v6-chips');
 
 var Chips = function Chips(_ref) {
   var items = _ref.items,

package/dist/es/components/Chips/components/ChipsDropdown.css

@@ -22,13 +22,13 @@
     opacity: 1;
   }
 }
-.mfui-chips-dropdown {
+.mfui-v6-chips-dropdown {
   position: relative;
 }
-.mfui-chips-dropdown__button {
+.mfui-v6-chips-dropdown__button {
   width: 100%;
 }
-.mfui-chips-dropdown__list {
+.mfui-v6-chips-dropdown__list {
   position: absolute;
   top: 100%;
   left: 0;
@@ -45,7 +45,7 @@
   -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out;
 }
-.mfui-chips-dropdown__list-inner {
+.mfui-v6-chips-dropdown__list-inner {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   max-height: 320px;
@@ -59,19 +59,19 @@
   scrollbar-color: var(--spbSky2) transparent;
   overflow-wrap: normal;
 }
-.mfui-chips-dropdown__list-inner::-webkit-scrollbar {
+.mfui-v6-chips-dropdown__list-inner::-webkit-scrollbar {
   width: 16px;
 }
-.mfui-chips-dropdown__list-inner::-webkit-scrollbar-thumb {
+.mfui-v6-chips-dropdown__list-inner::-webkit-scrollbar-thumb {
   border: 6px solid transparent;
   border-radius: 16px;
   background-color: var(--spbSky2);
   background-clip: padding-box;
 }
-.mfui-chips-dropdown__list-inner::-webkit-scrollbar-thumb:hover {
+.mfui-v6-chips-dropdown__list-inner::-webkit-scrollbar-thumb:hover {
   background-color: var(--spbSky3);
 }
-.mfui-chips-dropdown__list-item {
+.mfui-v6-chips-dropdown__list-item {
   font-family: inherit;
   font-size: 15px;
   line-height: 24px;
@@ -84,21 +84,21 @@
   background-color: transparent;
   cursor: pointer;
 }
-.mfui-chips-dropdown__list-item:hover {
+.mfui-v6-chips-dropdown__list-item:hover {
   background-color: var(--spbSky0);
 }
-.mfui-chips-dropdown__list-item_with-icon {
+.mfui-v6-chips-dropdown__list-item_with-icon {
   padding-left: 16px;
   padding-right: 16px;
 }
-.mfui-chips-dropdown__icon {
+.mfui-v6-chips-dropdown__icon {
   display: block;
   width: 24px;
   min-width: 24px;
   max-height: 24px;
   margin-right: 16px;
 }
-.mfui-chips-dropdown__icon svg {
+.mfui-v6-chips-dropdown__icon svg {
   display: block;
   width: 100%;
   height: 100%;

package/dist/es/components/Chips/components/ChipsDropdown.js

@@ -8,7 +8,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import Chip, { ChipColors, ChipPropType } from "../Chip";
 import "./ChipsDropdown.css";
-var cn = cnCreate('mfui-chips-dropdown');
+var cn = cnCreate('mfui-v6-chips-dropdown');
 
 var ChipsDropdown = function ChipsDropdown(_ref) {
   var color = _ref.color,

package/dist/es/components/Collapse/Collapse.css

@@ -1,3 +1,3 @@
-.mfui-collapse {
+.mfui-v6-collapse {
   overflow: hidden;
 }

package/dist/es/components/Collapse/Collapse.js

@@ -17,7 +17,7 @@ var easeInSine = function easeInSine(progress) {
   return 1 - cos(progress * PI / 2);
 };
 
-var cn = cnCreate('mfui-collapse');
+var cn = cnCreate('mfui-v6-collapse');
 
 var Collapse = function Collapse(_ref) {
   var className = _ref.className,