@megafon/ui-core 6.3.0 → 6.4.1

package/dist/es/components/Tooltip/Tooltip.css

@@ -1,4 +1,4 @@
-.mfui-tooltip {
+.mfui-v6-tooltip {
   z-index: 100;
   visibility: hidden;
   opacity: 0;
@@ -8,23 +8,23 @@
   transition-property: opacity, visibility;
   pointer-events: none;
 }
-.mfui-tooltip_open {
+.mfui-v6-tooltip_open {
   visibility: visible;
   opacity: 1;
   pointer-events: all;
 }
-.mfui-tooltip_paddings_small .mfui-tooltip__content {
+.mfui-v6-tooltip_paddings_small .mfui-v6-tooltip__content {
   padding: 16px;
 }
-.mfui-tooltip_paddings_medium .mfui-tooltip__content {
+.mfui-v6-tooltip_paddings_medium .mfui-v6-tooltip__content {
   padding: 24px;
 }
-.mfui-tooltip__content {
+.mfui-v6-tooltip__content {
   position: relative;
   z-index: 1;
   overflow: hidden;
 }
-.mfui-tooltip__content-shadow {
+.mfui-v6-tooltip__content-shadow {
   position: absolute;
   top: 0;
   right: 0;
@@ -32,14 +32,14 @@
   left: 0;
   z-index: -1;
 }
-.mfui-tooltip__arrow-container {
+.mfui-v6-tooltip__arrow-container {
   position: absolute;
 }
-.mfui-tooltip__arrow-wrap {
+.mfui-v6-tooltip__arrow-wrap {
   width: 33px;
   height: 13px;
 }
-.mfui-tooltip__arrow {
+.mfui-v6-tooltip__arrow {
   width: 33px;
   height: 13px;
   position: absolute;
@@ -50,29 +50,29 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.mfui-tooltip__arrow svg {
+.mfui-v6-tooltip__arrow svg {
   position: absolute;
 }
-.mfui-tooltip__arrow-inner {
+.mfui-v6-tooltip__arrow-inner {
   -webkit-filter: drop-shadow(0 2px 9px rgba(0, 0, 0, 0.15));
           filter: drop-shadow(0 2px 9px rgba(0, 0, 0, 0.15));
   fill: var(--base);
 }
-.mfui-tooltip__text {
+.mfui-v6-tooltip__text {
   font-size: 15px;
   line-height: 24px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-tooltip__text {
+  .mfui-v6-tooltip__text {
     font-size: 12px;
     line-height: 18px;
   }
 }
-.mfui-tooltip__text_margin {
+.mfui-v6-tooltip__text_margin {
   margin-top: 8px;
 }
-.mfui-tooltip__button,
-.mfui-tooltip__close-button {
+.mfui-v6-tooltip__button,
+.mfui-v6-tooltip__close-button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -85,7 +85,7 @@
   border: none;
   cursor: pointer;
 }
-.mfui-tooltip__button {
+.mfui-v6-tooltip__button {
   font-family: inherit;
   color: var(--brandGreen);
   font-weight: 500;
@@ -96,27 +96,27 @@
   transition: 300ms;
 }
 @media screen and (max-width: 767px) {
-  .mfui-tooltip__button {
+  .mfui-v6-tooltip__button {
     font-size: 12px;
     line-height: 14px;
   }
 }
-.mfui-tooltip__button_margin {
+.mfui-v6-tooltip__button_margin {
   margin-top: 8px;
 }
-.mfui-tooltip__button:hover {
+.mfui-v6-tooltip__button:hover {
   color: var(--buttonHoverGreen);
 }
-.mfui-tooltip__button:hover .mfui-tooltip__button-arrow {
+.mfui-v6-tooltip__button:hover .mfui-v6-tooltip__button-arrow {
   fill: var(--buttonHoverGreen);
 }
-.mfui-tooltip__button:active {
+.mfui-v6-tooltip__button:active {
   color: var(--buttonDown);
 }
-.mfui-tooltip__button:active .mfui-tooltip__button-arrow {
+.mfui-v6-tooltip__button:active .mfui-v6-tooltip__button-arrow {
   fill: var(--buttonDown);
 }
-.mfui-tooltip__close-button {
+.mfui-v6-tooltip__close-button {
   position: relative;
   top: -6px;
   right: -6px;
@@ -131,20 +131,20 @@
   -webkit-transition: 300ms;
   transition: 300ms;
 }
-.mfui-tooltip__close-button:hover {
+.mfui-v6-tooltip__close-button:hover {
   background-color: var(--spbSky1);
 }
-.mfui-tooltip__close-button:active {
+.mfui-v6-tooltip__close-button:active {
   background-color: var(--spbSky2);
 }
-.mfui-tooltip__close-icon {
+.mfui-v6-tooltip__close-icon {
   display: block;
   width: 20px;
   height: 20px;
   opacity: 0.5;
   fill: var(--content);
 }
-.mfui-tooltip__button-arrow {
+.mfui-v6-tooltip__button-arrow {
   width: 20px;
   min-width: 20px;
   height: 20px;
@@ -153,15 +153,15 @@
   transition: 300ms;
   fill: var(--brandGreen);
 }
-.mfui-tooltip__addititonal-content_margin {
+.mfui-v6-tooltip__addititonal-content_margin {
   margin-top: 16px;
 }
 @media screen and (max-width: 767px) {
-  .mfui-tooltip__addititonal-content_margin {
+  .mfui-v6-tooltip__addititonal-content_margin {
     margin-top: 12px;
   }
 }
-.mfui-tooltip_small .mfui-tooltip__content {
+.mfui-v6-tooltip_small .mfui-v6-tooltip__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -174,162 +174,162 @@
       -ms-flex-align: center;
           align-items: center;
 }
-.mfui-tooltip_small .mfui-tooltip__text {
+.mfui-v6-tooltip_small .mfui-v6-tooltip__text {
   font-weight: 500;
 }
-.mfui-tooltip_small .mfui-tooltip__close-button {
+.mfui-v6-tooltip_small .mfui-v6-tooltip__close-button {
   top: auto;
 }
-.mfui-tooltip_theme_white .mfui-tooltip__content {
+.mfui-v6-tooltip_theme_white .mfui-v6-tooltip__content {
   border: 1px solid var(--stcWhite10);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__content,
-.mfui-tooltip_theme_blue .mfui-tooltip__content,
-.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,
-.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,
-.mfui-tooltip_theme_red .mfui-tooltip__title,
-.mfui-tooltip_theme_blue .mfui-tooltip__title,
-.mfui-tooltip_theme_red .mfui-tooltip__button,
-.mfui-tooltip_theme_blue .mfui-tooltip__button {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__content,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__content,
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__arrow:before,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__arrow:before,
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__title,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__title,
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__button,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__button {
   color: var(--stcWhite);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__button-arrow,
-.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__button-arrow,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__button-arrow {
   fill: var(--stcWhite);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__button:hover,
-.mfui-tooltip_theme_blue .mfui-tooltip__button:hover {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__button:hover,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__button:hover {
   color: var(--buttonHoverGrey);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,
-.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__button:hover .mfui-v6-tooltip__button-arrow,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__button:hover .mfui-v6-tooltip__button-arrow {
   fill: var(--buttonHoverGrey);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__button:active,
-.mfui-tooltip_theme_blue .mfui-tooltip__button:active {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__button:active,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__button:active {
   color: var(--buttonDown);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow,
-.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__button:active .mfui-v6-tooltip__button-arrow,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__button:active .mfui-v6-tooltip__button-arrow {
   fill: var(--buttonDown);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__close-button,
-.mfui-tooltip_theme_blue .mfui-tooltip__close-button {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__close-button,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__close-button {
   background-color: var(--stcWhite10);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover,
-.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__close-button:hover,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__close-button:hover {
   background-color: var(--stcWhite20);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__close-button:active,
-.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__close-button:active,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__close-button:active {
   background-color: var(--stcWhite50);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__close-icon,
-.mfui-tooltip_theme_blue .mfui-tooltip__close-icon {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__close-icon,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__close-icon {
   opacity: 1;
   fill: var(--stcWhite);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__content,
-.mfui-tooltip_theme_red .mfui-tooltip__content-shadow,
-.mfui-tooltip_theme_red .mfui-tooltip__arrow:before {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__content,
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__arrow:before {
   background-color: var(--fury80);
 }
-.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner {
+.mfui-v6-tooltip_theme_red .mfui-v6-tooltip__arrow-inner {
   fill: var(--fury80);
 }
-.mfui-tooltip_theme_blue .mfui-tooltip__content,
-.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow,
-.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before {
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__content,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__arrow:before {
   background-color: var(--reflexBlue80);
 }
-.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner {
+.mfui-v6-tooltip_theme_blue .mfui-v6-tooltip__arrow-inner {
   fill: var(--reflexBlue80);
 }
-.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__content-shadow,
-.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__content-shadow,
-.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__content-shadow {
+.mfui-v6-tooltip[data-popper-placement='right'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='right-start'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='right-end'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='right'] .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip[data-popper-placement='right-start'] .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip[data-popper-placement='right-end'] .mfui-v6-tooltip__content-shadow {
   -webkit-transform: translateX(24px);
           transform: translateX(24px);
 }
-.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__arrow-wrap,
-.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__arrow-wrap,
-.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__arrow-wrap {
+.mfui-v6-tooltip[data-popper-placement='right'] .mfui-v6-tooltip__arrow-wrap,
+.mfui-v6-tooltip[data-popper-placement='right-start'] .mfui-v6-tooltip__arrow-wrap,
+.mfui-v6-tooltip[data-popper-placement='right-end'] .mfui-v6-tooltip__arrow-wrap {
   left: 3px;
 }
-.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='right'] .mfui-tooltip__arrow-shadow,
-.mfui-tooltip[data-popper-placement='right-start'] .mfui-tooltip__arrow-shadow,
-.mfui-tooltip[data-popper-placement='right-end'] .mfui-tooltip__arrow-shadow {
+.mfui-v6-tooltip[data-popper-placement='right'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='right-start'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='right-end'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='right'] .mfui-v6-tooltip__arrow-shadow,
+.mfui-v6-tooltip[data-popper-placement='right-start'] .mfui-v6-tooltip__arrow-shadow,
+.mfui-v6-tooltip[data-popper-placement='right-end'] .mfui-v6-tooltip__arrow-shadow {
   -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
 }
-.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__content-shadow,
-.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__content-shadow,
-.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__content-shadow {
+.mfui-v6-tooltip[data-popper-placement='left'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='left-start'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='left-end'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='left'] .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip[data-popper-placement='left-start'] .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip[data-popper-placement='left-end'] .mfui-v6-tooltip__content-shadow {
   -webkit-transform: translateX(-24px);
           transform: translateX(-24px);
 }
-.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__arrow-wrap,
-.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__arrow-wrap,
-.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__arrow-wrap {
+.mfui-v6-tooltip[data-popper-placement='left'] .mfui-v6-tooltip__arrow-wrap,
+.mfui-v6-tooltip[data-popper-placement='left-start'] .mfui-v6-tooltip__arrow-wrap,
+.mfui-v6-tooltip[data-popper-placement='left-end'] .mfui-v6-tooltip__arrow-wrap {
   right: 3px;
 }
-.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='left'] .mfui-tooltip__arrow-shadow,
-.mfui-tooltip[data-popper-placement='left-start'] .mfui-tooltip__arrow-shadow,
-.mfui-tooltip[data-popper-placement='left-end'] .mfui-tooltip__arrow-shadow {
+.mfui-v6-tooltip[data-popper-placement='left'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='left-start'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='left-end'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='left'] .mfui-v6-tooltip__arrow-shadow,
+.mfui-v6-tooltip[data-popper-placement='left-start'] .mfui-v6-tooltip__arrow-shadow,
+.mfui-v6-tooltip[data-popper-placement='left-end'] .mfui-v6-tooltip__arrow-shadow {
   -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
 }
-.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__content-shadow,
-.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__content-shadow,
-.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__content-shadow {
+.mfui-v6-tooltip[data-popper-placement='top'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='top-start'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='top-end'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='top'] .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip[data-popper-placement='top-start'] .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip[data-popper-placement='top-end'] .mfui-v6-tooltip__content-shadow {
   -webkit-transform: translateY(-24px);
           transform: translateY(-24px);
 }
-.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__arrow-wrap,
-.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__arrow-wrap,
-.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__arrow-wrap {
+.mfui-v6-tooltip[data-popper-placement='top'] .mfui-v6-tooltip__arrow-wrap,
+.mfui-v6-tooltip[data-popper-placement='top-start'] .mfui-v6-tooltip__arrow-wrap,
+.mfui-v6-tooltip[data-popper-placement='top-end'] .mfui-v6-tooltip__arrow-wrap {
   bottom: 13px;
 }
-.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__arrow,
-.mfui-tooltip[data-popper-placement='top'] .mfui-tooltip__arrow-shadow,
-.mfui-tooltip[data-popper-placement='top-start'] .mfui-tooltip__arrow-shadow,
-.mfui-tooltip[data-popper-placement='top-end'] .mfui-tooltip__arrow-shadow {
+.mfui-v6-tooltip[data-popper-placement='top'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='top-start'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='top-end'] .mfui-v6-tooltip__arrow,
+.mfui-v6-tooltip[data-popper-placement='top'] .mfui-v6-tooltip__arrow-shadow,
+.mfui-v6-tooltip[data-popper-placement='top-start'] .mfui-v6-tooltip__arrow-shadow,
+.mfui-v6-tooltip[data-popper-placement='top-end'] .mfui-v6-tooltip__arrow-shadow {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.mfui-tooltip[data-popper-placement='bottom'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='bottom-start'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='bottom-end'] .mfui-tooltip__content,
-.mfui-tooltip[data-popper-placement='bottom'] .mfui-tooltip__content-shadow,
-.mfui-tooltip[data-popper-placement='bottom-start'] .mfui-tooltip__content-shadow,
-.mfui-tooltip[data-popper-placement='bottom-end'] .mfui-tooltip__content-shadow {
+.mfui-v6-tooltip[data-popper-placement='bottom'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='bottom-start'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='bottom-end'] .mfui-v6-tooltip__content,
+.mfui-v6-tooltip[data-popper-placement='bottom'] .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip[data-popper-placement='bottom-start'] .mfui-v6-tooltip__content-shadow,
+.mfui-v6-tooltip[data-popper-placement='bottom-end'] .mfui-v6-tooltip__content-shadow {
   -webkit-transform: translateY(24px);
           transform: translateY(24px);
 }
-.mfui-tooltip[data-popper-placement='bottom'] .mfui-tooltip__arrow-wrap,
-.mfui-tooltip[data-popper-placement='bottom-start'] .mfui-tooltip__arrow-wrap,
-.mfui-tooltip[data-popper-placement='bottom-end'] .mfui-tooltip__arrow-wrap {
+.mfui-v6-tooltip[data-popper-placement='bottom'] .mfui-v6-tooltip__arrow-wrap,
+.mfui-v6-tooltip[data-popper-placement='bottom-start'] .mfui-v6-tooltip__arrow-wrap,
+.mfui-v6-tooltip[data-popper-placement='bottom-end'] .mfui-v6-tooltip__arrow-wrap {
   top: 13px;
 }
-.mfui-tooltip[data-popper-escaped='true'].mfui-tooltip_has-escape {
+.mfui-v6-tooltip[data-popper-escaped='true'].mfui-v6-tooltip_has-escape {
   visibility: hidden;
   pointer-events: none;
 }

package/dist/es/components/Tooltip/Tooltip.js

@@ -77,7 +77,7 @@ export var Size = {
   BIG: 'big'
 };
 export var testIdPrefix = 'Tooltip';
-var cn = cnCreate('mfui-tooltip');
+var cn = cnCreate('mfui-v6-tooltip');
 
 var Tooltip = function Tooltip(_ref) {
   var className = _ref.className,

package/dist/lib/components/Accordion/Accordion.css

@@ -1,16 +1,16 @@
-.mfui-accordion {
+.mfui-v6-accordion {
   border-radius: 12px;
   background: var(--spbSky0);
 }
-.mfui-accordion + .mfui-accordion {
+.mfui-v6-accordion + .mfui-v6-accordion {
   margin-top: 8px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-accordion + .mfui-accordion {
+  .mfui-v6-accordion + .mfui-v6-accordion {
     margin-top: 12px;
   }
 }
-.mfui-accordion__title-wrap {
+.mfui-v6-accordion__title-wrap {
   position: relative;
   padding: 16px 44px 16px 16px;
   border-radius: 12px;
@@ -20,19 +20,19 @@
   transition: background-color 0.3s;
 }
 @media screen and (min-width: 768px) {
-  .mfui-accordion__title-wrap {
+  .mfui-v6-accordion__title-wrap {
     padding: 24px 56px 24px 24px;
   }
 }
-.mfui-accordion__title-wrap:hover {
+.mfui-v6-accordion__title-wrap:hover {
   background-color: var(--spbSky1);
 }
 @media screen and (max-width: 1023px) {
-  .mfui-accordion__title-wrap:focus {
+  .mfui-v6-accordion__title-wrap:focus {
     background-color: inherit;
   }
 }
-.mfui-accordion__icon-box {
+.mfui-v6-accordion__icon-box {
   position: absolute;
   top: 50%;
   right: 20px;
@@ -55,13 +55,13 @@
           transform: translateY(-50%);
 }
 @media screen and (min-width: 768px) {
-  .mfui-accordion__icon-box {
+  .mfui-v6-accordion__icon-box {
     right: 24px;
     width: 32px;
     height: 32px;
   }
 }
-.mfui-accordion__icon {
+.mfui-v6-accordion__icon {
   width: 20px;
   height: 20px;
   -webkit-transition: -webkit-transform 0.6s;
@@ -70,20 +70,20 @@
   transition: transform 0.6s, -webkit-transform 0.6s;
 }
 @media screen and (min-width: 768px) {
-  .mfui-accordion__icon {
+  .mfui-v6-accordion__icon {
     width: 32px;
     height: 32px;
   }
 }
-.mfui-accordion__content-inner {
+.mfui-v6-accordion__content-inner {
   padding: 4px 20px 20px 16px;
 }
 @media screen and (min-width: 768px) {
-  .mfui-accordion__content-inner {
+  .mfui-v6-accordion__content-inner {
     padding: 4px 24px 20px;
   }
 }
-.mfui-accordion_opened .mfui-accordion__icon {
+.mfui-v6-accordion_opened .mfui-v6-accordion__icon {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }

package/dist/lib/components/Accordion/Accordion.js

@@ -37,7 +37,7 @@ var ArrowDown = function ArrowDown(props) {
   }));
 };
 
-var cn = (0, _uiHelpers.cnCreate)('mfui-accordion');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-accordion');
 
 var Accordion = function Accordion(_ref) {
   var rootRef = _ref.rootRef,

package/dist/lib/components/Avatar/Avatar.css

@@ -1,4 +1,4 @@
-.mfui-avatar {
+.mfui-v6-avatar {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -18,34 +18,34 @@
   font-weight: 500;
   font-size: 15px;
 }
-.mfui-avatar__text {
+.mfui-v6-avatar__text {
   display: block;
 }
-.mfui-avatar__image {
+.mfui-v6-avatar__image {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
   background-color: var(--base);
 }
-.mfui-avatar__placeholder {
+.mfui-v6-avatar__placeholder {
   opacity: 0.3;
 }
-.mfui-avatar_color_green {
+.mfui-v6-avatar_color_green {
   color: var(--brandGreen);
   background-color: var(--brandGreen20);
 }
-.mfui-avatar_color_green .mfui-avatar__placeholder {
+.mfui-v6-avatar_color_green .mfui-v6-avatar__placeholder {
   fill: var(--brandGreen);
 }
-.mfui-avatar_color_gray {
+.mfui-v6-avatar_color_gray {
   color: var(--spbSky3);
   background-color: var(--spbSky0);
 }
-.mfui-avatar_color_gray .mfui-avatar__placeholder {
+.mfui-v6-avatar_color_gray .mfui-v6-avatar__placeholder {
   fill: var(--spbSky3);
 }
-.mfui-avatar_size_auto {
+.mfui-v6-avatar_size_auto {
   width: 100%;
   height: 100%;
   font-size: inherit;

package/dist/lib/components/Avatar/Avatar.js

@@ -31,7 +31,7 @@ var PlaceholderIcon = function PlaceholderIcon(props) {
   }));
 };
 
-var cn = (0, _uiHelpers.cnCreate)('mfui-avatar');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-avatar');
 
 var Avatar = function Avatar(_ref) {
   var src = _ref.src,

package/dist/lib/components/Avatar/i/placeholder.svg

@@ -1 +1,4 @@
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M29.188 40.75l2.625-9.752-.42-.407A16.63 16.63 0 0020 26.312a16.642 16.642 0 00-11.393 4.292l-.42.394 2.626 9.752h18.374zM12.125 15.813a7.875 7.875 0 1015.75 0 7.875 7.875 0 00-15.75 0z"/></svg>
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
+    <path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
+</svg>

package/dist/lib/components/Badges/components/CounterBadge/CounterBadge.css

@@ -1,4 +1,4 @@
-.mfui-counter-badge {
+.mfui-v6-counter-badge {
   padding: 5px 6px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
@@ -18,37 +18,37 @@
   line-height: 14px;
   border-radius: 12px;
 }
-.mfui-counter-badge_limited {
+.mfui-v6-counter-badge_limited {
   padding: 5px 12px;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-counter-badge_adaptive {
+  .mfui-v6-counter-badge_adaptive {
     min-width: 28px;
     font-size: 15px;
     line-height: 18px;
   }
 }
-.mfui-counter-badge_icon {
+.mfui-v6-counter-badge_icon {
   padding: 2px 4px 2px 12px;
 }
-.mfui-counter-badge_adaptive.mfui-counter-badge_icon {
+.mfui-v6-counter-badge_adaptive.mfui-v6-counter-badge_icon {
   padding: 4px 4px 4px 12px;
 }
-.mfui-counter-badge__icon {
+.mfui-v6-counter-badge__icon {
   margin-left: 4px;
   width: 20px;
   min-width: 20px;
   height: 20px;
 }
-.mfui-counter-badge_theme_light-blue {
+.mfui-v6-counter-badge_theme_light-blue {
   background-color: var(--311C20);
 }
-.mfui-counter-badge_theme_light-blue .mfui-counter-badge__icon {
+.mfui-v6-counter-badge_theme_light-blue .mfui-v6-counter-badge__icon {
   fill: var(--311C);
 }
-.mfui-counter-badge_theme_purple {
+.mfui-v6-counter-badge_theme_purple {
   background-color: var(--brandPurple20);
 }
-.mfui-counter-badge_theme_purple .mfui-counter-badge__icon {
+.mfui-v6-counter-badge_theme_purple .mfui-v6-counter-badge__icon {
   fill: var(--brandPurple);
 }

package/dist/lib/components/Badges/components/CounterBadge/CounterBadge.js

@@ -37,7 +37,7 @@ var CounterBadgeColorTheme = {
   PURPLE: 'purple'
 };
 exports.CounterBadgeColorTheme = CounterBadgeColorTheme;
-var cn = (0, _uiHelpers.cnCreate)('mfui-counter-badge');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-counter-badge');
 
 var CounterBadge = function CounterBadge(_ref) {
   var totalCount = _ref.totalCount,