@megafon/ui-shared 6.5.1 → 6.7.0

package/dist/es/components/InfoCards/InfoCards.css

@@ -5,71 +5,71 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-info-cards {
+.mfui-v6-info-cards {
   display: grid;
   grid-template-columns: auto;
   gap: 20px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-info-cards_size_small.mfui-info-cards_position_right-side {
+  .mfui-v6-info-cards_size_small.mfui-v6-info-cards_position_right-side {
     grid-template-columns: repeat(auto-fit, minmax(326px, 1fr));
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-info-cards_size_small.mfui-info-cards_position_right-side {
+  .mfui-v6-info-cards_size_small.mfui-v6-info-cards_position_right-side {
     grid-template-columns: repeat(auto-fit, minmax(438px, 1fr));
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-info-cards_size_small.mfui-info-cards_position_right-side {
+  .mfui-v6-info-cards_size_small.mfui-v6-info-cards_position_right-side {
     grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
   }
 }
 @media screen and (min-width: 768px) {
-  .mfui-info-cards_size_small.mfui-info-cards_position_top-left {
+  .mfui-v6-info-cards_size_small.mfui-v6-info-cards_position_top-left {
     grid-template-columns: repeat(auto-fit, minmax(326px, 1fr));
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-info-cards_size_small.mfui-info-cards_position_top-left {
+  .mfui-v6-info-cards_size_small.mfui-v6-info-cards_position_top-left {
     grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-info-cards_size_medium.mfui-info-cards_position_right-side {
+  .mfui-v6-info-cards_size_medium.mfui-v6-info-cards_position_right-side {
     grid-template-columns: repeat(auto-fit, minmax(326px, 1fr));
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-info-cards_size_medium.mfui-info-cards_position_right-side {
+  .mfui-v6-info-cards_size_medium.mfui-v6-info-cards_position_right-side {
     grid-template-columns: repeat(auto-fit, minmax(438px, 1fr));
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-info-cards_size_medium.mfui-info-cards_position_right-side {
+  .mfui-v6-info-cards_size_medium.mfui-v6-info-cards_position_right-side {
     grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-info-cards_size_medium.mfui-info-cards_position_top-left {
+  .mfui-v6-info-cards_size_medium.mfui-v6-info-cards_position_top-left {
     grid-template-columns: repeat(auto-fit, minmax(326px, 1fr));
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-info-cards_size_medium.mfui-info-cards_position_top-left {
+  .mfui-v6-info-cards_size_medium.mfui-v6-info-cards_position_top-left {
     grid-template-columns: repeat(auto-fit, minmax(209px, 1fr));
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-info-cards_size_medium.mfui-info-cards_position_top-left {
+  .mfui-v6-info-cards_size_medium.mfui-v6-info-cards_position_top-left {
     grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-info-cards_size_big {
+  .mfui-v6-info-cards_size_big {
     grid-template-columns: 1fr 1fr;
   }
 }
-.mfui-info-cards_position_top-left.mfui-info-cards_background_no {
+.mfui-v6-info-cards_position_top-left.mfui-v6-info-cards_background_no {
   row-gap: 40px;
 }

package/dist/es/components/InfoCards/InfoCards.js

@@ -6,7 +6,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import InfoCard from "./components/InfoCard/InfoCard";
 import "./InfoCards.css";
-var cn = cnCreate('mfui-info-cards');
+var cn = cnCreate('mfui-v6-info-cards');
 
 var InfoCards = function InfoCards(_ref) {
   var className = _ref.className,

package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-info-card {
+.mfui-v6-info-card {
   font-family: inherit;
   font-size: 15px;
   line-height: 24px;
@@ -25,10 +25,10 @@ h5 {
   transition: background-color 0.3s, box-shadow 0.3s;
   transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
 }
-.mfui-info-card:hover {
+.mfui-v6-info-card:hover {
   text-decoration: none;
 }
-.mfui-info-card__content {
+.mfui-v6-info-card__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -40,10 +40,10 @@ h5 {
       -ms-flex-positive: 1;
           flex-grow: 1;
 }
-.mfui-info-card__title + .mfui-info-card__description {
+.mfui-v6-info-card__title + .mfui-v6-info-card__description {
   margin-top: 8px;
 }
-.mfui-info-card__more-info {
+.mfui-v6-info-card__more-info {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -58,60 +58,60 @@ h5 {
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
 }
-.mfui-info-card_link:hover .mfui-info-card__more-info {
+.mfui-v6-info-card_link:hover .mfui-v6-info-card__more-info {
   color: var(--brandGreen);
 }
-.mfui-info-card__more-info-text {
+.mfui-v6-info-card__more-info-text {
   margin-top: -2px;
 }
-.mfui-info-card__more-info-arrow {
+.mfui-v6-info-card__more-info-arrow {
   width: 20px;
   height: 20px;
   fill: currentColor;
 }
-.mfui-info-card_size_small {
+.mfui-v6-info-card_size_small {
   padding: 16px 20px;
 }
-.mfui-info-card_size_small .mfui-info-card__image {
+.mfui-v6-info-card_size_small .mfui-v6-info-card__image {
   width: 64px;
   height: 64px;
   margin-bottom: 16px;
 }
-.mfui-info-card_size_small .mfui-info-card__title {
+.mfui-v6-info-card_size_small .mfui-v6-info-card__title {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
 }
-.mfui-info-card_size_small .mfui-info-card__description {
+.mfui-v6-info-card_size_small .mfui-v6-info-card__description {
   font-size: 12px;
   line-height: 18px;
 }
-.mfui-info-card_size_medium {
+.mfui-v6-info-card_size_medium {
   padding: 20px 24px;
 }
-.mfui-info-card_size_medium .mfui-info-card__image {
+.mfui-v6-info-card_size_medium .mfui-v6-info-card__image {
   width: 80px;
   height: 80px;
   margin-bottom: 16px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-info-card_size_medium .mfui-info-card__image {
+  .mfui-v6-info-card_size_medium .mfui-v6-info-card__image {
     margin-bottom: 24px;
   }
 }
-.mfui-info-card_size_medium .mfui-info-card__title {
+.mfui-v6-info-card_size_medium .mfui-v6-info-card__title {
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: 0.5px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-info-card_size_medium .mfui-info-card__title {
+  .mfui-v6-info-card_size_medium .mfui-v6-info-card__title {
     font-size: 20px;
     line-height: 28px;
   }
 }
-.mfui-info-card_size_big {
+.mfui-v6-info-card_size_big {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
@@ -119,7 +119,7 @@ h5 {
   padding: 24px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-info-card_size_big {
+  .mfui-v6-info-card_size_big {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
@@ -130,7 +130,7 @@ h5 {
     padding: 32px;
   }
 }
-.mfui-info-card_size_big .mfui-info-card__image {
+.mfui-v6-info-card_size_big .mfui-v6-info-card__image {
   -ms-flex-item-align: center;
       align-self: center;
   -webkit-box-ordinal-group: 2;
@@ -140,7 +140,7 @@ h5 {
   height: 150px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-info-card_size_big .mfui-info-card__image {
+  .mfui-v6-info-card_size_big .mfui-v6-info-card__image {
     -ms-flex-item-align: start;
         align-self: start;
     -webkit-box-ordinal-group: 1;
@@ -149,39 +149,39 @@ h5 {
     margin-bottom: 16px;
   }
 }
-.mfui-info-card_size_big .mfui-info-card__title {
+.mfui-v6-info-card_size_big .mfui-v6-info-card__title {
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: 0.5px;
 }
 @media screen and (min-width: 1280px) {
-  .mfui-info-card_size_big .mfui-info-card__title {
+  .mfui-v6-info-card_size_big .mfui-v6-info-card__title {
     font-size: 20px;
     line-height: 28px;
   }
 }
-.mfui-info-card_size_big .mfui-info-card__more-info {
+.mfui-v6-info-card_size_big .mfui-v6-info-card__more-info {
   font-size: 15px;
   line-height: 24px;
   padding-top: 24px;
 }
-.mfui-info-card_size_big .mfui-info-card__more-info-arrow {
+.mfui-v6-info-card_size_big .mfui-v6-info-card__more-info-arrow {
   width: 32px;
   height: 32px;
 }
-.mfui-info-card_position_top-left {
+.mfui-v6-info-card_position_top-left {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.mfui-info-card_position_right-side {
+.mfui-v6-info-card_position_right-side {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.mfui-info-card_position_right-side .mfui-info-card__image {
+.mfui-v6-info-card_position_right-side .mfui-v6-info-card__image {
   -ms-flex-item-align: center;
       align-self: center;
   -webkit-box-ordinal-group: 2;
@@ -189,49 +189,49 @@ h5 {
           order: 1;
   margin-bottom: 0;
 }
-.mfui-info-card_position_right-side .mfui-info-card__title + .mfui-info-card__description {
+.mfui-v6-info-card_position_right-side .mfui-v6-info-card__title + .mfui-v6-info-card__description {
   margin-top: 2px;
 }
-.mfui-info-card_position_right-side .mfui-info-card__more-info {
+.mfui-v6-info-card_position_right-side .mfui-v6-info-card__more-info {
   padding-top: 8px;
 }
-.mfui-info-card_background_stroke {
+.mfui-v6-info-card_background_stroke {
   border: 1px solid var(--spbSky2);
 }
-.mfui-info-card_background_shadow {
+.mfui-v6-info-card_background_shadow {
   background-color: var(--base);
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
 }
-.mfui-info-card_background_green {
+.mfui-v6-info-card_background_green {
   background-color: var(--brandGreen20);
 }
-.mfui-info-card_background_purple {
+.mfui-v6-info-card_background_purple {
   background-color: var(--brandPurple20);
 }
-.mfui-info-card_background_white {
+.mfui-v6-info-card_background_white {
   background-color: var(--base);
 }
-.mfui-info-card_background_gray {
+.mfui-v6-info-card_background_gray {
   background-color: var(--spbSky0);
 }
-.mfui-info-card_background_no {
+.mfui-v6-info-card_background_no {
   padding: 0;
 }
-.mfui-info-card_background_stroke.mfui-info-card_link:hover {
+.mfui-v6-info-card_background_stroke.mfui-v6-info-card_link:hover {
   background-color: var(--spbSky0);
 }
-.mfui-info-card_background_shadow.mfui-info-card_link:hover,
-.mfui-info-card_background_white.mfui-info-card_link:hover {
+.mfui-v6-info-card_background_shadow.mfui-v6-info-card_link:hover,
+.mfui-v6-info-card_background_white.mfui-v6-info-card_link: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-info-card_background_gray.mfui-info-card_link:hover {
+.mfui-v6-info-card_background_gray.mfui-v6-info-card_link:hover {
   background-color: var(--spbSky1);
 }
-.mfui-info-card_background_purple.mfui-info-card_link:hover {
+.mfui-v6-info-card_background_purple.mfui-v6-info-card_link:hover {
   background-color: var(--buttonHoverPurpleSoft);
 }
-.mfui-info-card_background_green.mfui-info-card_link:hover {
+.mfui-v6-info-card_background_green.mfui-v6-info-card_link:hover {
   background-color: var(--buttonHoverGreenSoft);
 }

package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js

@@ -23,7 +23,7 @@ var ArrowRight24 = function ArrowRight24(props) {
   }));
 };
 
-var cn = cnCreate('mfui-info-card');
+var cn = cnCreate('mfui-v6-info-card');
 
 var InfoCard = function InfoCard(_ref) {
   var className = _ref.className,