@megafon/ui-core 6.2.1 → 6.4.0

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.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)
+
+
+### Features
+
+* **tooltip:** add classes for close-button and button on Tooltip ([7c6e075](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/7c6e075a3d75fd16424f9cddb7f1295617fc4519))
+* **tooltip:** fix useEffect dependency ([69a583b](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/69a583b57e98b6fd00edb9b9685d3d9119c581c3))
+
+
+
+
+
 ## [6.2.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.2.0...@megafon/ui-core@6.2.1) (2024-09-02)
 
 
@@ -1640,18 +1664,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/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,