@megafon/ui-shared 6.5.1 → 6.6.0

package/dist/es/components/Card/Card.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-card {
+.mfui-v6-card {
   font-family: inherit;
   font-size: 15px;
   line-height: 24px;
@@ -28,40 +28,40 @@ h5 {
   transition: background-color 0.3s, box-shadow, 0.3s, -webkit-box-shadow;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-card {
+  .mfui-v6-card {
     padding: 24px 24px 32px;
   }
 }
-.mfui-card_full-height {
+.mfui-v6-card_full-height {
   height: 100%;
 }
-.mfui-card_link {
+.mfui-v6-card_link {
   cursor: pointer;
 }
-.mfui-card_view_shadow {
+.mfui-v6-card_view_shadow {
   -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-card_link.mfui-card_view_hover-shadow:hover,
-.mfui-card_link.mfui-card_view_shadow:hover {
+.mfui-v6-card_link.mfui-v6-card_view_hover-shadow:hover,
+.mfui-v6-card_link.mfui-v6-card_view_shadow: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-card_view_background {
+.mfui-v6-card_view_background {
   background-color: var(--spbSky0);
 }
-.mfui-card_link.mfui-card_view_background:hover {
+.mfui-v6-card_link.mfui-v6-card_view_background:hover {
   background-color: var(--spbSky1);
 }
-.mfui-card_only-title {
+.mfui-v6-card_only-title {
   padding: 24px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-card_only-title {
+  .mfui-v6-card_only-title {
     padding: 32px;
   }
 }
-.mfui-card__header {
+.mfui-v6-card__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -73,34 +73,34 @@ h5 {
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.mfui-card__icon {
+.mfui-v6-card__icon {
   width: 40px;
   height: 40px;
   margin-bottom: 32px;
 }
-.mfui-card__img-box {
+.mfui-v6-card__img-box {
   position: relative;
   padding-bottom: 56.25%;
   border-radius: 24px;
   overflow: hidden;
 }
-.mfui-card__img-box_position_top {
+.mfui-v6-card__img-box_position_top {
   margin: -6px -6px 24px -6px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-card__img-box_position_top {
+  .mfui-v6-card__img-box_position_top {
     margin: -12px -12px 32px -12px;
   }
 }
-.mfui-card__img-box_position_bottom {
+.mfui-v6-card__img-box_position_bottom {
   margin: 24px -6px 0 -6px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-card__img-box_position_bottom {
+  .mfui-v6-card__img-box_position_bottom {
     margin: 32px -12px 0 -12px;
   }
 }
-.mfui-card__img {
+.mfui-v6-card__img {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -111,23 +111,23 @@ h5 {
   transition: transform 0.3s;
   transition: transform 0.3s, -webkit-transform 0.3s;
 }
-.mfui-card_link:hover .mfui-card__img {
+.mfui-v6-card_link:hover .mfui-v6-card__img {
   -webkit-transform: scale(1.2);
           transform: scale(1.2);
 }
-.mfui-card__marker-list {
+.mfui-v6-card__marker-list {
   margin: 16px 0 0 0;
   padding: 0;
   list-style-type: none;
 }
-.mfui-card__marker-item {
+.mfui-v6-card__marker-item {
   position: relative;
   padding-left: 20px;
 }
-.mfui-card__marker-item:not(:last-child) {
+.mfui-v6-card__marker-item:not(:last-child) {
   margin-bottom: 12px;
 }
-.mfui-card__marker-item:before {
+.mfui-v6-card__marker-item:before {
   content: '';
   position: absolute;
   top: 7px;
@@ -138,13 +138,13 @@ h5 {
   background-color: var(--stcBlack20);
   opacity: 0.8;
 }
-.mfui-card__marker-note {
+.mfui-v6-card__marker-note {
   display: block;
   margin: 4px 0 0 0;
   padding: 0;
   font-weight: 500;
 }
-.mfui-card__texts {
+.mfui-v6-card__texts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -155,18 +155,18 @@ h5 {
   gap: 12px;
   margin-top: 16px;
 }
-.mfui-card__texts ol,
-.mfui-card__texts ul {
+.mfui-v6-card__texts ol,
+.mfui-v6-card__texts ul {
   margin: 0;
   padding-left: 24px;
 }
-.mfui-card__texts ul {
+.mfui-v6-card__texts ul {
   list-style-type: disc;
 }
-.mfui-card__texts-title {
+.mfui-v6-card__texts-title {
   font-weight: 500;
 }
-.mfui-card__features {
+.mfui-v6-card__features {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -178,12 +178,12 @@ h5 {
   margin-top: 16px;
   overflow: hidden;
 }
-.mfui-card__features-list {
+.mfui-v6-card__features-list {
   margin: 0;
   padding: 0;
   list-style: none;
 }
-.mfui-card__features-item {
+.mfui-v6-card__features-item {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -195,7 +195,7 @@ h5 {
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.mfui-card__features-item:before {
+.mfui-v6-card__features-item:before {
   content: '';
   position: absolute;
   bottom: 0.4em;
@@ -204,37 +204,37 @@ h5 {
   background-image: radial-gradient(circle, var(--spbSky3) 1px, transparent 1px);
   background-size: 6px 2px;
 }
-.mfui-card__features-item-value {
+.mfui-v6-card__features-item-value {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   text-align: end;
 }
-.mfui-card__features-item-text {
+.mfui-v6-card__features-item-text {
   position: relative;
   z-index: 1;
   background-color: var(--base);
   -webkit-transition: background-color 0.3s;
   transition: background-color 0.3s;
 }
-.mfui-card_view_background .mfui-card__features-item-text {
+.mfui-v6-card_view_background .mfui-v6-card__features-item-text {
   background-color: var(--spbSky0);
 }
-.mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text {
+.mfui-v6-card_link.mfui-v6-card_view_background:hover .mfui-v6-card__features-item-text {
   background-color: var(--spbSky1);
 }
-.mfui-card__features-item-title .mfui-card__features-item-text {
+.mfui-v6-card__features-item-title .mfui-v6-card__features-item-text {
   padding-right: 4px;
 }
-.mfui-card__features-item-value .mfui-card__features-item-text {
+.mfui-v6-card__features-item-value .mfui-v6-card__features-item-text {
   padding-left: 4px;
 }
-.mfui-card__icons {
+.mfui-v6-card__icons {
   margin-top: 16px;
 }
-.mfui-card__icons-desc {
+.mfui-v6-card__icons-desc {
   margin-bottom: 12px;
 }
-.mfui-card__icons-list {
+.mfui-v6-card__icons-list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -244,22 +244,22 @@ h5 {
           flex-direction: column;
   gap: 12px;
 }
-.mfui-card__icons-item {
+.mfui-v6-card__icons-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-card__icons-item-icon {
+.mfui-v6-card__icons-item-icon {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   width: 32px;
   height: 32px;
   margin-right: 8px;
 }
-.mfui-card__icons-item-text {
+.mfui-v6-card__icons-item-text {
   margin-top: 4px;
 }
-.mfui-card__price {
+.mfui-v6-card__price {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -277,19 +277,19 @@ h5 {
   border-top: 1px solid var(--spbSky1);
 }
 @media screen and (min-width: 1280px) {
-  .mfui-card__price {
+  .mfui-v6-card__price {
     margin-top: 32px;
   }
 }
-.mfui-card__img-box + .mfui-card__price {
+.mfui-v6-card__img-box + .mfui-v6-card__price {
   padding-top: 0;
   border: none;
 }
-.mfui-card__price-old-value {
+.mfui-v6-card__price-old-value {
   position: relative;
   color: var(--spbSky3);
 }
-.mfui-card__price-old-value:before {
+.mfui-v6-card__price-old-value:before {
   content: '';
   position: absolute;
   top: 50%;
@@ -298,31 +298,31 @@ h5 {
   height: 1px;
   background-color: var(--warmRedC);
 }
-.mfui-card__price-value {
+.mfui-v6-card__price-value {
   font-weight: 600;
   font-size: 22px;
   line-height: 28px;
   letter-spacing: 0.5px;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-card__price-value {
+  .mfui-v6-card__price-value {
     font-size: 26px;
     line-height: 32px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-card__price-value {
+  .mfui-v6-card__price-value {
     font-size: 28px;
     line-height: 36px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-card__price-value {
+  .mfui-v6-card__price-value {
     font-size: 32px;
     line-height: 40px;
   }
 }
-.mfui-card__buttons {
+.mfui-v6-card__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -331,15 +331,15 @@ h5 {
   gap: 16px;
   margin-top: 32px;
 }
-.mfui-card__price + .mfui-card__buttons {
+.mfui-v6-card__price + .mfui-v6-card__buttons {
   margin-top: 24px;
 }
-.mfui-card__buttons_centered {
+.mfui-v6-card__buttons_centered {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
-.mfui-card__button {
+.mfui-v6-card__button {
   -ms-flex-preferred-size: 190px;
       flex-basis: 190px;
   -webkit-box-flex: 1;
@@ -349,6 +349,6 @@ h5 {
       flex-shrink: 1;
   max-width: 320px;
 }
-.mfui-card__footer {
+.mfui-v6-card__footer {
   margin-top: auto;
 }

package/dist/es/components/Card/Card.js

@@ -32,7 +32,7 @@ var textsConvertConfig = {
     }
   }
 };
-var cn = cnCreate('mfui-card');
+var cn = cnCreate('mfui-v6-card');
 
 var Card = function Card(_ref5) {
   var dataAttrs = _ref5.dataAttrs,

package/dist/es/components/CardsBox/CardsBox.js

@@ -5,7 +5,7 @@ import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import getColumnConfig from "./helpers";
-var cn = cnCreate('mfui-cards-box');
+var cn = cnCreate('mfui-v6-cards-box');
 
 var CardsBox = function CardsBox(_ref) {
   var _ref$renderTwoColumns = _ref.renderTwoColumnsInRow,

package/dist/es/components/CarouselBox/CarouselBox.js

@@ -38,7 +38,7 @@ var getDefaultSlideSettings = function getDefaultSlideSettings(desktopSlidesPerV
   }), _ref;
 };
 
-var cn = cnCreate('mfui-carousel-box');
+var cn = cnCreate('mfui-v6-carousel-box');
 
 var CarouselBox = function CarouselBox(_a) {
   var children = _a.children,