@megafon/ui-core 6.2.1 → 6.4.0

package/dist/es/components/Preloader/Preloader.css

@@ -1,90 +1,90 @@
-.mfui-preloader {
+.mfui-v6-preloader {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-preloader_size-all_small .mfui-preloader__item {
+.mfui-v6-preloader_size-all_small .mfui-v6-preloader__item {
   width: 6px;
   height: 6px;
 }
-.mfui-preloader_size-all_small .mfui-preloader__item:not(:last-child) {
+.mfui-v6-preloader_size-all_small .mfui-v6-preloader__item:not(:last-child) {
   margin-right: 3px;
 }
-.mfui-preloader_size-all_medium .mfui-preloader__item {
+.mfui-v6-preloader_size-all_medium .mfui-v6-preloader__item {
   width: 12px;
   height: 12px;
 }
-.mfui-preloader_size-all_medium .mfui-preloader__item:not(:last-child) {
+.mfui-v6-preloader_size-all_medium .mfui-v6-preloader__item:not(:last-child) {
   margin-right: 6px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-preloader_size-wide_small .mfui-preloader__item {
+  .mfui-v6-preloader_size-wide_small .mfui-v6-preloader__item {
     width: 6px;
     height: 6px;
   }
-  .mfui-preloader_size-wide_small .mfui-preloader__item:not(:last-child) {
+  .mfui-v6-preloader_size-wide_small .mfui-v6-preloader__item:not(:last-child) {
     margin-right: 3px;
   }
-  .mfui-preloader_size-wide_medium .mfui-preloader__item {
+  .mfui-v6-preloader_size-wide_medium .mfui-v6-preloader__item {
     width: 12px;
     height: 12px;
   }
-  .mfui-preloader_size-wide_medium .mfui-preloader__item:not(:last-child) {
+  .mfui-v6-preloader_size-wide_medium .mfui-v6-preloader__item:not(:last-child) {
     margin-right: 6px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-preloader_size-desktop_small .mfui-preloader__item {
+  .mfui-v6-preloader_size-desktop_small .mfui-v6-preloader__item {
     width: 6px;
     height: 6px;
   }
-  .mfui-preloader_size-desktop_small .mfui-preloader__item:not(:last-child) {
+  .mfui-v6-preloader_size-desktop_small .mfui-v6-preloader__item:not(:last-child) {
     margin-right: 3px;
   }
-  .mfui-preloader_size-desktop_medium .mfui-preloader__item {
+  .mfui-v6-preloader_size-desktop_medium .mfui-v6-preloader__item {
     width: 12px;
     height: 12px;
   }
-  .mfui-preloader_size-desktop_medium .mfui-preloader__item:not(:last-child) {
+  .mfui-v6-preloader_size-desktop_medium .mfui-v6-preloader__item:not(:last-child) {
     margin-right: 6px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-preloader_size-tablet_small .mfui-preloader__item {
+  .mfui-v6-preloader_size-tablet_small .mfui-v6-preloader__item {
     width: 6px;
     height: 6px;
   }
-  .mfui-preloader_size-tablet_small .mfui-preloader__item:not(:last-child) {
+  .mfui-v6-preloader_size-tablet_small .mfui-v6-preloader__item:not(:last-child) {
     margin-right: 3px;
   }
-  .mfui-preloader_size-tablet_medium .mfui-preloader__item {
+  .mfui-v6-preloader_size-tablet_medium .mfui-v6-preloader__item {
     width: 12px;
     height: 12px;
   }
-  .mfui-preloader_size-tablet_medium .mfui-preloader__item:not(:last-child) {
+  .mfui-v6-preloader_size-tablet_medium .mfui-v6-preloader__item:not(:last-child) {
     margin-right: 6px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-preloader_size-mobile_small .mfui-preloader__item {
+  .mfui-v6-preloader_size-mobile_small .mfui-v6-preloader__item {
     width: 6px;
     height: 6px;
   }
-  .mfui-preloader_size-mobile_small .mfui-preloader__item:not(:last-child) {
+  .mfui-v6-preloader_size-mobile_small .mfui-v6-preloader__item:not(:last-child) {
     margin-right: 3px;
   }
-  .mfui-preloader_size-mobile_medium .mfui-preloader__item {
+  .mfui-v6-preloader_size-mobile_medium .mfui-v6-preloader__item {
     width: 12px;
     height: 12px;
   }
-  .mfui-preloader_size-mobile_medium .mfui-preloader__item:not(:last-child) {
+  .mfui-v6-preloader_size-mobile_medium .mfui-v6-preloader__item:not(:last-child) {
     margin-right: 6px;
   }
 }
-.mfui-preloader__item {
+.mfui-v6-preloader__item {
   position: relative;
 }
-.mfui-preloader__item:before {
+.mfui-v6-preloader__item:before {
   content: '';
   position: absolute;
   top: 0;
@@ -94,51 +94,51 @@
   border-radius: 50px;
   will-change: transform;
 }
-.mfui-preloader_color_default .mfui-preloader__item:before {
+.mfui-v6-preloader_color_default .mfui-v6-preloader__item:before {
   -webkit-animation: scaling 1s linear infinite;
           animation: scaling 1s linear infinite;
 }
-.mfui-preloader_color_default .mfui-preloader__item_first:before {
+.mfui-v6-preloader_color_default .mfui-v6-preloader__item_first:before {
   background-color: var(--brandGreen);
 }
-.mfui-preloader_color_default .mfui-preloader__item_second:before {
+.mfui-v6-preloader_color_default .mfui-v6-preloader__item_second:before {
   background-color: var(--brandGreen);
   -webkit-animation-delay: 0.166s;
           animation-delay: 0.166s;
 }
-.mfui-preloader_color_default .mfui-preloader__item_third:before {
+.mfui-v6-preloader_color_default .mfui-v6-preloader__item_third:before {
   background-color: var(--brandPurple);
   -webkit-animation-delay: 0.33s;
           animation-delay: 0.33s;
 }
-.mfui-preloader_color_black .mfui-preloader__item:before {
+.mfui-v6-preloader_color_black .mfui-v6-preloader__item:before {
   background-color: var(--stcBlack);
   opacity: 0.35;
   -webkit-animation: opacityScaling 1s linear infinite;
           animation: opacityScaling 1s linear infinite;
 }
-.mfui-preloader_color_black .mfui-preloader__item_second:before {
+.mfui-v6-preloader_color_black .mfui-v6-preloader__item_second:before {
   -webkit-animation-delay: 0.166s;
           animation-delay: 0.166s;
 }
-.mfui-preloader_color_black .mfui-preloader__item_third:before {
+.mfui-v6-preloader_color_black .mfui-v6-preloader__item_third:before {
   -webkit-animation-delay: 0.33s;
           animation-delay: 0.33s;
 }
-.mfui-preloader_color_white .mfui-preloader__item:before {
+.mfui-v6-preloader_color_white .mfui-v6-preloader__item:before {
   background-color: var(--stcWhite);
   -webkit-animation: scaling 1s linear infinite;
           animation: scaling 1s linear infinite;
 }
-.mfui-preloader_color_white .mfui-preloader__item_second:before {
+.mfui-v6-preloader_color_white .mfui-v6-preloader__item_second:before {
   -webkit-animation-delay: 0.166s;
           animation-delay: 0.166s;
 }
-.mfui-preloader_color_white .mfui-preloader__item_third:before {
+.mfui-v6-preloader_color_white .mfui-v6-preloader__item_third:before {
   -webkit-animation-delay: 0.33s;
           animation-delay: 0.33s;
 }
-.mfui-preloader_disable-animate .mfui-preloader__item:before {
+.mfui-v6-preloader_disable-animate .mfui-v6-preloader__item:before {
   -webkit-animation: none;
           animation: none;
 }

package/dist/es/components/Preloader/Preloader.js

@@ -15,7 +15,7 @@ export var PreloaderSizes = {
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-var cn = cnCreate('mfui-preloader');
+var cn = cnCreate('mfui-v6-preloader');
 
 var Preloader = function Preloader(_ref) {
   var _ref$color = _ref.color,

package/dist/es/components/RadioButton/RadioButton.css

@@ -1,10 +1,10 @@
-.mfui-radio-button__input {
+.mfui-v6-radio-button__input {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
 }
-.mfui-radio-button__label {
+.mfui-v6-radio-button__label {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -15,7 +15,7 @@
   outline: none;
   cursor: pointer;
 }
-.mfui-radio-button__custom-input {
+.mfui-v6-radio-button__custom-input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -31,7 +31,7 @@
   height: 32px;
   margin-right: 6px;
 }
-.mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__custom-input:before {
   content: '';
   display: block;
   -webkit-box-sizing: border-box;
@@ -44,76 +44,76 @@
   -webkit-transition-duration: 0.3s;
           transition-duration: 0.3s;
 }
-.mfui-radio-button__label_dark {
+.mfui-v6-radio-button__label_dark {
   color: var(--content);
 }
-.mfui-radio-button__label_dark .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__label_dark .mfui-v6-radio-button__custom-input:before {
   border: 2px solid var(--spbSky2);
   background-color: var(--base);
 }
-.mfui-radio-button__input_dark:checked + .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__input_dark:checked + .mfui-v6-radio-button__custom-input:before {
   border: 7px solid var(--brandGreen);
 }
 @media (hover: hover) {
-  .mfui-radio-button__label_dark:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__custom-input:before {
+  .mfui-v6-radio-button__label_dark:not(.mfui-v6-radio-button__label_disabled):hover .mfui-v6-radio-button__custom-input:before {
     border-color: var(--buttonHoverGreen);
   }
 }
-.mfui-radio-button__label_dark:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__label_dark:not(.mfui-v6-radio-button__label_disabled):active .mfui-v6-radio-button__custom-input:before {
   border-color: var(--buttonDown);
 }
-.mfui-radio-button__label_dark.mfui-radio-button__label_disabled {
+.mfui-v6-radio-button__label_dark.mfui-v6-radio-button__label_disabled {
   color: var(--spbSky3);
   cursor: default;
 }
-.mfui-radio-button__label_dark.mfui-radio-button__label_disabled .mfui-radio-button__custom-input:before,
-.mfui-radio-button__label_dark.mfui-radio-button__label_disabled .mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__label_dark.mfui-v6-radio-button__label_disabled .mfui-v6-radio-button__custom-input:before,
+.mfui-v6-radio-button__label_dark.mfui-v6-radio-button__label_disabled .mfui-v6-radio-button__input:checked + .mfui-v6-radio-button__custom-input:before {
   border-color: var(--spbSky2);
   background-color: var(--spbSky1);
 }
-.mfui-radio-button__label_light {
+.mfui-v6-radio-button__label_light {
   color: var(--stcWhite);
 }
-.mfui-radio-button__label_light .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__label_light .mfui-v6-radio-button__custom-input:before {
   border: 2px solid var(--stcWhite);
   background-color: var(--stcWhite);
 }
-.mfui-radio-button__input_light:checked + .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__input_light:checked + .mfui-v6-radio-button__custom-input:before {
   border: 7px solid var(--stcWhite);
   background-color: var(--stcBlack);
 }
 @media (hover: hover) {
-  .mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__custom-input:before {
+  .mfui-v6-radio-button__label_light:not(.mfui-v6-radio-button__label_disabled):hover .mfui-v6-radio-button__custom-input:before {
     border-color: var(--buttonHoverGrey);
     background-color: var(--buttonHoverGrey);
   }
 }
 @media (hover: hover) {
-  .mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
+  .mfui-v6-radio-button__label_light:not(.mfui-v6-radio-button__label_disabled):hover .mfui-v6-radio-button__input:checked + .mfui-v6-radio-button__custom-input:before {
     background-color: var(--stcBlack);
   }
 }
-.mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__label_light:not(.mfui-v6-radio-button__label_disabled):active .mfui-v6-radio-button__custom-input:before {
   border-color: var(--buttonDown);
   background-color: var(--buttonDown);
 }
-.mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__label_light:not(.mfui-v6-radio-button__label_disabled):active .mfui-v6-radio-button__input:checked + .mfui-v6-radio-button__custom-input:before {
   background-color: var(--stcWhite);
 }
-.mfui-radio-button__label_light.mfui-radio-button__label_disabled {
+.mfui-v6-radio-button__label_light.mfui-v6-radio-button__label_disabled {
   color: var(--stcWhite50);
   cursor: default;
 }
-.mfui-radio-button__label_light.mfui-radio-button__label_disabled .mfui-radio-button__custom-input:before,
-.mfui-radio-button__label_light.mfui-radio-button__label_disabled .mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
+.mfui-v6-radio-button__label_light.mfui-v6-radio-button__label_disabled .mfui-v6-radio-button__custom-input:before,
+.mfui-v6-radio-button__label_light.mfui-v6-radio-button__label_disabled .mfui-v6-radio-button__input:checked + .mfui-v6-radio-button__custom-input:before {
   border-color: var(--spbSky2);
   background-color: var(--stcWhite);
 }
-.mfui-radio-button__text_size_small {
+.mfui-v6-radio-button__text_size_small {
   font-size: 12px;
   line-height: 18px;
 }
-.mfui-radio-button__text_size_medium {
+.mfui-v6-radio-button__text_size_medium {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;

package/dist/es/components/RadioButton/RadioButton.js

@@ -8,7 +8,7 @@ import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./RadioButton.css";
-var cn = cnCreate('mfui-radio-button');
+var cn = cnCreate('mfui-v6-radio-button');
 
 var RadioButton = function RadioButton(_ref) {
   var _cn;

package/dist/es/components/Row/Row.css

@@ -1,4 +1,4 @@
-.mfui-row {
+.mfui-v6-row {
   position: relative;
   display: inline-block;
   -webkit-box-sizing: border-box;
@@ -21,16 +21,16 @@
           transition-duration: 0.3s;
 }
 @media screen and (min-width: 768px) {
-  .mfui-row {
+  .mfui-v6-row {
     padding: 20px 24px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-row {
+  .mfui-v6-row {
     padding: 24px 32px;
   }
 }
-.mfui-row__wrapper {
+.mfui-v6-row__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -38,7 +38,7 @@
       -ms-flex-align: center;
           align-items: center;
 }
-.mfui-row__icon-container {
+.mfui-v6-row__icon-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -55,95 +55,95 @@
   margin-right: 8px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-row__icon-container {
+  .mfui-v6-row__icon-container {
     margin-left: -4px;
   }
 }
 @media screen and (min-width: 768px) {
-  .mfui-row__icon-container {
+  .mfui-v6-row__icon-container {
     width: 48px;
     height: 48px;
     margin-right: 12px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-row__icon-container {
+  .mfui-v6-row__icon-container {
     width: 56px;
     height: 56px;
     margin-right: 16px;
   }
 }
-.mfui-row__icon-container svg {
+.mfui-v6-row__icon-container svg {
   fill: var(--content);
 }
-.mfui-row__icon-container_colored {
+.mfui-v6-row__icon-container_colored {
   border-radius: 50%;
   background-color: var(--brandGreen20);
 }
-.mfui-row__icon-container_colored svg {
+.mfui-v6-row__icon-container_colored svg {
   fill: var(--brandGreen);
 }
-.mfui-row__icon,
-.mfui-row__icon svg {
+.mfui-v6-row__icon,
+.mfui-v6-row__icon svg {
   width: 32px;
   min-width: 32px;
   height: 32px;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-row__icon,
-  .mfui-row__icon svg {
+  .mfui-v6-row__icon,
+  .mfui-v6-row__icon svg {
     width: 40px;
     min-width: 40px;
     height: 40px;
   }
 }
-.mfui-row__header {
+.mfui-v6-row__header {
   margin-right: auto;
   padding-right: 12px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-row__title {
+  .mfui-v6-row__title {
     font-size: 15px;
     line-height: 24px;
     font-weight: 500;
   }
 }
-.mfui-row__sub-title {
+.mfui-v6-row__sub-title {
   font-size: 12px;
   line-height: 18px;
   margin-top: 2px;
   color: var(--spbSky3);
 }
 @media screen and (min-width: 768px) {
-  .mfui-row__sub-title:not(.mfui-row_size_small) {
+  .mfui-v6-row__sub-title:not(.mfui-v6-row_size_small) {
     font-size: 15px;
     line-height: 24px;
     margin-top: 4px;
   }
 }
-.mfui-row__arrow {
+.mfui-v6-row__arrow {
   width: 32px;
   min-width: 32px;
   height: 32px;
   fill: var(--spbSky3);
 }
 @media screen and (min-width: 768px) {
-  .mfui-row__arrow {
+  .mfui-v6-row__arrow {
     margin-left: 4px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-row__arrow {
+  .mfui-v6-row__arrow {
     margin-left: 12px;
   }
 }
-.mfui-row__children {
+.mfui-v6-row__children {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
 }
 @media screen and (min-width: 768px) {
-  .mfui-row__children {
+  .mfui-v6-row__children {
     font-weight: 500;
     font-size: 18px;
     line-height: 24px;
@@ -151,27 +151,27 @@
   }
 }
 @media screen and (min-width: 768px) and screen and (min-width: 1280px) {
-  .mfui-row__children {
+  .mfui-v6-row__children {
     font-size: 20px;
     line-height: 28px;
   }
 }
-.mfui-row_view_shadow {
+.mfui-v6-row_view_shadow {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
 }
-.mfui-row_view_stroke {
+.mfui-v6-row_view_stroke {
   border: 1px solid var(--spbSky2);
   background-color: inherit;
 }
-.mfui-row_pointer {
+.mfui-v6-row_pointer {
   cursor: pointer;
 }
-.mfui-row_pointer.mfui-row_view_shadow:hover {
+.mfui-v6-row_pointer.mfui-v6-row_view_shadow:hover {
   -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
           box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
 }
-.mfui-row_pointer.mfui-row_view_shadow:hover:after {
+.mfui-v6-row_pointer.mfui-v6-row_view_shadow:hover:after {
   content: '';
   position: absolute;
   top: 0;
@@ -182,56 +182,56 @@
   background-color: var(--stcWhite10);
   pointer-events: none;
 }
-.mfui-row_pointer.mfui-row_view_stroke:hover {
+.mfui-v6-row_pointer.mfui-v6-row_view_stroke:hover {
   background-color: var(--spbSky0);
 }
-.mfui-row_has-arrow {
+.mfui-v6-row_has-arrow {
   padding-right: 8px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-row_has-arrow {
+  .mfui-v6-row_has-arrow {
     padding-right: 16px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-row_has-arrow {
+  .mfui-v6-row_has-arrow {
     padding-right: 20px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-row_has-arrow.mfui-row_size_small {
+  .mfui-v6-row_has-arrow.mfui-v6-row_size_small {
     padding-right: 16px;
   }
 }
 @media screen and (min-width: 768px) {
-  .mfui-row_size_small {
+  .mfui-v6-row_size_small {
     padding: 16px 24px 16px 20px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-row_size_small {
+  .mfui-v6-row_size_small {
     padding: 20px 24px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-row_size_small .mfui-row__sub-title {
+  .mfui-v6-row_size_small .mfui-v6-row__sub-title {
     font-size: 15px;
     line-height: 24px;
     margin-top: 4px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-row_size_small .mfui-row__icon-container {
+  .mfui-v6-row_size_small .mfui-v6-row__icon-container {
     width: 40px;
     height: 40px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-row_size_small .mfui-row__arrow {
+  .mfui-v6-row_size_small .mfui-v6-row__arrow {
     margin-right: -4px;
   }
 }
-.mfui-row_size_small .mfui-row__children {
+.mfui-v6-row_size_small .mfui-v6-row__children {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;

package/dist/es/components/Row/Row.js

@@ -14,7 +14,7 @@ var ArrowRight = function ArrowRight(props) {
   }));
 };
 
-var cn = cnCreate('mfui-row');
+var cn = cnCreate('mfui-v6-row');
 
 var Row = function Row(_ref) {
   var title = _ref.title,