@megafon/ui-shared 9.0.0-alpha.8 → 9.0.0

package/dist/es/components/Partners/components/PartnersItem/PartnersItem.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import * as React from 'react';
+import { cnCreate } from '@megafon/ui-helpers';
+import "./PartnersItem.css";
+var cn = cnCreate('mfui-9-partners-item');
+var PartnersItem = function PartnersItem(_ref) {
+  var src = _ref.src,
+    rel = _ref.rel,
+    alt = _ref.alt,
+    href = _ref.href,
+    className = _ref.className,
+    background = _ref.background,
+    dataAttrs = _ref.dataAttrs;
+  var RootElement = href ? 'a' : 'div';
+  var isLink = !!href;
+  return /*#__PURE__*/React.createElement(RootElement, _extends({
+    href: isLink ? href : undefined,
+    rel: isLink ? rel : undefined,
+    className: cn({
+      background: background,
+      interactive: !!href
+    }, [className])
+  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
+    className: cn('inner')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('img-wrapper')
+  }, /*#__PURE__*/React.createElement("img", {
+    src: src,
+    alt: alt,
+    className: cn('img')
+  }))));
+};
+export default PartnersItem;

package/dist/es/components/Partners/types.d.ts

@@ -0,0 +1,7 @@
+export type BackgroundType = 'shadow' | 'outline' | 'white' | 'gray';
+export type ItemType = {
+    src: string;
+    href?: string;
+    alt: string;
+    rel?: string;
+};

package/dist/es/components/Partners/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es/components/PictureBox/PictureBox.d.ts

@@ -11,6 +11,7 @@ type ButtonType = {
     href?: string;
     target?: '_self' | '_blank';
     rel?: string;
+    icon?: JSX.Element;
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
 };
 export interface IPictureBoxProps {

package/dist/es/components/PictureBox/PictureBox.js

@@ -48,6 +48,7 @@ var PictureBox = function PictureBox(_ref) {
       href: button.href,
       target: button.target,
       rel: button.rel,
+      icon: button.icon,
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
       },
@@ -59,6 +60,7 @@ var PictureBox = function PictureBox(_ref) {
       href: extraButton.href,
       target: extraButton.target,
       rel: extraButton.rel,
+      icon: extraButton.icon,
       type: "outline",
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.extraButton

package/dist/es/components/PromoBanner/components/PromoBannerSlide/PromoBannerSlide.d.ts

@@ -17,6 +17,8 @@ export type BackgroundColorType = (typeof BackgroundColor)[keyof typeof Backgrou
 type ButtonType = {
     /** Заголовок */
     title?: string;
+    /** Иконка */
+    icon?: JSX.Element;
     /** Ссылка */
     href?: string;
     /** Target - свойство тега <a> */

package/dist/es/components/PromoBanner/components/PromoBannerSlide/PromoBannerSlide.js

@@ -68,6 +68,7 @@ var PromoBannerSlide = function PromoBannerSlide(_ref) {
       theme: buttonColor,
       href: button.href,
       target: button.target,
+      icon: button.icon,
       rel: button.rel,
       classes: {
         root: classes === null || classes === void 0 ? void 0 : classes.button
@@ -80,6 +81,7 @@ var PromoBannerSlide = function PromoBannerSlide(_ref) {
       theme: buttonColor,
       href: extraButton.href,
       target: extraButton.target,
+      icon: extraButton.icon,
       rel: extraButton.rel,
       type: "outline",
       classes: {

package/dist/es/components/PromoCards/components/PromoCard/PromoCard.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-card{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);cursor:pointer;-ms-flex-direction:column;flex-direction:column;min-height:100%;text-decoration:none;-webkit-transition:background-color,.3s,.3s,-webkit-box-shadow;transition:background-color,.3s,.3s,-webkit-box-shadow;transition:background-color,.3s,box-shadow,.3s;transition:background-color,.3s,box-shadow,.3s,-webkit-box-shadow}.mfui-9-promo-card_background_shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-9-promo-card_background_shadow:hover,.mfui-9-promo-card_background_white:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1);text-decoration:none}.mfui-9-promo-card_background_gray{background-color:var(--spbSky0)}.mfui-9-promo-card_background_gray:hover{background-color:var(--spbSky1);text-decoration:none}.mfui-9-promo-card__ad-title{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--stcBlack20);border:none;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stcWhite);cursor:pointer;font-family:inherit;font-size:12px;line-height:18px;margin:0;outline:none;padding:1px 8px 3px;position:absolute;right:16px;text-decoration:none;top:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-promo-card__ad-tooltip{max-width:232px}.mfui-9-promo-card__ad-tooltip-content{font-size:12px;line-height:18px}.mfui-9-promo-card__image{border-radius:inherit;vertical-align:top;width:100%}.mfui-9-promo-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:32px 24px}@media screen and (min-width:1280px){.mfui-9-promo-card__content{padding:32px}}.mfui-9-promo-card__badge{left:24px;position:absolute;top:0;translate:0 -50%}@media screen and (min-width:1280px){.mfui-9-promo-card__badge{left:32px}}.mfui-9-promo-card__logo{background-color:var(--base);border:4px solid var(--base);border-radius:50%;position:absolute;right:44px;top:0;-webkit-transition:border-color,.3s;transition:border-color,.3s;translate:0 -50%}@media screen and (min-width:1280px){.mfui-9-promo-card__logo{right:52px}}.mfui-9-promo-card__logo:after,.mfui-9-promo-card__logo:before{content:"";height:10px;position:absolute;top:50%;translate:0 -100%;width:10px}.mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--base) 10px);left:-12px}.mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--base) 10px);right:-12px}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo{background-color:var(--spbSky0);border-color:var(--spbSky0)}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--spbSky0) 10px)}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--spbSky0) 10px)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo{background-color:var(--spbSky1);border-color:var(--spbSky1)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--spbSky1) 10px)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--spbSky1) 10px)}.mfui-9-promo-card__logo-img{border:1px solid var(--spbSky1);border-radius:inherit;height:56px;vertical-align:top;width:56px}@media screen and (min-width:768px){.mfui-9-promo-card__logo-img{height:64px;width:64px}}@media screen and (min-width:1280px){.mfui-9-promo-card__logo-img{height:72px;width:72px}}.mfui-9-promo-card__subtitle{margin-top:8px}.mfui-9-promo-card__list{font-size:15px;font-weight:400;line-height:24px;list-style:none;margin:8px 0 0;padding:0}.mfui-9-promo-card__list-item{margin:0;padding:0 0 0 20px;position:relative}.mfui-9-promo-card__list-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:1px;position:absolute;top:9px;width:6px}.mfui-9-promo-card__list-item:not(:last-child){margin-bottom:12px}.mfui-9-promo-card__list-item b{font-weight:500}.mfui-9-promo-card__footer{margin-top:auto;padding-top:16px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-card{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);cursor:pointer;-ms-flex-direction:column;flex-direction:column;min-height:100%;text-decoration:none;-webkit-transition:background-color,.3s,.3s,-webkit-box-shadow;transition:background-color,.3s,.3s,-webkit-box-shadow;transition:background-color,.3s,box-shadow,.3s;transition:background-color,.3s,box-shadow,.3s,-webkit-box-shadow}.mfui-9-promo-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-promo-card:focus{outline:none}.mfui-9-promo-card_background_shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-9-promo-card_background_shadow:hover,.mfui-9-promo-card_background_white:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1);text-decoration:none}.mfui-9-promo-card_background_gray{background-color:var(--spbSky0)}.mfui-9-promo-card_background_gray:hover{background-color:var(--spbSky1);text-decoration:none}.mfui-9-promo-card__ad-title{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--stcBlack20);border:none;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stcWhite);cursor:pointer;font-family:inherit;font-size:12px;line-height:18px;margin:0;outline:none;padding:1px 8px 3px;position:absolute;right:16px;text-decoration:none;top:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-promo-card__ad-tooltip{max-width:232px}.mfui-9-promo-card__ad-tooltip-content{font-size:12px;line-height:18px}.mfui-9-promo-card__image{border-radius:inherit;vertical-align:top;width:100%}.mfui-9-promo-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:32px 24px}@media screen and (min-width:1280px){.mfui-9-promo-card__content{padding:32px}}.mfui-9-promo-card__badge{left:24px;position:absolute;top:0;translate:0 -50%}@media screen and (min-width:1280px){.mfui-9-promo-card__badge{left:32px}}.mfui-9-promo-card__logo{background-color:var(--base);border:4px solid var(--base);border-radius:50%;position:absolute;right:44px;top:0;-webkit-transition:border-color,.3s;transition:border-color,.3s;translate:0 -50%}@media screen and (min-width:1280px){.mfui-9-promo-card__logo{right:52px}}.mfui-9-promo-card__logo:after,.mfui-9-promo-card__logo:before{content:"";height:10px;position:absolute;top:50%;translate:0 -100%;width:10px}.mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--base) 10px);left:-12px}.mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--base) 10px);right:-12px}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo{background-color:var(--spbSky0);border-color:var(--spbSky0)}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--spbSky0) 10px)}.mfui-9-promo-card_background_gray .mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--spbSky0) 10px)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo{background-color:var(--spbSky1);border-color:var(--spbSky1)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--spbSky1) 10px)}.mfui-9-promo-card_background_gray:hover .mfui-9-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--spbSky1) 10px)}.mfui-9-promo-card__logo-img{border:1px solid var(--spbSky1);border-radius:inherit;height:56px;vertical-align:top;width:56px}@media screen and (min-width:768px){.mfui-9-promo-card__logo-img{height:64px;width:64px}}@media screen and (min-width:1280px){.mfui-9-promo-card__logo-img{height:72px;width:72px}}.mfui-9-promo-card__subtitle{margin-top:8px}.mfui-9-promo-card__list{font-size:15px;font-weight:400;line-height:24px;list-style:none;margin:8px 0 0;padding:0}.mfui-9-promo-card__list-item{margin:0;padding:0 0 0 20px;position:relative}.mfui-9-promo-card__list-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:1px;position:absolute;top:9px;width:6px}.mfui-9-promo-card__list-item:not(:last-child){margin-bottom:12px}.mfui-9-promo-card__list-item b{font-weight:500}.mfui-9-promo-card__footer{margin-top:auto;padding-top:16px}

package/dist/es/components/ServiceCards/components/ServiceCard/ServiceCard.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-service-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--base);border-radius:24px;color:var(--content);height:100%;justify-content:space-between;overflow:hidden;padding:24px 24px 22px;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}@media screen and (min-width:768px){.mfui-9-service-card{padding-bottom:32px}}.mfui-9-service-card:hover{text-decoration:none}.mfui-9-service-card__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-service-card__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-service-card__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-service-card__title{font-size:32px;line-height:40px}}.mfui-9-service-card__subtitle{font-size:15px;font-weight:400;line-height:24px;margin-top:12px}.mfui-9-service-card__image-wrapper{overflow:hidden}.mfui-9-service-card__image{display:block;height:240px;width:240px}.mfui-9-service-card__circle,.mfui-9-service-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-service-card__circle{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--brandGreen);border-radius:50%;height:48px;justify-content:center;width:48px}.mfui-9-service-card:hover .mfui-9-service-card__circle{-webkit-animation:scale-circle 1s ease-out forwards;animation:scale-circle 1s ease-out forwards;-webkit-transform-origin:center;transform-origin:center}.mfui-9-service-card__arrow{height:32px;min-width:32px;width:32px;fill:var(--brandGreen)}.mfui-9-service-card__value{font-size:15px;font-weight:500;line-height:24px;margin-left:8px}.mfui-9-service-card_size_big .mfui-9-service-card__image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:24px;justify-content:center;margin:32px auto}@media screen and (min-width:768px){.mfui-9-service-card_size_big .mfui-9-service-card__image{height:auto;max-height:100%;max-width:100%;width:auto}}.mfui-9-service-card_size_small .mfui-9-service-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-service-card_size_small .mfui-9-service-card__title{font-size:20px;line-height:28px}}.mfui-9-service-card_size_small .mfui-9-service-card__subtitle{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mfui-9-service-card_size_small .mfui-9-service-card__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:767px){.mfui-9-service-card_size_small .mfui-9-service-card__footer{margin-top:20px}}.mfui-9-service-card_size_small .mfui-9-service-card__image-wrapper{margin-bottom:-22px;margin-right:-24px}@media screen and (min-width:768px){.mfui-9-service-card_size_small .mfui-9-service-card__image-wrapper{margin-bottom:-32px}}.mfui-9-service-card_size_small .mfui-9-service-card__image{height:110px;width:110px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-service-card_size_small .mfui-9-service-card__image{height:125px;width:125px}}@media screen and (min-width:1024px){.mfui-9-service-card_size_small .mfui-9-service-card__image{height:150px;width:150px}}@media screen and (max-width:767px){.mfui-9-service-card_size_small .mfui-9-service-card__circle{height:32px;width:32px}.mfui-9-service-card_size_small .mfui-9-service-card__arrow{height:20px;min-width:20px;width:20px}}.mfui-9-service-card:hover:not(.mfui-9-service-card_background_gray){-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-service-card_background_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-service-card_background_gray{background-color:var(--spbSky0)}.mfui-9-service-card_background_gray:hover{background-color:var(--spbSky1)}@-webkit-keyframes scale-circle{0%{scale:1}50%{scale:.6875}to{scale:1}}@keyframes scale-circle{0%{scale:1}50%{scale:.6875}to{scale:1}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-service-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--base);border-radius:24px;color:var(--content);height:100%;justify-content:space-between;overflow:hidden;padding:24px 24px 22px;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-9-service-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-service-card:focus{outline:none}@media screen and (min-width:768px){.mfui-9-service-card{padding-bottom:32px}}.mfui-9-service-card:hover{text-decoration:none}.mfui-9-service-card__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-service-card__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-service-card__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-service-card__title{font-size:32px;line-height:40px}}.mfui-9-service-card__subtitle{font-size:15px;font-weight:400;line-height:24px;margin-top:12px}.mfui-9-service-card__image-wrapper{overflow:hidden}.mfui-9-service-card__image{display:block;height:240px;width:240px}.mfui-9-service-card__circle,.mfui-9-service-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-service-card__circle{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--brandGreen);border-radius:50%;height:48px;justify-content:center;width:48px}.mfui-9-service-card:hover .mfui-9-service-card__circle{-webkit-animation:scale-circle 1s ease-out forwards;animation:scale-circle 1s ease-out forwards;-webkit-transform-origin:center;transform-origin:center}.mfui-9-service-card__arrow{height:32px;min-width:32px;width:32px;fill:var(--brandGreen)}.mfui-9-service-card__value{font-size:15px;font-weight:500;line-height:24px;margin-left:8px}.mfui-9-service-card_size_big .mfui-9-service-card__image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:24px;justify-content:center;margin:32px auto}@media screen and (min-width:768px){.mfui-9-service-card_size_big .mfui-9-service-card__image{height:auto;max-height:100%;max-width:100%;width:auto}}.mfui-9-service-card_size_small .mfui-9-service-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-service-card_size_small .mfui-9-service-card__title{font-size:20px;line-height:28px}}.mfui-9-service-card_size_small .mfui-9-service-card__subtitle{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mfui-9-service-card_size_small .mfui-9-service-card__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:767px){.mfui-9-service-card_size_small .mfui-9-service-card__footer{margin-top:20px}}.mfui-9-service-card_size_small .mfui-9-service-card__image-wrapper{margin-bottom:-22px;margin-right:-24px}@media screen and (min-width:768px){.mfui-9-service-card_size_small .mfui-9-service-card__image-wrapper{margin-bottom:-32px}}.mfui-9-service-card_size_small .mfui-9-service-card__image{height:110px;width:110px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-service-card_size_small .mfui-9-service-card__image{height:125px;width:125px}}@media screen and (min-width:1024px){.mfui-9-service-card_size_small .mfui-9-service-card__image{height:150px;width:150px}}@media screen and (max-width:767px){.mfui-9-service-card_size_small .mfui-9-service-card__circle{height:32px;width:32px}.mfui-9-service-card_size_small .mfui-9-service-card__arrow{height:20px;min-width:20px;width:20px}}.mfui-9-service-card:hover:not(.mfui-9-service-card_background_gray){-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-service-card_background_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-service-card_background_gray{background-color:var(--spbSky0)}.mfui-9-service-card_background_gray:hover{background-color:var(--spbSky1)}@-webkit-keyframes scale-circle{0%{scale:1}50%{scale:.6875}to{scale:1}}@keyframes scale-circle{0%{scale:1}50%{scale:.6875}to{scale:1}}

package/dist/es/components/ServiceCards/components/ServiceCard/ServiceCard.js

@@ -8,7 +8,7 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
+    d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
   }));
 };
 var cn = cnCreate('mfui-9-service-card');

package/dist/es/components/StepperBox/StepperBox.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Stepper } from '@megafon/ui-core';
+export type StepperPropsType = Pick<React.ComponentProps<typeof Stepper>, 'items' | 'align' | 'isNumeric' | 'rootRef' | 'className' | 'classes' | 'dataAttrs'>;
+interface IStepperBox extends StepperPropsType {
+    /** Шаги */
+    items: NonNullable<StepperPropsType['items']>;
+    /** Вертикальное направление на разрешении экрана 0-767 */
+    isVerticalMobile?: boolean;
+}
+declare const StepperBox: React.FC<IStepperBox>;
+export default StepperBox;

package/dist/es/components/StepperBox/StepperBox.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.index-of.js";
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import * as React from 'react';
+import { Stepper } from '@megafon/ui-core';
+import { cnCreate } from '@megafon/ui-helpers';
+import useResolutions from "../../hooks/useResolutions";
+var cn = cnCreate('mfui-9-stepper-box');
+var StepperBox = function StepperBox(_a) {
+  var items = _a.items,
+    _a$isVerticalMobile = _a.isVerticalMobile,
+    isVerticalMobile = _a$isVerticalMobile === void 0 ? false : _a$isVerticalMobile,
+    _a$align = _a.align,
+    align = _a$align === void 0 ? 'center' : _a$align,
+    restProps = __rest(_a, ["items", "isVerticalMobile", "align"]);
+  var _useResolutions = useResolutions(),
+    isMobile = _useResolutions.isMobile;
+  var isHorizontal = !(isMobile && isVerticalMobile);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn()
+  }, /*#__PURE__*/React.createElement(Stepper, _extends({
+    items: items,
+    align: align,
+    isHorizontal: isHorizontal,
+    isAllChecked: true
+  }, restProps)));
+};
+export default StepperBox;

package/dist/es/components/StoreButton/StoreButton.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-store-button{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:inline-block}.mfui-9-store-button_size-all_small{height:35px;width:119px}.mfui-9-store-button_size-all_medium{height:40px;width:136px}.mfui-9-store-button_size-all_large{height:70px;width:238px}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}@media screen and (min-width:1024px){.mfui-9-store-button_size-desktop_small{height:35px;width:119px}.mfui-9-store-button_size-desktop_medium{height:40px;width:136px}.mfui-9-store-button_size-desktop_large{height:70px;width:238px}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:1280px){.mfui-9-store-button_size-wide_small{height:35px;width:119px}.mfui-9-store-button_size-wide_medium{height:40px;width:136px}.mfui-9-store-button_size-wide_large{height:70px;width:238px}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-button_size-tablet_small{height:35px;width:119px}.mfui-9-store-button_size-tablet_medium{height:40px;width:136px}.mfui-9-store-button_size-tablet_large{height:70px;width:238px}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (max-width:767px){.mfui-9-store-button_size-mobile_small{height:35px;width:119px}.mfui-9-store-button_size-mobile_medium{height:40px;width:136px}.mfui-9-store-button_size-mobile_large{height:70px;width:238px}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-store-button{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:inline-block}.mfui-9-store-button:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-store-button:focus{outline:none}.mfui-9-store-button_size-all_small{height:35px;width:119px}.mfui-9-store-button_size-all_medium{height:40px;width:136px}.mfui-9-store-button_size-all_large{height:70px;width:238px}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-all_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-all_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-all_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}@media screen and (min-width:1024px){.mfui-9-store-button_size-desktop_small{height:35px;width:119px}.mfui-9-store-button_size-desktop_medium{height:40px;width:136px}.mfui-9-store-button_size-desktop_large{height:70px;width:238px}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-desktop_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-desktop_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-desktop_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:1280px){.mfui-9-store-button_size-wide_small{height:35px;width:119px}.mfui-9-store-button_size-wide_medium{height:40px;width:136px}.mfui-9-store-button_size-wide_large{height:70px;width:238px}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-wide_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-wide_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-wide_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-button_size-tablet_small{height:35px;width:119px}.mfui-9-store-button_size-tablet_medium{height:40px;width:136px}.mfui-9-store-button_size-tablet_large{height:70px;width:238px}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-tablet_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-tablet_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-tablet_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}@media screen and (max-width:767px){.mfui-9-store-button_size-mobile_small{height:35px;width:119px}.mfui-9-store-button_size-mobile_medium{height:40px;width:136px}.mfui-9-store-button_size-mobile_large{height:70px;width:238px}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_app-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_app-store{background-image:url(img/app-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_galaxy-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_google-play,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_google-play{background-image:url(img/google-play.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_huawei-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_mi-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_ru-store,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store.png)}.mfui-9-store-button_size-mobile_medium.mfui-9-store-button_theme_v-appstore,.mfui-9-store-button_size-mobile_small.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_app-store{background-image:url(img/app-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_galaxy-store{background-image:url(img/galaxy-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_google-play{background-image:url(img/google-play-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_huawei-store{background-image:url(img/huawei-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_mi-store{background-image:url(img/mi-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_ru-store{background-image:url(img/ru-store-large.png)}.mfui-9-store-button_size-mobile_large.mfui-9-store-button_theme_v-appstore{background-image:url(img/v-appstore-large.png)}}

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-title-description-box{color:var(--content),.mfui-9-title-description-box __item_header;font-family:inherit;color-white-space:pre-wrap}.mfui-9-title-description-box__item:not(:last-child){margin-bottom:16px}.mfui-9-title-description-box_text-color_white{color:var(--stcWhite)}.mfui-9-title-description-box_h-align_center{text-align:center}.mfui-9-title-description-box__description{font-size:15px;font-weight:400;line-height:24px}.mfui-9-title-description-box__description :last-child{margin-bottom:0!important}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-title-description-box{color:var(--content);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;width:100%}@media screen and (max-width:767px){.mfui-9-title-description-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}}@media screen and (min-width:768px){.mfui-9-title-description-box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:32px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.mfui-9-title-description-box__text-content{-ms-flex-negative:1;flex-shrink:1;-ms-flex-item-align:center;align-self:center}@media screen and (max-width:1023px){.mfui-9-title-description-box__text-content{width:100%}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-title-description-box__text-content{width:83.3%}}@media screen and (min-width:1280px){.mfui-9-title-description-box__text-content{width:66.7%}}.mfui-9-title-description-box__item_header{white-space:pre-wrap}.mfui-9-title-description-box__item:not(:last-child){margin-bottom:16px}.mfui-9-title-description-box__description{font-size:15px;font-weight:400;line-height:24px}.mfui-9-title-description-box__description :last-child{margin-bottom:0!important}.mfui-9-title-description-box__button{-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:end;align-self:flex-end}.mfui-9-title-description-box_text-color_white{color:var(--stcWhite)}.mfui-9-title-description-box_h-align_center:not(.mfui-9-title-description-box_with-button) .mfui-9-title-description-box__text-content{margin-inline:auto;text-align:center}.mfui-9-title-description-box_with-button .mfui-9-title-description-box__text-content{width:100%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-title-description-box_with-button .mfui-9-title-description-box__text-content{max-width:440px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-title-description-box_with-button .mfui-9-title-description-box__text-content{max-width:590px}}@media screen and (min-width:1280px){.mfui-9-title-description-box_with-button .mfui-9-title-description-box__text-content{max-width:740px}}

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts

@@ -1,22 +1,48 @@
 import * as React from 'react';
 import './TitleDescriptionBox.scss';
+export type ButtonType = {
+    /** Название */
+    title: string;
+    /** Иконка */
+    icon?: React.JSX.Element;
+    /** Ссылка */
+    href?: string;
+    /** Target свойство кнопки */
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    /** Rel - атрибут тега <a> */
+    rel?: string;
+    /** Задает атрибут download для тега <a> */
+    download?: boolean;
+    /** Показать стелку */
+    showArrow?: boolean;
+    /** Обработчик клика */
+    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
+};
 export interface ITitleDescriptionBoxProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        button?: Record<string, string>;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Дополнительные классы для внутренних элементов */
+    classes?: {
+        root?: string;
+        button?: string;
+    };
     /** Заголовок */
     title?: string | React.ReactNode[] | React.ReactNode;
     /** Описание */
     description?: string | React.ReactNode[] | React.ReactNode;
     /** Цвет текста */
     textColor?: 'white';
-    /** Горизонтальное выравнивание */
+    /** Горизонтальное выравнивание (в состоянии без кнопки) */
     align?: 'center';
+    /** Кнопка */
+    button?: ButtonType;
 }
 declare const TitleDescriptionBox: React.FC<ITitleDescriptionBoxProps>;
 export default TitleDescriptionBox;

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import * as React from 'react';
-import { Header, Paragraph, Grid, GridColumn } from '@megafon/ui-core';
+import { Header, Paragraph, Button } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import { setRelAttribute } from "../../helpers/setRelAttribute";
 import "./TitleDescriptionBox.css";
-var testIdPrefix = 'TitleDescriptionBox';
 var cn = cnCreate('mfui-9-title-description-box');
 var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
   var dataAttrs = _ref.dataAttrs,
@@ -13,48 +13,55 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
     description = _ref.description,
     textColor = _ref.textColor,
     align = _ref.align,
+    button = _ref.button,
     rootRef = _ref.rootRef,
-    className = _ref.className;
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes;
+  var hasButton = !!(button === null || button === void 0 ? void 0 : button.title);
   var renderDescription = React.useCallback(function () {
     if (typeof description === 'string') {
       return /*#__PURE__*/React.createElement(Paragraph, {
         className: cn('item'),
         hasMargin: false,
-        color: "inherit",
-        dataAttrs: {
-          root: {
-            'data-testid': "".concat(testIdPrefix, "-description-text")
-          }
-        }
+        color: "inherit"
       }, description);
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('description'),
-      "data-testid": "".concat(testIdPrefix, "-description-node")
+      className: cn('description')
     }, description);
   }, [description]);
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'h-align': align,
-      'text-color': textColor
-    }, className),
+      'text-color': textColor,
+      'with-button': hasButton
+    }, [className, classes.root]),
     ref: rootRef
-  }), /*#__PURE__*/React.createElement(Grid, {
-    hAlign: align,
-    dataAttrs: {
-      container: {
-        'data-testid': "".concat(testIdPrefix, "-grid")
-      }
-    }
-  }, /*#__PURE__*/React.createElement(GridColumn, {
-    wide: "8",
-    desktop: "10"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cn('text-content')
   }, title && /*#__PURE__*/React.createElement(Header, {
     className: cn('item', {
       header: true
     }),
     as: "h2",
     color: "inherit"
-  }, title), description && renderDescription())));
+  }, title), description && renderDescription()), hasButton && /*#__PURE__*/React.createElement(Button, {
+    className: cn('button', [classes.button]),
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    },
+    type: "primary",
+    theme: "green",
+    sizeAll: "large",
+    fullWidthMobile: true,
+    icon: button.icon,
+    href: button.href,
+    target: button.target,
+    download: button.download,
+    showArrow: button.showArrow,
+    rel: setRelAttribute(button.rel, button.target),
+    onClick: button.onClick
+  }, button.title));
 };
 export default TitleDescriptionBox;

package/dist/es/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
+export default useIsomorphicLayoutEffect;

package/dist/es/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,6 @@
+import React from 'react';
+// A safe version of `useLayoutEffect` that works with SSR.
+// On the server, it falls back to `useEffect` to avoid hydration warnings.
+// https://reactjs.org/link/uselayouteffect-ssr
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+export default useIsomorphicLayoutEffect;

package/dist/es/index.d.ts

@@ -4,6 +4,8 @@ export { default as AudioProgress } from './components/AudioPlayer/AudioProgress
 export { default as AudioRange } from './components/AudioPlayer/AudioRange';
 export { default as AudioVolume } from './components/AudioPlayer/AudioVolume';
 export { default as BannerBox } from './components/BannerBox/BannerBox';
+export { default as BenefitCard } from './components/BenefitCards/BenefitCard/BenefitCard';
+export { default as BenefitCards } from './components/BenefitCards/BenefitCards';
 export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
 export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
@@ -15,7 +17,9 @@ export { default as ButtonBanner } from './components/ButtonBanner/ButtonBanner'
 export { default as ButtonLinkBox } from './components/ButtonLinkBox/ButtonLinkBox';
 export { default as ButtonsBox } from './components/ButtonsBox/ButtonsBox';
 export { default as Card } from './components/Card/Card';
+export { default as CardOnBackground } from './components/CardsOnBackground/components/CardOnBackground';
 export { default as CardsBox } from './components/CardsBox/CardsBox';
+export { default as CardsOnBackground } from './components/CardsOnBackground/CardsOnBackground';
 export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
 export { default as ChipBox } from './components/ChipsBox/ChipBox';
 export { default as ChipsBox } from './components/ChipsBox/ChipsBox';
@@ -34,6 +38,7 @@ export { default as NumbersBox } from './components/NumbersBox/NumbersBox';
 export { default as NumbersCard } from './components/NumbersBox/components/NumbersCard/NumbersCard';
 export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';
+export { default as PartnersItem } from './components/Partners/components/PartnersItem/PartnersItem';
 export { default as PictureBox } from './components/PictureBox/PictureBox';
 export { default as PictureWithDescription } from './components/PictureWithDescription/PictureWithDescription';
 export { default as PromoBanner } from './components/PromoBanner/PromoBanner';
@@ -45,8 +50,7 @@ export { default as ServiceCard } from './components/ServiceCards/components/Ser
 export { default as ServiceCards } from './components/ServiceCards/ServiceCards';
 export { default as SidePictureCard } from './components/SidePictureCards/components/SidePictureCard';
 export { default as SidePictureCards } from './components/SidePictureCards/SidePictureCards';
-export { default as Stepper } from './components/Stepper/Stepper';
-export { default as StepperItem } from './components/Stepper/StepperItem';
+export { default as StepperBox } from './components/StepperBox/StepperBox';
 export { default as Steps } from './components/Steps/Steps';
 export { default as StepsItem } from './components/Steps/StepsItem';
 export { default as StoreBanner } from './components/StoreBanner/StoreBanner';
@@ -63,5 +67,6 @@ export { default as TextWithIconItem } from './components/TextWithIcon/TextWithI
 export { default as timerFormatUtil } from './components/AudioPlayer/timerFormatUtil';
 export { default as TitleDescriptionBox } from './components/TitleDescriptionBox/TitleDescriptionBox';
 export { default as useTrackDuration } from './components/AudioPlayer/hooks/useTrackDuration';
+export { default as useUniformHeights } from './components/CardsOnBackground/useUniformHeights';
 export { default as VideoBanner } from './components/VideoBanner/VideoBanner';
 export { default as VideoBlock } from './components/VideoBlock/VideoBlock';

package/dist/es/index.js

@@ -4,6 +4,8 @@ export { default as AudioProgress } from "./components/AudioPlayer/AudioProgress
 export { default as AudioRange } from "./components/AudioPlayer/AudioRange";
 export { default as AudioVolume } from "./components/AudioPlayer/AudioVolume";
 export { default as BannerBox } from "./components/BannerBox/BannerBox";
+export { default as BenefitCard } from "./components/BenefitCards/BenefitCard/BenefitCard";
+export { default as BenefitCards } from "./components/BenefitCards/BenefitCards";
 export { default as BenefitsIcons } from "./components/BenefitsIcons/BenefitsIcons";
 export { default as BenefitsIconsTile } from "./components/BenefitsIcons/BenefitsIconsTile";
 export { default as BenefitsPictures } from "./components/BenefitsPictures/BenefitsPictures";
@@ -15,7 +17,9 @@ export { default as ButtonBanner } from "./components/ButtonBanner/ButtonBanner"
 export { default as ButtonLinkBox } from "./components/ButtonLinkBox/ButtonLinkBox";
 export { default as ButtonsBox } from "./components/ButtonsBox/ButtonsBox";
 export { default as Card } from "./components/Card/Card";
+export { default as CardOnBackground } from "./components/CardsOnBackground/components/CardOnBackground";
 export { default as CardsBox } from "./components/CardsBox/CardsBox";
+export { default as CardsOnBackground } from "./components/CardsOnBackground/CardsOnBackground";
 export { default as CarouselBox } from "./components/CarouselBox/CarouselBox";
 export { default as ChipBox } from "./components/ChipsBox/ChipBox";
 export { default as ChipsBox } from "./components/ChipsBox/ChipsBox";
@@ -34,6 +38,7 @@ export { default as NumbersBox } from "./components/NumbersBox/NumbersBox";
 export { default as NumbersCard } from "./components/NumbersBox/components/NumbersCard/NumbersCard";
 export { default as PageTitle } from "./components/PageTitle/PageTitle";
 export { default as Partners } from "./components/Partners/Partners";
+export { default as PartnersItem } from "./components/Partners/components/PartnersItem/PartnersItem";
 export { default as PictureBox } from "./components/PictureBox/PictureBox";
 export { default as PictureWithDescription } from "./components/PictureWithDescription/PictureWithDescription";
 export { default as PromoBanner } from "./components/PromoBanner/PromoBanner";
@@ -45,8 +50,7 @@ export { default as ServiceCard } from "./components/ServiceCards/components/Ser
 export { default as ServiceCards } from "./components/ServiceCards/ServiceCards";
 export { default as SidePictureCard } from "./components/SidePictureCards/components/SidePictureCard";
 export { default as SidePictureCards } from "./components/SidePictureCards/SidePictureCards";
-export { default as Stepper } from "./components/Stepper/Stepper";
-export { default as StepperItem } from "./components/Stepper/StepperItem";
+export { default as StepperBox } from "./components/StepperBox/StepperBox";
 export { default as Steps } from "./components/Steps/Steps";
 export { default as StepsItem } from "./components/Steps/StepsItem";
 export { default as StoreBanner } from "./components/StoreBanner/StoreBanner";
@@ -63,5 +67,6 @@ export { default as TextWithIconItem } from "./components/TextWithIcon/TextWithI
 export { default as timerFormatUtil } from "./components/AudioPlayer/timerFormatUtil";
 export { default as TitleDescriptionBox } from "./components/TitleDescriptionBox/TitleDescriptionBox";
 export { default as useTrackDuration } from "./components/AudioPlayer/hooks/useTrackDuration";
+export { default as useUniformHeights } from "./components/CardsOnBackground/useUniformHeights";
 export { default as VideoBanner } from "./components/VideoBanner/VideoBanner";
 export { default as VideoBlock } from "./components/VideoBlock/VideoBlock";

package/dist/lib/components/BenefitCards/BenefitCard/BenefitCard.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-9-benefit-card{border:none;border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;line-height:24px;min-height:100%;overflow:hidden;padding:16px;position:relative;-webkit-transition:.3s;transition:.3s;width:100%}.mfui-9-benefit-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-benefit-card:focus{outline:none}@media screen and (min-width:1280px){.mfui-9-benefit-card{padding:24px}}.mfui-9-benefit-card:after{background:var(--stcWhite5);border-radius:24px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity .3s;transition:opacity .3s}.mfui-9-benefit-card:hover{text-decoration:none}.mfui-9-benefit-card_interactive:hover:after{opacity:1}.mfui-9-benefit-card_background_gray{background-color:var(--spbSky0)}.mfui-9-benefit-card_background_white{background-color:var(--base)}.mfui-9-benefit-card_background_outline{background-color:var(--base);border:1px solid var(--spbSky2)}.mfui-9-benefit-card_background_soft-purple{background-color:var(--brandPurple20);border:none}.mfui-9-benefit-card_background_soft-green{background-color:var(--brandGreen20);border:none}.mfui-9-benefit-card_background_soft-night{background-color:var(--night20);border:none}.mfui-9-benefit-card_background_soft-sky{background-color:var(--sky20);border:none}.mfui-9-benefit-card_background_soft-flamingo{background-color:var(--flamingo20);border:none}.mfui-9-benefit-card_background_soft-berry{background-color:var(--berry20);border:none}.mfui-9-benefit-card_background_gradient-berry1{background:var(--gradientBerry1);border:none}.mfui-9-benefit-card_background_gradient-berry2{background:var(--gradientBerry2);border:none}.mfui-9-benefit-card_background_gradient-purple1{background:var(--gradientPurple1);border:none}.mfui-9-benefit-card_background_gradient-purple2{background:var(--gradientPurple2);border:none}.mfui-9-benefit-card_background_gradient-purple3{background:var(--gradientPurple3);border:none}.mfui-9-benefit-card_background_gray.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_outline.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_white.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--spbSky3);box-shadow:0 0 0 1px var(--spbSky3)}.mfui-9-benefit-card_background_soft-green.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--brandGreen80);box-shadow:0 0 0 1px var(--brandGreen80)}.mfui-9-benefit-card_background_soft-purple.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--brandPurple80);box-shadow:0 0 0 1px var(--brandPurple80)}.mfui-9-benefit-card_background_soft-night.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--night80);box-shadow:0 0 0 1px var(--night80)}.mfui-9-benefit-card_background_soft-berry.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--berry80);box-shadow:0 0 0 1px var(--berry80)}.mfui-9-benefit-card_background_soft-flamingo.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--flamingo80);box-shadow:0 0 0 1px var(--flamingo80)}.mfui-9-benefit-card_background_soft-sky.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--sky80);box-shadow:0 0 0 1px var(--sky80)}.mfui-9-benefit-card_background_gradient-berry1.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_gradient-berry2.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_gradient-purple1.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_gradient-purple2.mfui-9-benefit-card_interactive:hover,.mfui-9-benefit-card_background_gradient-purple3.mfui-9-benefit-card_interactive:hover{-webkit-box-shadow:0 0 0 1px var(--berry);box-shadow:0 0 0 1px var(--berry)}.mfui-9-benefit-card_background_outline.mfui-9-benefit-card_interactive:hover:after,.mfui-9-benefit-card_background_white.mfui-9-benefit-card_interactive:hover:after{opacity:0}.mfui-9-benefit-card_gradient{color:var(--stcWhite)}.mfui-9-benefit-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-right:86px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-benefit-card__content{margin-right:64px}}@media screen and (min-width:1280px){.mfui-9-benefit-card__content{margin-right:136px}}.mfui-9-benefit-card__content b{font-weight:500}.mfui-9-benefit-card__image{bottom:0;height:85px;-o-object-fit:contain;object-fit:contain;-o-object-position:right bottom;object-position:right bottom;position:absolute;right:0;width:110px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-benefit-card__image{height:68px;width:88px}}@media screen and (min-width:1280px){.mfui-9-benefit-card__image{height:124px;width:160px}}.mfui-9-benefit-card__pseudo-link{color:var(--systemBlue);text-decoration:none}.mfui-9-benefit-card_gradient .mfui-9-benefit-card__pseudo-link{color:var(--stcWhite);font-weight:500}.mfui-9-benefit-card_interactive:hover .mfui-9-benefit-card__pseudo-link{text-decoration:underline}

package/dist/lib/components/BenefitCards/BenefitCard/BenefitCard.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ExtraBackgroundType, IBenefitCardData, MainBackgroundType } from '../types';
+import './BenefitCard.scss';
+export interface IBenefitCard extends IBenefitCardData {
+    className?: string;
+    background?: MainBackgroundType | ExtraBackgroundType;
+    dataAttrs?: {
+        root?: Record<string, string>;
+        pseudoLink?: Record<string, string>;
+    };
+}
+declare const BenefitCard: React.FC<IBenefitCard>;
+export default BenefitCard;

package/dist/lib/components/BenefitCards/BenefitCard/BenefitCard.js

@@ -0,0 +1,68 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.link.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+var _setRelAttribute = require("../../../helpers/setRelAttribute");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var typographyConfig = {
+  b: {
+    component: function component(_ref) {
+      var children = _ref.children;
+      return /*#__PURE__*/React.createElement("b", null, children);
+    }
+  }
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-benefit-card');
+var BenefitCard = function BenefitCard(_ref2) {
+  var title = _ref2.title,
+    description = _ref2.description,
+    imageSrc = _ref2.imageSrc,
+    link = _ref2.link,
+    _ref2$background = _ref2.background,
+    background = _ref2$background === void 0 ? 'gray' : _ref2$background,
+    dataAttrs = _ref2.dataAttrs,
+    className = _ref2.className;
+  var isLink = !!link;
+  var Element = isLink ? 'a' : 'div';
+  var isGradientBackground = !!background && background.includes('gradient');
+  return /*#__PURE__*/React.createElement(Element, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    href: link === null || link === void 0 ? void 0 : link.href,
+    target: link === null || link === void 0 ? void 0 : link.target,
+    rel: isLink ? (0, _setRelAttribute.setRelAttribute)(link.rel, link.target) : undefined,
+    className: cn({
+      background: background,
+      interactive: isLink,
+      gradient: isGradientBackground
+    }, [className]),
+    tabIndex: isLink ? 0 : -1
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cn('content')
+  }, /*#__PURE__*/React.createElement(_uiCore.Header, {
+    as: "h3",
+    color: "inherit"
+  }, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
+    hasMargin: false,
+    color: "inherit"
+  }, (0, _uiHelpers.convert)(description, typographyConfig), !!(link === null || link === void 0 ? void 0 : link.pseudoLinkText) && /*#__PURE__*/React.createElement(React.Fragment, null, ' ', /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pseudoLink), {
+    className: cn('pseudo-link')
+  }), link.pseudoLinkText)))), /*#__PURE__*/React.createElement("img", {
+    src: imageSrc,
+    alt: title,
+    className: cn('image')
+  }));
+};
+var _default = exports["default"] = BenefitCard;