@megafon/ui-core 6.2.1 → 6.4.0

package/dist/es/components/Button/Button.js

@@ -50,7 +50,7 @@ var getLoaderSize = function getLoaderSize(size) {
   return size === ButtonSizes.SMALL || size === ButtonSizes.EXTRA_SMALL ? ButtonSizes.SMALL : ButtonSizes.MEDIUM;
 };
 
-var cn = cnCreate('mfui-button');
+var cn = cnCreate('mfui-v6-button');
 
 var Button = function Button(_ref) {
   var _ref$classes = _ref.classes;

package/dist/es/components/Calendar/Calendar.css

@@ -1,24 +1,24 @@
-.mfui-calendar {
+.mfui-v6-calendar {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
-.mfui-calendar_modern {
+.mfui-v6-calendar_modern {
   display: block;
   width: 364px;
   height: 304px;
   overflow-x: hidden;
   overflow-y: scroll;
 }
-.mfui-calendar_modern::-webkit-scrollbar {
+.mfui-v6-calendar_modern::-webkit-scrollbar {
   width: 16px;
 }
-.mfui-calendar_modern::-webkit-scrollbar-thumb {
+.mfui-v6-calendar_modern::-webkit-scrollbar-thumb {
   border: 6px solid transparent;
   border-radius: 16px;
   background-color: #D8D8D8;
   background-clip: padding-box;
 }
-.mfui-calendar_modern::-webkit-scrollbar-thumb:hover {
+.mfui-v6-calendar_modern::-webkit-scrollbar-thumb:hover {
   background-color: #999999;
 }

package/dist/es/components/Calendar/Calendar.js

@@ -120,7 +120,7 @@ var generateMonthsData = function generateMonthsData(pastMonthsCount, futureMont
 */
 
 
-var cn = cnCreate('mfui-calendar');
+var cn = cnCreate('mfui-v6-calendar');
 
 var Calendar = function Calendar(_ref) {
   var dataAttrs = _ref.dataAttrs,

package/dist/es/components/Calendar/components/Day/Day.css

@@ -1,4 +1,4 @@
-.mfui-day {
+.mfui-v6-day {
   position: relative;
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
@@ -23,13 +23,13 @@
   font-size: 12px;
   line-height: 18px;
 }
-.mfui-day:last-child {
+.mfui-v6-day:last-child {
   padding-right: 0;
 }
-.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,
-.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,
-.mfui-day_active:after,
-.mfui-day_active-modern:after {
+.mfui-v6-day:not(:disabled):not(.mfui-v6-day_active):hover:after,
+.mfui-v6-day:not(:disabled):not(.mfui-v6-day_active):focus:after,
+.mfui-v6-day_active:after,
+.mfui-v6-day_active-modern:after {
   content: '';
   position: absolute;
   top: 0;
@@ -41,34 +41,34 @@
   color: var(--content);
   background-color: var(--spbSky0);
 }
-.mfui-day_active-modern:after {
+.mfui-v6-day_active-modern:after {
   width: 38px;
   height: 38px;
 }
-.mfui-day_active-modern:hover:after {
+.mfui-v6-day_active-modern:hover:after {
   background-color: var(--brandGreen) !important;
 }
-.mfui-day:not(:disabled):not(.mfui-day_active):hover:after {
+.mfui-v6-day:not(:disabled):not(.mfui-v6-day_active):hover:after {
   color: var(--content);
   background-color: var(--spbSky0);
 }
-.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,
-.mfui-day_active:after,
-.mfui-day_active-modern:after {
+.mfui-v6-day:not(:disabled):not(.mfui-v6-day_active):focus:after,
+.mfui-v6-day_active:after,
+.mfui-v6-day_active-modern:after {
   background-color: var(--brandGreen);
 }
-.mfui-day_disabled {
+.mfui-v6-day_disabled {
   cursor: default;
   opacity: 0.3;
   pointer-events: none;
 }
-.mfui-day_active,
-.mfui-day_active-modern,
-.mfui-day:not(:disabled):not(.mfui-day_active):focus {
+.mfui-v6-day_active,
+.mfui-v6-day_active-modern,
+.mfui-v6-day:not(:disabled):not(.mfui-v6-day_active):focus {
   color: var(--stcWhite);
 }
-.mfui-day_active + .mfui-day_active:before,
-.mfui-day_between:hover + .mfui-day:not(.mfui-day_monday).mfui-day_active:before {
+.mfui-v6-day_active + .mfui-v6-day_active:before,
+.mfui-v6-day_between:hover + .mfui-v6-day:not(.mfui-v6-day_monday).mfui-v6-day_active:before {
   content: '';
   position: absolute;
   top: 0;
@@ -79,11 +79,11 @@
   height: 32px;
   background-color: var(--spbSky1);
 }
-.mfui-day_between {
+.mfui-v6-day_between {
   position: relative;
   border-radius: 0;
 }
-.mfui-day_between:before {
+.mfui-v6-day_between:before {
   content: '';
   position: absolute;
   top: 0;
@@ -94,7 +94,7 @@
   padding: 0 20px;
   background-color: var(--spbSky1);
 }
-.mfui-day_between:after {
+.mfui-v6-day_between:after {
   content: '';
   position: absolute;
   top: 0;
@@ -105,44 +105,44 @@
   height: 32px;
   background-color: var(--spbSky1);
 }
-.mfui-day_sunday,
-.mfui-day_last {
+.mfui-v6-day_sunday,
+.mfui-v6-day_last {
   border-radius: 50%;
 }
-.mfui-day_sunday:after,
-.mfui-day_last:after {
+.mfui-v6-day_sunday:after,
+.mfui-v6-day_last:after {
   right: 10px;
   width: 32px;
   border-radius: 50%;
 }
-.mfui-day_last:after {
+.mfui-v6-day_last:after {
   right: 0;
 }
-.mfui-day_monday,
-.mfui-day_first {
+.mfui-v6-day_monday,
+.mfui-v6-day_first {
   border-radius: 50%;
 }
-.mfui-day_monday:before,
-.mfui-day_first:before {
+.mfui-v6-day_monday:before,
+.mfui-v6-day_first:before {
   left: 0;
   width: 32px;
   padding: 0;
   border-radius: 50%;
 }
-.mfui-day_sunday.mfui-day_first {
+.mfui-v6-day_sunday.mfui-v6-day_first {
   border-radius: 50%;
 }
-.mfui-day__label {
+.mfui-v6-day__label {
   position: relative;
   z-index: 99;
 }
-.mfui-day_modern {
+.mfui-v6-day_modern {
   width: 38.29px;
   height: 38px;
 }
-.mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):hover:after,
-.mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):focus:after,
-.mfui-day_modern_active-modern:after {
+.mfui-v6-day_modern:not(:disabled):not(.mfui-v6-day_modern_active-modern):hover:after,
+.mfui-v6-day_modern:not(:disabled):not(.mfui-v6-day_modern_active-modern):focus:after,
+.mfui-v6-day_modern_active-modern:after {
   content: '';
   position: absolute;
   top: 0;
@@ -154,20 +154,20 @@
   color: var(--content);
   background-color: var(--spbSky0);
 }
-.mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):hover:after {
+.mfui-v6-day_modern:not(:disabled):not(.mfui-v6-day_modern_active-modern):hover:after {
   color: var(--content);
   background-color: var(--spbSky0);
 }
-.mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):focus:after,
-.mfui-day_modern_active-modern:after {
+.mfui-v6-day_modern:not(:disabled):not(.mfui-v6-day_modern_active-modern):focus:after,
+.mfui-v6-day_modern_active-modern:after {
   background-color: var(--brandGreen);
 }
-.mfui-day_active-modern,
-.mfui-day:not(:disabled):focus {
+.mfui-v6-day_active-modern,
+.mfui-v6-day:not(:disabled):focus {
   color: var(--stcWhite);
 }
-.mfui-day_active-modern + .mfui-day_active-modern:before,
-.mfui-day_between-modern:hover + .mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before {
+.mfui-v6-day_active-modern + .mfui-v6-day_active-modern:before,
+.mfui-v6-day_between-modern:hover + .mfui-v6-day:not(.mfui-v6-day_monday-modern).mfui-v6-day_active-modern:before {
   content: '';
   position: absolute;
   top: 0;
@@ -178,11 +178,11 @@
   height: 38px;
   background-color: var(--spbSky1);
 }
-.mfui-day_between-modern {
+.mfui-v6-day_between-modern {
   position: relative;
   border-radius: 0;
 }
-.mfui-day_between-modern:before {
+.mfui-v6-day_between-modern:before {
   content: '';
   position: absolute;
   top: 0;
@@ -193,7 +193,7 @@
   padding: 0 29px;
   background-color: var(--spbSky1);
 }
-.mfui-day_between-modern:after {
+.mfui-v6-day_between-modern:after {
   content: '';
   position: absolute;
   top: 0;
@@ -204,38 +204,38 @@
   height: 38px;
   background-color: var(--spbSky1);
 }
-.mfui-day_sunday-modern,
-.mfui-day_last-modern {
+.mfui-v6-day_sunday-modern,
+.mfui-v6-day_last-modern {
   border-radius: 50%;
 }
-.mfui-day_sunday-modern:before,
-.mfui-day_last-modern:before {
+.mfui-v6-day_sunday-modern:before,
+.mfui-v6-day_last-modern:before {
   padding-left: 20px;
 }
-.mfui-day_sunday-modern:after,
-.mfui-day_last-modern:after {
+.mfui-v6-day_sunday-modern:after,
+.mfui-v6-day_last-modern:after {
   right: 10px;
   width: 38.29px;
   border-radius: 50%;
 }
-.mfui-day_last-modern:after {
+.mfui-v6-day_last-modern:after {
   right: 0;
 }
-.mfui-day_monday-modern,
-.mfui-day_first-modern {
+.mfui-v6-day_monday-modern,
+.mfui-v6-day_first-modern {
   border-radius: 50%;
 }
-.mfui-day_monday-modern:before,
-.mfui-day_first-modern:before {
+.mfui-v6-day_monday-modern:before,
+.mfui-v6-day_first-modern:before {
   left: 0;
   width: 38px;
   padding: 0;
   border-radius: 50%;
 }
-.mfui-day_sunday-modern.mfui-day_first-modern {
+.mfui-v6-day_sunday-modern.mfui-v6-day_first-modern {
   border-radius: 50%;
 }
-.mfui-day__label_modern {
+.mfui-v6-day__label_modern {
   font-weight: 400;
   font-size: 15px;
   line-height: 24px;

package/dist/es/components/Calendar/components/Day/Day.js

@@ -25,7 +25,7 @@ import isMonday from 'date-fns/isMonday';
 import isSunday from 'date-fns/isSunday';
 import PropTypes from 'prop-types';
 import "./Day.css";
-var cn = cnCreate('mfui-day');
+var cn = cnCreate('mfui-v6-day');
 
 var Day = function Day(_a) {
   var dataAttrs = _a.dataAttrs,

package/dist/es/components/Calendar/components/Month/Month.css

@@ -1,4 +1,4 @@
-.mfui-month {
+.mfui-v6-month {
   position: relative;
   z-index: 1;
   display: -webkit-box;
@@ -14,7 +14,7 @@
   width: 284px;
   padding: 28px 0;
 }
-.mfui-month__header {
+.mfui-v6-month__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -28,7 +28,7 @@
   margin-bottom: 20px;
   text-transform: capitalize;
 }
-.mfui-month__header svg {
+.mfui-v6-month__header svg {
   height: 24.5px;
   cursor: pointer;
   -webkit-user-select: none;
@@ -37,14 +37,14 @@
           user-select: none;
   fill: var(--content);
 }
-.mfui-month__title {
+.mfui-v6-month__title {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
   width: 224px;
   text-align: center;
 }
-.mfui-month__weekday-labels {
+.mfui-v6-month__weekday-labels {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   width: 272px;
@@ -54,7 +54,7 @@
      -moz-column-gap: 22px;
           column-gap: 22px;
 }
-.mfui-month__weekday {
+.mfui-v6-month__weekday {
   font-size: 12px;
   line-height: 18px;
   width: 20px;
@@ -65,7 +65,7 @@
   text-align: center;
   text-transform: capitalize;
 }
-.mfui-month__days {
+.mfui-v6-month__days {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   width: 284px;
@@ -75,15 +75,15 @@
           column-gap: 0;
   row-gap: 0;
 }
-svg.mfui-month__arrow_disabled {
+svg.mfui-v6-month__arrow_disabled {
   cursor: default;
   opacity: 0.5;
 }
-.mfui-month_modern {
+.mfui-v6-month_modern {
   width: 344px;
   padding: 0 0 24px;
 }
-.mfui-month_modern .mfui-month__header {
+.mfui-v6-month_modern .mfui-v6-month__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -94,7 +94,7 @@ svg.mfui-month__arrow_disabled {
   margin-bottom: 16px;
   text-transform: capitalize;
 }
-.mfui-month_modern .mfui-month__title {
+.mfui-v6-month_modern .mfui-v6-month__title {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
@@ -102,7 +102,7 @@ svg.mfui-month__arrow_disabled {
   margin: 0 auto;
   text-align: center;
 }
-.mfui-month_modern .mfui-month__weekday-labels {
+.mfui-v6-month_modern .mfui-v6-month__weekday-labels {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   width: 328px;
@@ -112,7 +112,7 @@ svg.mfui-month__arrow_disabled {
      -moz-column-gap: 8px;
           column-gap: 8px;
 }
-.mfui-month_modern .mfui-month__weekday {
+.mfui-v6-month_modern .mfui-v6-month__weekday {
   width: 20px;
   height: 24px;
   margin: 0 auto;
@@ -123,7 +123,7 @@ svg.mfui-month__arrow_disabled {
   text-align: center;
   text-transform: capitalize;
 }
-.mfui-month_modern .mfui-month__days {
+.mfui-v6-month_modern .mfui-v6-month__days {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   width: 328px;

package/dist/es/components/Calendar/components/Month/Month.js

@@ -26,7 +26,7 @@ var ArrowRight = function ArrowRight(props) {
   }));
 };
 
-var cn = cnCreate('mfui-month');
+var cn = cnCreate('mfui-v6-month');
 
 var Month = function Month(_ref) {
   var dataAttrs = _ref.dataAttrs,

package/dist/es/components/Caption/Caption.css

@@ -1,48 +1,48 @@
-.mfui-caption {
+.mfui-v6-caption {
   font-family: inherit;
   font-size: 12px;
   line-height: 18px;
   margin: 0;
 }
-.mfui-caption_variant_normal {
+.mfui-v6-caption_variant_normal {
   font-weight: 400;
 }
-.mfui-caption_variant_medium {
+.mfui-v6-caption_variant_medium {
   font-weight: 500;
 }
-.mfui-caption_space_wide {
+.mfui-v6-caption_space_wide {
   line-height: 18px;
 }
-.mfui-caption_space_tight {
+.mfui-v6-caption_space_tight {
   line-height: 14px;
 }
-.mfui-caption_align_left {
+.mfui-v6-caption_align_left {
   text-align: left;
 }
-.mfui-caption_align_center {
+.mfui-v6-caption_align_center {
   text-align: center;
 }
-.mfui-caption_align_right {
+.mfui-v6-caption_align_right {
   text-align: right;
 }
-.mfui-caption_has-margin {
+.mfui-v6-caption_has-margin {
   margin: 0 0 16px;
 }
-.mfui-caption_color_inherit {
+.mfui-v6-caption_color_inherit {
   color: inherit;
 }
-.mfui-caption_color_default {
+.mfui-v6-caption_color_default {
   color: var(--content);
 }
-.mfui-caption_color_gray {
+.mfui-v6-caption_color_gray {
   color: var(--spbSky3);
 }
-.mfui-caption_color_white {
+.mfui-v6-caption_color_white {
   color: var(--stcWhite);
 }
-.mfui-caption_color_green {
+.mfui-v6-caption_color_green {
   color: var(--brandGreen);
 }
-.mfui-caption_color_purple {
+.mfui-v6-caption_color_purple {
   color: var(--brandPurple);
 }

package/dist/es/components/Caption/Caption.js

@@ -12,7 +12,7 @@ var COLORS = {
   GREEN: 'green',
   PURPLE: 'purple'
 };
-var cn = cnCreate('mfui-caption');
+var cn = cnCreate('mfui-v6-caption');
 
 var Caption = function Caption(_ref) {
   var align = _ref.align,