@megafon/ui-core 6.2.1 → 6.4.0

package/dist/es/components/NavArrow/NavArrow.css

@@ -1,4 +1,4 @@
-.mfui-nav-arrow {
+.mfui-v6-nav-arrow {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   width: 40px;
@@ -16,48 +16,48 @@
           appearance: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.mfui-nav-arrow:disabled {
+.mfui-v6-nav-arrow:disabled {
   cursor: default;
   opacity: 0.3;
   pointer-events: none;
 }
-.mfui-nav-arrow__icon {
+.mfui-v6-nav-arrow__icon {
   display: block;
   width: 100%;
   height: 100%;
   fill: var(--stcWhite);
 }
-.mfui-nav-arrow_theme_purple {
+.mfui-v6-nav-arrow_theme_purple {
   background-color: var(--brandPurple);
 }
-.mfui-nav-arrow_theme_purple:hover {
+.mfui-v6-nav-arrow_theme_purple:hover {
   background-color: var(--buttonHoverPurple);
 }
-.mfui-nav-arrow_theme_purple:active {
+.mfui-v6-nav-arrow_theme_purple:active {
   background-color: var(--buttonDown);
 }
-.mfui-nav-arrow_theme_dark {
+.mfui-v6-nav-arrow_theme_dark {
   background-color: var(--stcBlack20);
 }
-.mfui-nav-arrow_theme_dark:hover {
+.mfui-v6-nav-arrow_theme_dark:hover {
   background-color: var(--stcBlack50);
 }
-.mfui-nav-arrow_theme_dark:active {
+.mfui-v6-nav-arrow_theme_dark:active {
   background-color: var(--buttonDown);
 }
-.mfui-nav-arrow_theme_white {
+.mfui-v6-nav-arrow_theme_white {
   background-color: var(--stcWhite);
   -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
-.mfui-nav-arrow_theme_white:hover {
+.mfui-v6-nav-arrow_theme_white:hover {
   -webkit-box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
           box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
 }
-.mfui-nav-arrow_theme_white:active {
+.mfui-v6-nav-arrow_theme_white:active {
   -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
           box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
 }
-.mfui-nav-arrow_theme_white .mfui-nav-arrow__icon {
+.mfui-v6-nav-arrow_theme_white .mfui-v6-nav-arrow__icon {
   fill: var(--stcBlack);
 }

package/dist/es/components/NavArrow/NavArrow.js

@@ -30,7 +30,7 @@ export var View = {
   PREV: 'prev',
   NEXT: 'next'
 };
-var cn = cnCreate('mfui-nav-arrow');
+var cn = cnCreate('mfui-v6-nav-arrow');
 
 var NavArrow = function NavArrow(_ref) {
   var dataAttrs = _ref.dataAttrs,

package/dist/es/components/Notification/Notification.css

@@ -5,23 +5,23 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-notification {
+.mfui-v6-notification {
   position: relative;
   padding: 20px 12px 20px 32px;
   border-radius: 12px;
   background-color: var(--base);
 }
 @media screen and (max-width: 767px) {
-  .mfui-notification {
+  .mfui-v6-notification {
     padding: 16px 12px;
   }
 }
-.mfui-notification__container {
+.mfui-v6-notification__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-notification__title {
+.mfui-v6-notification__title {
   display: block;
   margin-bottom: 4px;
   color: var(--content);
@@ -30,14 +30,14 @@ h5 {
   line-height: 18px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-notification__title {
+  .mfui-v6-notification__title {
     line-height: 24px;
   }
 }
-.mfui-notification__title_close-padding {
+.mfui-v6-notification__title_close-padding {
   padding-right: 20px;
 }
-.mfui-notification__text {
+.mfui-v6-notification__text {
   font-size: 12px;
   line-height: 18px;
   position: relative;
@@ -48,20 +48,20 @@ h5 {
   transition: height 300ms;
 }
 @media screen and (min-width: 768px) {
-  .mfui-notification__text {
+  .mfui-v6-notification__text {
     font-size: 15px;
     line-height: 24px;
   }
 }
-.mfui-notification__short-text {
+.mfui-v6-notification__short-text {
   position: static;
   visibility: visible;
   opacity: 1;
   -webkit-transition: opacity 200ms;
   transition: opacity 200ms;
 }
-.mfui-notification__short-text_hidden,
-.mfui-notification__full-text {
+.mfui-v6-notification__short-text_hidden,
+.mfui-v6-notification__full-text {
   position: absolute;
   top: 0;
   visibility: hidden;
@@ -69,14 +69,14 @@ h5 {
   -webkit-transition: opacity 300ms, visibility 300ms;
   transition: opacity 300ms, visibility 300ms;
 }
-.mfui-notification__full-text_visible {
+.mfui-v6-notification__full-text_visible {
   position: static;
   visibility: visible;
   opacity: 1;
   -webkit-transition: opacity 200ms;
   transition: opacity 200ms;
 }
-.mfui-notification__content {
+.mfui-v6-notification__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -93,7 +93,7 @@ h5 {
   margin-left: 12px;
   overflow: hidden;
 }
-.mfui-notification__icon-container {
+.mfui-v6-notification__icon-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -112,22 +112,22 @@ h5 {
   height: 40px;
   border-radius: 50%;
 }
-.mfui-notification__attention-icon,
-.mfui-notification__icon-container svg {
+.mfui-v6-notification__attention-icon,
+.mfui-v6-notification__icon-container svg {
   width: 32px;
   min-width: 32px;
   height: 32px;
 }
-.mfui-notification__text-container {
+.mfui-v6-notification__text-container {
   width: 85%;
   margin-right: 56px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-notification__text-container {
+  .mfui-v6-notification__text-container {
     margin-right: 72px;
   }
 }
-.mfui-notification__bottom {
+.mfui-v6-notification__bottom {
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -141,16 +141,16 @@ h5 {
   width: 100%;
   margin-top: 8px;
 }
-.mfui-notification__bottom-block {
+.mfui-v6-notification__bottom-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;
 }
-.mfui-notification__bottom_has-button {
+.mfui-v6-notification__bottom_has-button {
   margin-top: 12px;
 }
-.mfui-notification__link {
+.mfui-v6-notification__link {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -160,24 +160,24 @@ h5 {
   color: var(--brandGreen);
   cursor: pointer;
 }
-.mfui-notification__button + .mfui-notification__link {
+.mfui-v6-notification__button + .mfui-v6-notification__link {
   margin-left: 16px;
 }
-.mfui-notification__link,
-.mfui-notification__collapse-button {
+.mfui-v6-notification__link,
+.mfui-v6-notification__collapse-button {
   font-weight: 500;
   font-size: 15px;
   font-family: inherit;
   line-height: 18px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-notification__link,
-  .mfui-notification__collapse-button {
+  .mfui-v6-notification__link,
+  .mfui-v6-notification__collapse-button {
     font-size: 12px;
     line-height: 14px;
   }
 }
-.mfui-notification__collapse-button {
+.mfui-v6-notification__collapse-button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -195,43 +195,43 @@ h5 {
   cursor: pointer;
 }
 @media screen and (max-width: 767px) {
-  .mfui-notification__collapse-button {
+  .mfui-v6-notification__collapse-button {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
 }
-.mfui-notification__link-arrow,
-.mfui-notification__collapse-arrow {
+.mfui-v6-notification__link-arrow,
+.mfui-v6-notification__collapse-arrow {
   width: 20px;
   min-width: 20px;
   height: 20px;
   fill: var(--brandGreen);
 }
-.mfui-notification__collapse-arrow_close {
+.mfui-v6-notification__collapse-arrow_close {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.mfui-notification__link-arrow {
+.mfui-v6-notification__link-arrow {
   margin-bottom: -2px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-notification__link-arrow {
+  .mfui-v6-notification__link-arrow {
     margin-bottom: -4px;
   }
 }
-.mfui-notification__bottom-block + .mfui-notification__collapse-button {
+.mfui-v6-notification__bottom-block + .mfui-v6-notification__collapse-button {
   margin-left: 20px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-notification__bottom-block + .mfui-notification__collapse-button {
+  .mfui-v6-notification__bottom-block + .mfui-v6-notification__collapse-button {
     margin-left: 16px;
   }
 }
-.mfui-notification__collapse_hidden {
+.mfui-v6-notification__collapse_hidden {
   visibility: hidden;
 }
-.mfui-notification__close {
+.mfui-v6-notification__close {
   position: absolute;
   top: 8px;
   right: 8px;
@@ -253,97 +253,97 @@ h5 {
   cursor: pointer;
 }
 @media screen and (min-width: 768px) {
-  .mfui-notification__close {
+  .mfui-v6-notification__close {
     top: 12px;
     right: 12px;
     width: 32px;
     height: 32px;
   }
 }
-.mfui-notification__close:hover {
+.mfui-v6-notification__close:hover {
   background-color: var(--spbSky1);
 }
-.mfui-notification__close:active {
+.mfui-v6-notification__close:active {
   background-color: var(--spbSky2);
 }
-.mfui-notification__close-icon {
+.mfui-v6-notification__close-icon {
   width: 10px;
   height: 10px;
   opacity: 0.5;
   fill: var(--content);
 }
-.mfui-notification_type_error .mfui-notification__icon-container {
+.mfui-v6-notification_type_error .mfui-v6-notification__icon-container {
   background-color: var(--fury20);
 }
-.mfui-notification_type_error .mfui-notification__icon-container svg {
+.mfui-v6-notification_type_error .mfui-v6-notification__icon-container svg {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--fury);
 }
-.mfui-notification_type_success .mfui-notification__icon-container {
+.mfui-v6-notification_type_success .mfui-v6-notification__icon-container {
   background-color: var(--brandGreen20);
 }
-.mfui-notification_type_success .mfui-notification__icon-container svg {
+.mfui-v6-notification_type_success .mfui-v6-notification__icon-container svg {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--brandGreen);
 }
-.mfui-notification_type_warning .mfui-notification__icon-container {
+.mfui-v6-notification_type_warning .mfui-v6-notification__icon-container {
   background-color: var(--137C20);
 }
-.mfui-notification_type_warning .mfui-notification__icon-container svg {
+.mfui-v6-notification_type_warning .mfui-v6-notification__icon-container svg {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--137C);
 }
-.mfui-notification_type_info .mfui-notification__icon-container {
+.mfui-v6-notification_type_info .mfui-v6-notification__icon-container {
   background-color: var(--311C20);
 }
-.mfui-notification_type_info .mfui-notification__icon-container svg {
+.mfui-v6-notification_type_info .mfui-v6-notification__icon-container svg {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--311C);
 }
-.mfui-notification_colored .mfui-notification__icon-container {
+.mfui-v6-notification_colored .mfui-v6-notification__icon-container {
   background-color: var(--base);
 }
-.mfui-notification_colored.mfui-notification_type_info {
+.mfui-v6-notification_colored.mfui-v6-notification_type_info {
   background-color: var(--311C20);
 }
-.mfui-notification_colored.mfui-notification_type_warning {
+.mfui-v6-notification_colored.mfui-v6-notification_type_warning {
   background-color: var(--137C20);
 }
-.mfui-notification_colored.mfui-notification_type_success {
+.mfui-v6-notification_colored.mfui-v6-notification_type_success {
   background-color: var(--brandGreen20);
 }
-.mfui-notification_colored.mfui-notification_type_info .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_info .mfui-notification__text,
-.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__text,
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__text {
+.mfui-v6-notification_colored.mfui-v6-notification_type_info .mfui-v6-notification__title,
+.mfui-v6-notification_colored.mfui-v6-notification_type_warning .mfui-v6-notification__title,
+.mfui-v6-notification_colored.mfui-v6-notification_type_success .mfui-v6-notification__title,
+.mfui-v6-notification_colored.mfui-v6-notification_type_info .mfui-v6-notification__text,
+.mfui-v6-notification_colored.mfui-v6-notification_type_warning .mfui-v6-notification__text,
+.mfui-v6-notification_colored.mfui-v6-notification_type_success .mfui-v6-notification__text {
   color: var(--content);
 }
-.mfui-notification_colored.mfui-notification_type_error {
+.mfui-v6-notification_colored.mfui-v6-notification_type_error {
   background-color: var(--fury80);
 }
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__text,
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__link,
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__collapse-button {
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__title,
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__text,
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__link,
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__collapse-button {
   color: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__link-arrow,
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__collapse-arrow {
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__link-arrow,
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__collapse-arrow {
   fill: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container {
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__icon-container {
   background-color: var(--stcWhite20);
 }
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container svg {
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__icon-container svg {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__close:not(:hover) {
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__close:not(:hover) {
   background-color: var(--stcWhite20);
 }
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__close:not(:hover) .mfui-notification__close-icon {
+.mfui-v6-notification_colored.mfui-v6-notification_type_error .mfui-v6-notification__close:not(:hover) .mfui-v6-notification__close-icon {
   /* stylelint-disable-line max-nesting-depth */
   opacity: 1;
   fill: var(--stcWhite);

package/dist/es/components/Notification/Notification.js

@@ -87,7 +87,7 @@ var ShadowTypes = {
   DEFAULT: 'default'
 };
 export var testIdPrefix = 'Notification';
-var cn = cnCreate('mfui-notification');
+var cn = cnCreate('mfui-v6-notification');
 
 var Notification = function Notification(_ref) {
   var className = _ref.className,

package/dist/es/components/Pagination/Pagination.css

@@ -1,4 +1,4 @@
-.mfui-pagination {
+.mfui-v6-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

package/dist/es/components/Pagination/Pagination.js

@@ -6,7 +6,7 @@ import "./Pagination.css";
 import PaginationButtons from "./components/PaginationButtons/PaginationButtons";
 import PaginationNavigation from "./components/PaginationNavigation/PaginationNavigation";
 import usePagination, { Button } from "./usePagination";
-var cn = cnCreate('mfui-pagination');
+var cn = cnCreate('mfui-v6-pagination');
 
 var Pagination = function Pagination(_ref) {
   var totalPages = _ref.totalPages,

package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-pagination-button {
+.mfui-v6-pagination-button {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
@@ -26,37 +26,37 @@ h5 {
   background-color: transparent;
   cursor: pointer;
 }
-.mfui-pagination-button svg {
+.mfui-v6-pagination-button svg {
   width: 100%;
 }
-.mfui-pagination-button:disabled {
+.mfui-v6-pagination-button:disabled {
   pointer-events: none;
 }
-.mfui-pagination-button_active {
+.mfui-v6-pagination-button_active {
   border-color: var(--brandGreen);
   pointer-events: none;
 }
-.mfui-pagination-button_theme_default {
+.mfui-v6-pagination-button_theme_default {
   color: var(--content);
 }
-.mfui-pagination-button_theme_default svg {
+.mfui-v6-pagination-button_theme_default svg {
   fill: var(--content);
 }
-.mfui-pagination-button_theme_default:hover {
+.mfui-v6-pagination-button_theme_default:hover {
   background-color: var(--spbSky0);
 }
-.mfui-pagination-button_theme_default.mfui-pagination-button_active {
+.mfui-v6-pagination-button_theme_default.mfui-v6-pagination-button_active {
   border-color: var(--brandGreen);
 }
-.mfui-pagination-button_theme_light {
+.mfui-v6-pagination-button_theme_light {
   color: var(--stcWhite);
 }
-.mfui-pagination-button_theme_light svg {
+.mfui-v6-pagination-button_theme_light svg {
   fill: var(--stcWhite);
 }
-.mfui-pagination-button_theme_light:hover {
+.mfui-v6-pagination-button_theme_light:hover {
   background-color: var(--stcWhite20);
 }
-.mfui-pagination-button_theme_light.mfui-pagination-button_active {
+.mfui-v6-pagination-button_theme_light.mfui-v6-pagination-button_active {
   border-color: var(--stcWhite);
 }

package/dist/es/components/Pagination/components/PaginationButton/PaginationButton.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./PaginationButton.css";
-var cn = cnCreate('mfui-pagination-button');
+var cn = cnCreate('mfui-v6-pagination-button');
 
 var PaginationButton = function PaginationButton(_ref) {
   var _ref$disabled = _ref.disabled,

package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.css

@@ -1,9 +1,9 @@
-.mfui-pagination-buttons {
+.mfui-v6-pagination-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-pagination-buttons__button {
+.mfui-v6-pagination-buttons__button {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   margin: 0 4px;

package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.js

@@ -14,7 +14,7 @@ var NothingIcon = function NothingIcon(props) {
   }));
 };
 
-var cn = cnCreate('mfui-pagination-buttons');
+var cn = cnCreate('mfui-v6-pagination-buttons');
 
 var PaginationButtons = function PaginationButtons(_ref) {
   var items = _ref.items,

package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.css

@@ -5,13 +5,13 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-pagination-navigation_direction_left .mfui-pagination-navigation__icon {
+.mfui-v6-pagination-navigation_direction_left .mfui-v6-pagination-navigation__icon {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.mfui-pagination-navigation svg {
+.mfui-v6-pagination-navigation svg {
   width: 100%;
 }
-.mfui-pagination-navigation:disabled svg {
+.mfui-v6-pagination-navigation:disabled svg {
   opacity: 0.25;
 }

package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js

@@ -13,7 +13,7 @@ var ArrowRightIcon = function ArrowRightIcon(props) {
   }));
 };
 
-var cn = cnCreate('mfui-pagination-navigation');
+var cn = cnCreate('mfui-v6-pagination-navigation');
 
 var PaginationNavigation = function PaginationNavigation(_ref) {
   var _ref$direction = _ref.direction,

package/dist/es/components/Paragraph/Paragraph.css

@@ -1,43 +1,43 @@
-.mfui-paragraph {
+.mfui-v6-paragraph {
   font-family: inherit;
   font-size: 15px;
   line-height: 24px;
   margin: 0;
   font-weight: 400;
 }
-.mfui-paragraph_align_left {
+.mfui-v6-paragraph_align_left {
   text-align: left;
 }
-.mfui-paragraph_align_center {
+.mfui-v6-paragraph_align_center {
   text-align: center;
 }
-.mfui-paragraph_align_right {
+.mfui-v6-paragraph_align_right {
   text-align: right;
 }
-.mfui-paragraph_space_wide {
+.mfui-v6-paragraph_space_wide {
   line-height: 24px;
 }
-.mfui-paragraph_space_tight {
+.mfui-v6-paragraph_space_tight {
   line-height: 18px;
 }
-.mfui-paragraph_has-margin {
+.mfui-v6-paragraph_has-margin {
   margin: 0 0 16px;
 }
-.mfui-paragraph_color_inherit {
+.mfui-v6-paragraph_color_inherit {
   color: inherit;
 }
-.mfui-paragraph_color_default {
+.mfui-v6-paragraph_color_default {
   color: var(--content);
 }
-.mfui-paragraph_color_gray {
+.mfui-v6-paragraph_color_gray {
   color: var(--spbSky3);
 }
-.mfui-paragraph_color_white {
+.mfui-v6-paragraph_color_white {
   color: var(--stcWhite);
 }
-.mfui-paragraph_color_green {
+.mfui-v6-paragraph_color_green {
   color: var(--brandGreen);
 }
-.mfui-paragraph_color_purple {
+.mfui-v6-paragraph_color_purple {
   color: var(--brandPurple);
 }

package/dist/es/components/Paragraph/Paragraph.js

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