@megafon/ui-core 6.3.0 → 6.4.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.4.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.4.0...@megafon/ui-core@6.4.1) (2024-10-15)
+
+
+### Bug Fixes
+
+* **button:** remove indent between icon-arrow and text for extra-small size ([bf214e4](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/bf214e472604d46252cc6d7358f64aa2462cc5e3))
+* **snackbar:** add border ([4d4c9a7](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/4d4c9a7d56125963cf51f81f17c4848b9e3d5f0c))
+
+
+
+
+
+# [6.4.0](/compare/@megafon/ui-core@6.3.0...@megafon/ui-core@6.4.0) (2024-10-02)
+
+
+### Features
+
+* **css classes:** add v6 into css classes 11d5ef2
+* **search:** add ref for list results dc113f3
+
+
+
+
+
 # [6.3.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.2.1...@megafon/ui-core@6.3.0) (2024-09-24)
 
 
@@ -1652,18 +1676,18 @@ remove deprecared values 'freshAsphalt' and 'clearWhite'
 
 ### Bug Fixes
 
-* rename last mfui-beta to mfui ([6bc1d33](https://github.com/MegafonWebLab/megafon-ui/commit/6bc1d33d118862f969b09126dceb4e4462ec5128))
+* rename last mfui-v6-beta to mfui ([6bc1d33](https://github.com/MegafonWebLab/megafon-ui/commit/6bc1d33d118862f969b09126dceb4e4462ec5128))
 
 
 ### Features
 
-* rename prefix mfui-beta to mfui ([41b2ea4](https://github.com/MegafonWebLab/megafon-ui/commit/41b2ea4880ee6dd0e76b862bfc0d2a86031d734c))
+* rename prefix mfui-v6-beta to mfui ([41b2ea4](https://github.com/MegafonWebLab/megafon-ui/commit/41b2ea4880ee6dd0e76b862bfc0d2a86031d734c))
 
 
 ### BREAKING CHANGES
 
-* 1.x.x version of ui library also has mfui- prefix for components. please, check,
-that you don't have any styles or business logic (e.g. css or js selectors) using mfui- prefix as
+* 1.x.x version of ui library also has mfui-v6- prefix for components. please, check,
+that you don't have any styles or business logic (e.g. css or js selectors) using mfui-v6- prefix as
 match pattern.
 
 

package/dist/es/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/es/components/Accordion/Accordion.js

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

package/dist/es/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/es/components/Avatar/Avatar.js

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

package/dist/es/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/es/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/es/components/Badges/components/CounterBadge/CounterBadge.js

@@ -18,7 +18,7 @@ export var CounterBadgeColorTheme = {
   LIGHT_BLUE: 'light-blue',
   PURPLE: 'purple'
 };
-var cn = cnCreate('mfui-counter-badge');
+var cn = cnCreate('mfui-v6-counter-badge');
 
 var CounterBadge = function CounterBadge(_ref) {
   var totalCount = _ref.totalCount,

package/dist/es/components/Badges/components/NotificationBadge/NotificationBadge.css

@@ -1,4 +1,4 @@
-.mfui-notification-badge {
+.mfui-v6-notification-badge {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -14,17 +14,17 @@
   overflow: hidden;
   color: var(--stcWhite);
 }
-.mfui-notification-badge_theme_green {
+.mfui-v6-notification-badge_theme_green {
   background-color: var(--brandGreen);
   -webkit-box-shadow: 0 2px 4px 0 rgba(0, 185, 86, 0.5);
           box-shadow: 0 2px 4px 0 rgba(0, 185, 86, 0.5);
 }
-.mfui-notification-badge_theme_red {
+.mfui-v6-notification-badge_theme_red {
   background-color: var(--warmRedC);
   -webkit-box-shadow: 0 2px 4px 0 rgba(235, 90, 64, 0.5);
           box-shadow: 0 2px 4px 0 rgba(235, 90, 64, 0.5);
 }
-.mfui-notification-badge_auto-width {
+.mfui-v6-notification-badge_auto-width {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
@@ -32,25 +32,25 @@
   padding: 5px 8px;
   border-radius: 12px;
 }
-.mfui-notification-badge_size_small {
+.mfui-v6-notification-badge_size_small {
   width: 8px;
   height: 8px;
   padding: 0;
   border-radius: 50%;
 }
-.mfui-notification-badge_size_small .mfui-notification-badge__text {
+.mfui-v6-notification-badge_size_small .mfui-v6-notification-badge__text {
   display: none;
 }
-.mfui-notification-badge_size_medium {
+.mfui-v6-notification-badge_size_medium {
   width: 16px;
   height: 16px;
   border-radius: 50%;
 }
-.mfui-notification-badge_size_medium .mfui-notification-badge__text {
+.mfui-v6-notification-badge_size_medium .mfui-v6-notification-badge__text {
   font-size: 10px;
   line-height: 12px;
 }
-.mfui-notification-badge__text {
+.mfui-v6-notification-badge__text {
   font-family: inherit;
   font-weight: 500;
   font-size: 12px;

package/dist/es/components/Badges/components/NotificationBadge/NotificationBadge.js

@@ -13,7 +13,7 @@ export var NotificationBadgeSize = {
   MEDIUM: 'medium',
   BIG: 'big'
 };
-var cn = cnCreate('mfui-notification-badge');
+var cn = cnCreate('mfui-v6-notification-badge');
 
 var NotificationBadge = function NotificationBadge(_ref) {
   var _ref$theme = _ref.theme,

package/dist/es/components/Badges/components/PriceBadge/PriceBadge.css

@@ -1,4 +1,4 @@
-.mfui-price-badge {
+.mfui-v6-price-badge {
   font-size: 12px;
   line-height: 18px;
   display: -webkit-box;
@@ -19,7 +19,7 @@
   font-weight: 500;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-price-badge_adaptive {
+  .mfui-v6-price-badge_adaptive {
     font-size: 15px;
     line-height: 24px;
     min-height: 32px;
@@ -28,91 +28,91 @@
     border-radius: 12px;
   }
 }
-.mfui-price-badge_theme_grey {
+.mfui-v6-price-badge_theme_grey {
   background-color: var(--spbSky0);
 }
-.mfui-price-badge_theme_grey .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_grey .mfui-v6-price-badge__text {
   color: var(--spbSky3);
 }
-.mfui-price-badge_theme_grey .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_grey .mfui-v6-price-badge__icon {
   fill: var(--spbSky3);
 }
-.mfui-price-badge_theme_orange {
+.mfui-v6-price-badge_theme_orange {
   background-color: var(--137C20);
 }
-.mfui-price-badge_theme_orange .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_orange .mfui-v6-price-badge__text {
   color: var(--137C);
 }
-.mfui-price-badge_theme_orange .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_orange .mfui-v6-price-badge__icon {
   fill: var(--137C);
 }
-.mfui-price-badge_theme_green {
+.mfui-v6-price-badge_theme_green {
   background-color: var(--brandGreen20);
 }
-.mfui-price-badge_theme_green .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_green .mfui-v6-price-badge__text {
   color: var(--brandGreen);
 }
-.mfui-price-badge_theme_green .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_green .mfui-v6-price-badge__icon {
   fill: var(--brandGreen);
 }
-.mfui-price-badge_theme_purple {
+.mfui-v6-price-badge_theme_purple {
   background-color: var(--brandPurple80);
 }
-.mfui-price-badge_theme_purple .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_purple .mfui-v6-price-badge__text {
   color: var(--stcWhite);
 }
-.mfui-price-badge_theme_purple .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_purple .mfui-v6-price-badge__icon {
   fill: var(--stcWhite);
 }
-.mfui-price-badge_theme_red {
+.mfui-v6-price-badge_theme_red {
   background-color: var(--fury20);
 }
-.mfui-price-badge_theme_red .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_red .mfui-v6-price-badge__text {
   color: var(--fury);
 }
-.mfui-price-badge_theme_red .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_red .mfui-v6-price-badge__icon {
   fill: var(--fury);
 }
-.mfui-price-badge_theme_light {
+.mfui-v6-price-badge_theme_light {
   background-color: var(--stcWhite20);
 }
-.mfui-price-badge_theme_dark {
+.mfui-v6-price-badge_theme_dark {
   background-color: var(--stcBlack20);
 }
-.mfui-price-badge_theme_light .mfui-price-badge__text,
-.mfui-price-badge_theme_dark .mfui-price-badge__text {
+.mfui-v6-price-badge_theme_light .mfui-v6-price-badge__text,
+.mfui-v6-price-badge_theme_dark .mfui-v6-price-badge__text {
   font-weight: 400;
   color: var(--stcWhite);
 }
-.mfui-price-badge_theme_light .mfui-price-badge__icon,
-.mfui-price-badge_theme_dark .mfui-price-badge__icon {
+.mfui-v6-price-badge_theme_light .mfui-v6-price-badge__icon,
+.mfui-v6-price-badge_theme_dark .mfui-v6-price-badge__icon {
   fill: var(--stcWhite);
 }
-.mfui-price-badge_size_big {
+.mfui-v6-price-badge_size_big {
   padding: 12px 12px 12px 4px;
   font-size: 15px;
   line-height: 18px;
 }
-.mfui-price-badge__text {
+.mfui-v6-price-badge__text {
   font-family: inherit;
   margin-left: 2px;
 }
-.mfui-price-badge__icon-container {
+.mfui-v6-price-badge__icon-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-price-badge__icon {
+.mfui-v6-price-badge__icon {
   width: 20px;
   min-width: 20px;
   height: 20px;
 }
-.mfui-price-badge_size_big .mfui-price-badge__icon {
+.mfui-v6-price-badge_size_big .mfui-v6-price-badge__icon {
   width: 32px;
   min-width: 32px;
   height: 32px;
 }
-.mfui-price-badge_size_big .mfui-price-badge__sub-title {
+.mfui-v6-price-badge_size_big .mfui-v6-price-badge__sub-title {
   margin-top: 2px;
   font-size: 12px;
   line-height: 18px;

package/dist/es/components/Badges/components/PriceBadge/PriceBadge.js

@@ -177,7 +177,7 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
   }
 };
 
-var cn = cnCreate('mfui-price-badge');
+var cn = cnCreate('mfui-v6-price-badge');
 
 var PriceBadge = function PriceBadge(_ref) {
   var _ref$iconType = _ref.iconType,

package/dist/es/components/Badges/components/PromoBadge/PromoBadge.css

@@ -1,4 +1,4 @@
-.mfui-promo-badge {
+.mfui-v6-promo-badge {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -14,54 +14,54 @@
   /* DEPRECATED classes &_type BEGIN */
   /* DEPRECATED classes &_type END */
 }
-.mfui-promo-badge_color_137c {
+.mfui-v6-promo-badge_color_137c {
   background-color: var(--137C);
 }
-.mfui-promo-badge_color_brand-purple-20 {
+.mfui-v6-promo-badge_color_brand-purple-20 {
   color: var(--brandPurple);
   background-color: var(--brandPurple20);
 }
-.mfui-promo-badge_color_brand-purple {
+.mfui-v6-promo-badge_color_brand-purple {
   background-color: var(--brandPurple);
 }
-.mfui-promo-badge_color_reflex-blue {
+.mfui-v6-promo-badge_color_reflex-blue {
   background-color: var(--reflexBlue);
 }
-.mfui-promo-badge_color_system-blue {
+.mfui-v6-promo-badge_color_system-blue {
   background-color: var(--systemBlue);
 }
-.mfui-promo-badge_color_warm-red {
+.mfui-v6-promo-badge_color_warm-red {
   background-color: var(--warmRedC);
 }
-.mfui-promo-badge_color_gradient-purple {
+.mfui-v6-promo-badge_color_gradient-purple {
   color: var(--stcWhite);
   background: linear-gradient(126.8deg, #A336BE 21%, #363078 78%);
 }
-.mfui-promo-badge_type_hit {
+.mfui-v6-promo-badge_type_hit {
   background-color: var(--warmRedC);
 }
-.mfui-promo-badge_type_new {
+.mfui-v6-promo-badge_type_new {
   background-color: var(--systemBlue);
 }
-.mfui-promo-badge_type_vip {
+.mfui-v6-promo-badge_type_vip {
   background-color: var(--brandPurple);
 }
-.mfui-promo-badge_type_popular {
+.mfui-v6-promo-badge_type_popular {
   background-color: var(--137C);
 }
-.mfui-promo-badge_type_user-choice {
+.mfui-v6-promo-badge_type_user-choice {
   background-color: var(--reflexBlue);
 }
-.mfui-promo-badge_type_interests {
+.mfui-v6-promo-badge_type_interests {
   color: var(--brandPurple);
   background-color: var(--brandPurple20);
 }
-.mfui-promo-badge_size_small {
+.mfui-v6-promo-badge_size_small {
   height: 18px;
   padding: 0 8px;
   border-radius: 8px;
 }
-.mfui-promo-badge__text {
+.mfui-v6-promo-badge__text {
   font-family: inherit;
   font-size: 12px;
   line-height: 18px;

package/dist/es/components/Badges/components/PromoBadge/PromoBadge.js

@@ -26,7 +26,7 @@ export var PromoBadgeTypes = {
   USER_CHOICE: 'user-choice',
   INTERESTS: 'interests'
 };
-var cn = cnCreate('mfui-promo-badge');
+var cn = cnCreate('mfui-v6-promo-badge');
 
 var PromoBadge = function PromoBadge(_ref) {
   var color = _ref.color,

package/dist/es/components/Badges/components/TimerBadge/Timer/Timer.js

@@ -71,7 +71,7 @@ export var getCountdownText = function getCountdownText() {
       }
   }
 };
-var cn = cnCreate('mfui-timer');
+var cn = cnCreate('mfui-v6-timer');
 
 var Timer = function Timer(_ref) {
   var actualRemainingTime = _ref.actualRemainingTime,

package/dist/es/components/Badges/components/TimerBadge/TimerBadge.css

@@ -1,4 +1,4 @@
-.mfui-timer-badge {
+.mfui-v6-timer-badge {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -18,36 +18,36 @@
   background: var(--base);
   overflow: hidden;
 }
-.mfui-timer-badge_theme_grey .mfui-timer-badge__text {
+.mfui-v6-timer-badge_theme_grey .mfui-v6-timer-badge__text {
   color: var(--spbSky3);
 }
-.mfui-timer-badge_theme_grey .mfui-timer-badge__icon {
+.mfui-v6-timer-badge_theme_grey .mfui-v6-timer-badge__icon {
   fill: var(--spbSky3);
 }
-.mfui-timer-badge_theme_red .mfui-timer-badge__text {
+.mfui-v6-timer-badge_theme_red .mfui-v6-timer-badge__text {
   color: var(--fury);
 }
-.mfui-timer-badge_theme_red .mfui-timer-badge__icon {
+.mfui-v6-timer-badge_theme_red .mfui-v6-timer-badge__icon {
   fill: var(--fury);
 }
-.mfui-timer-badge__text {
+.mfui-v6-timer-badge__text {
   font-size: 12px;
   line-height: 18px;
   font-family: inherit;
   margin-left: 2px;
   font-weight: 500;
 }
-.mfui-timer-badge__icon {
+.mfui-v6-timer-badge__icon {
   height: 20px;
   width: 20px;
 }
-.mfui-timer-badge__icon-container {
+.mfui-v6-timer-badge__icon-container {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.mfui-timer-badge__icon-container_shadow:before {
+.mfui-v6-timer-badge__icon-container_shadow:before {
   content: '';
   position: absolute;
   top: 2px;

package/dist/es/components/Badges/components/TimerBadge/TimerBadge.js

@@ -26,7 +26,7 @@ var TimerBadgeTheme = {
   RED: 'red',
   GREY: 'grey'
 };
-var cn = cnCreate('mfui-timer-badge');
+var cn = cnCreate('mfui-v6-timer-badge');
 
 var TimerBadge = function TimerBadge(_ref) {
   var expirationDate = _ref.expirationDate,