@megafon/ui-shared 9.0.0-alpha.2 → 9.0.0-alpha.21

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/lib/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/lib/components/PictureBox/PictureBox.js

@@ -57,6 +57,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
       },
@@ -68,6 +69,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/lib/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/lib/components/PromoBanner/components/PromoBannerSlide/PromoBannerSlide.js

@@ -77,6 +77,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
@@ -89,6 +90,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/lib/components/PromoCards/PromoCards.d.ts

@@ -15,12 +15,15 @@ export interface IPromoCards extends IPromoCardSettings {
     classes?: {
         root?: string;
         card?: string;
+        cardTitle?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
         card?: Record<string, string>;
     };
+    /** Обработчик смены слайда карусели */
+    onCarouselChange?: CarouselProps['onChange'];
     /** Ссылка на элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Дочерние элементы. Минимальное количество 2 элемента */

package/dist/lib/components/PromoCards/PromoCards.js

@@ -36,6 +36,7 @@ var PromoCards = function PromoCards(_ref) {
     dataAttrs = _ref.dataAttrs,
     className = _ref.className,
     classes = _ref.classes,
+    onCarouselChange = _ref.onCarouselChange,
     rootRef = _ref.rootRef,
     children = _ref.children;
   var itemsLength = (items === null || items === void 0 ? void 0 : items.length) || 0;
@@ -46,6 +47,9 @@ var PromoCards = function PromoCards(_ref) {
   var renderItems = (items || []).map(function (item, i) {
     return /*#__PURE__*/React.createElement(_PromoCard["default"], (0, _extends2["default"])({}, item, {
       className: classes === null || classes === void 0 ? void 0 : classes.card,
+      classes: {
+        title: classes === null || classes === void 0 ? void 0 : classes.cardTitle
+      },
       dataAttrs: {
         root: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.card, i + 1)
       },
@@ -60,7 +64,8 @@ var PromoCards = function PromoCards(_ref) {
     slidesSettings: slidesSettings,
     navTheme: carouselNavTheme,
     gradient: true,
-    gradientColor: carouselGradientColor
+    gradientColor: carouselGradientColor,
+    onChange: onCarouselChange
   }, childrenLength ? children : renderItems));
 };
 var _default = exports["default"] = PromoCards;

package/dist/lib/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/lib/components/PromoCards/components/PromoCard/PromoCard.d.ts

@@ -7,6 +7,7 @@ export interface IPromoCard extends IPromoCardData, IPromoCardSettings {
     /** Дополнительные css классы для корневого элемента */
     classes?: {
         root?: string;
+        title?: string;
     };
     /** Дополнительные data атрибуты к корневому и внутренним элементам */
     dataAttrs?: {
@@ -14,6 +15,7 @@ export interface IPromoCard extends IPromoCardData, IPromoCardSettings {
         image?: Record<string, string>;
         badge?: Record<string, string>;
         logo?: Record<string, string>;
+        title?: Record<string, string>;
         subtitle?: Record<string, string>;
         list?: Record<string, string>;
         adTitle?: Record<string, string>;

package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.js

@@ -89,14 +89,17 @@ var PromoCard = function PromoCard(_ref2) {
           color: promoBadgeColor
         }, promoBadgeText);
       case !!priceBadgeText:
-        return /*#__PURE__*/React.createElement(_uiCore.PriceBadge, {
-          className: cn('badge'),
-          dataAttrs: {
-            root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge
-          },
-          iconType: priceBadgeIcon,
-          theme: priceBadgeTheme
-        }, priceBadgeText);
+        return /*#__PURE__*/(
+          // TODO: заменить компонент на InfoBadge после релиза UI-219
+          React.createElement(_uiCore.PriceBadge, {
+            className: cn('badge'),
+            dataAttrs: {
+              root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge
+            },
+            iconType: priceBadgeIcon,
+            theme: priceBadgeTheme
+          }, priceBadgeText)
+        );
       default:
         return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge), {
           className: cn('badge')
@@ -154,7 +157,11 @@ var PromoCard = function PromoCard(_ref2) {
     src: logo.src,
     alt: logo.alt || ''
   })), /*#__PURE__*/React.createElement(_uiCore.Header, {
-    as: "h3"
+    as: "h3",
+    className: classes === null || classes === void 0 ? void 0 : classes.title,
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title
+    }
   }, (0, _uiHelpers.convert)(title, {})), !!subtitle && /*#__PURE__*/React.createElement("div", {
     className: cn('subtitle')
   }, /*#__PURE__*/React.createElement(_uiCore.Paragraph, {

package/dist/lib/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/lib/components/ServiceCards/components/ServiceCard/ServiceCard.js

@@ -17,7 +17,7 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     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 = (0, _uiHelpers.cnCreate)('mfui-9-service-card');

package/dist/lib/components/SidePictureCards/SidePictureCards.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
+import { Carousel } from '@megafon/ui-core';
 import { BackgroundType, CardDataType } from './types';
+type CarouselProps = React.ComponentProps<typeof Carousel>;
 export interface ISidePictureCards {
     /** Карточки. Минимальное количество 2 карточки */
     items: CardDataType[];
@@ -13,12 +15,15 @@ export interface ISidePictureCards {
     classes?: {
         root?: string;
         item?: string;
+        itemTitle?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
         item?: Record<string, string>;
     };
+    /** Обработчик смены слайда карусели */
+    onCarouselChange?: CarouselProps['onChange'];
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
 }

package/dist/lib/components/SidePictureCards/SidePictureCards.js

@@ -35,6 +35,7 @@ var SidePictureCards = function SidePictureCards(_ref) {
     _ref$classes = _ref.classes,
     classes = _ref$classes === void 0 ? {} : _ref$classes,
     dataAttrs = _ref.dataAttrs,
+    onCarouselChange = _ref.onCarouselChange,
     rootRef = _ref.rootRef;
   if (items.length < MIN_ITEMS_COUNT) {
     return null;
@@ -44,7 +45,8 @@ var SidePictureCards = function SidePictureCards(_ref) {
       background: background,
       key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(index),
       classes: {
-        root: classes.item
+        root: classes.item,
+        title: classes.itemTitle
       },
       dataAttrs: {
         root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, index + 1))
@@ -54,7 +56,8 @@ var SidePictureCards = function SidePictureCards(_ref) {
   var renderContent = function renderContent() {
     if (hasCarousel) {
       return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
-        slidesSettings: slidesSettings
+        slidesSettings: slidesSettings,
+        onChange: onCarouselChange
       }, items.map(renderItem));
     }
     return /*#__PURE__*/React.createElement(_uiCore.Grid, {

package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts

@@ -5,10 +5,12 @@ export type SidePictureCardType = CardDataType & {
     background: BackgroundType;
     classes?: {
         root?: string;
+        title?: string;
         button?: string;
     };
     dataAttrs?: {
         root?: Record<string, string>;
+        title?: Record<string, string>;
         button?: Record<string, string>;
     };
 };

package/dist/lib/components/SidePictureCards/components/SidePictureCard.js

@@ -32,7 +32,8 @@ var SidePictureCard = function SidePictureCard(_ref) {
     buttonTitle = _ref2.title,
     buttonHref = _ref2.href,
     buttonTarget = _ref2.target,
-    buttonRel = _ref2.rel;
+    buttonRel = _ref2.rel,
+    onButtonClick = _ref2.onClick;
   var isLink = !!href && !buttonHref;
   var ElementType = isLink ? 'a' : 'div';
   var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
@@ -69,7 +70,10 @@ var SidePictureCard = function SidePictureCard(_ref) {
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('content')
   }, !!title && /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
-    className: cn('title'),
+    className: cn('title', [classes === null || classes === void 0 ? void 0 : classes.title]),
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title
+    },
     as: "h3"
   }, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('items')
@@ -80,7 +84,8 @@ var SidePictureCard = function SidePictureCard(_ref) {
     },
     href: buttonHref,
     target: buttonTarget,
-    rel: currentButtonRel
+    rel: currentButtonRel,
+    onClick: onButtonClick
   }, buttonTitle)), /*#__PURE__*/_react["default"].createElement("picture", {
     className: cn('picture')
   }, /*#__PURE__*/_react["default"].createElement("source", {

package/dist/lib/components/SidePictureCards/types.d.ts

@@ -4,11 +4,13 @@ type ButtonType = {
     /** Название */
     title: string;
     /** Ссылка */
-    href: string;
+    href?: string;
     /** Атрибут ссылки target */
     target?: TargetType;
     /** Атрибут ссылки rel */
     rel?: string;
+    /** Обработчик клика */
+    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
 };
 type ImageType = {
     /** Изображение на разрешении экрана 0-1279 */

package/dist/lib/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/lib/components/StepperBox/StepperBox.js

@@ -0,0 +1,46 @@
+"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.array.index-of.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+var _useResolutions2 = _interopRequireDefault(require("../../hooks/useResolutions"));
+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 __rest = void 0 && (void 0).__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;
+};
+var cn = (0, _uiHelpers.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 = (0, _useResolutions2["default"])(),
+    isMobile = _useResolutions.isMobile;
+  var isHorizontal = !(isMobile && isVerticalMobile);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn()
+  }, /*#__PURE__*/React.createElement(_uiCore.Stepper, (0, _extends2["default"])({
+    items: items,
+    align: align,
+    isHorizontal: isHorizontal,
+    isAllChecked: true
+  }, restProps)));
+};
+var _default = exports["default"] = StepperBox;

package/dist/lib/components/Steps/Steps.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-steps{margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width:768px){.mfui-9-steps{width:66%}}@media screen and (min-width:1280px){.mfui-9-steps{width:49%}}.mfui-9-steps__title{margin-bottom:24px}@media screen and (min-width:1024px){.mfui-9-steps__title{margin-bottom:40px}}.mfui-9-steps__list{list-style:none;margin:0;padding:0}.mfui-9-steps__item{border-radius:24px;margin-bottom:12px;padding:16px}.mfui-9-steps__item:last-child{margin-bottom:0}.mfui-9-steps_theme_gray .mfui-9-steps__item{background-color:var(--spbSky0)}.mfui-9-steps_theme_white .mfui-9-steps__item{background-color:var(--base)}.mfui-9-steps_theme_none .mfui-9-steps__title{margin-bottom:40px}.mfui-9-steps_theme_none .mfui-9-steps__item{border-radius:0;margin-bottom:48px;padding:0}@media screen and (max-width:767px){.mfui-9-steps_theme_none .mfui-9-steps__item{margin-bottom:24px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-steps{margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width:768px){.mfui-9-steps{width:66%}}@media screen and (min-width:1280px){.mfui-9-steps{width:49%}}.mfui-9-steps__title{margin-bottom:24px}@media screen and (min-width:1024px){.mfui-9-steps__title{margin-bottom:40px}}.mfui-9-steps__list{list-style:none;margin:0;padding:0}.mfui-9-steps__item{border-radius:24px;margin-bottom:12px;padding:16px}.mfui-9-steps__item:last-child{margin-bottom:0}.mfui-9-steps_theme_gray .mfui-9-steps__item{background-color:var(--spbSky0)}.mfui-9-steps_theme_white .mfui-9-steps__item{background-color:var(--base)}

package/dist/lib/components/Steps/Steps.d.ts

@@ -13,8 +13,8 @@ export interface ISteps {
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */
     title?: string;
-    /** Цветовая тема. DEPRECATED: 'none' */
-    theme?: 'none' | 'white' | 'gray';
+    /** Цветовая тема */
+    theme?: 'white' | 'gray';
     children: React.ReactNode;
 }
 declare const Steps: React.FC<ISteps>;

package/dist/lib/components/Steps/Steps.js

@@ -18,7 +18,7 @@ var Steps = function Steps(_ref) {
     title = _ref.title,
     rootRef = _ref.rootRef,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'none' : _ref$theme,
+    theme = _ref$theme === void 0 ? 'gray' : _ref$theme,
     children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     className: cn({

package/dist/lib/components/StoreBanner/StoreBanner.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-store-banner_theme_default .mfui-9-store-banner__grid{background-color:var(--base)}.mfui-9-store-banner_theme_default .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_theme_green .mfui-9-store-banner__grid{background-color:var(--brandGreen);border:0}.mfui-9-store-banner_theme_green .mfui-9-store-banner__content{color:var(--stcWhite)}.mfui-9-store-banner_theme_spbSky1 .mfui-9-store-banner__grid{background-color:var(--spbSky1);border-color:transparent}.mfui-9-store-banner_theme_spbSky1 .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_theme_spbSky0 .mfui-9-store-banner__grid{background-color:var(--spbSky0);border-color:transparent}.mfui-9-store-banner_theme_spbSky0 .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__device-mask{background-image:url(img/new-iphone.png);position:relative;z-index:2}.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{border-radius:14px;top:9px;width:90%;z-index:1}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{top:30px}}.mfui-9-store-banner_mask_android .mfui-9-store-banner__device-mask{background-image:url(img/android.png);position:relative;z-index:2}.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{border-radius:14px;top:9px;width:92%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{top:30px}}.mfui-9-store-banner_mask_white-iphone .mfui-9-store-banner__device-mask{background-image:url(img/white-iphone.png)}.mfui-9-store-banner_mask_black-iphone .mfui-9-store-banner__device-mask{background-image:url(img/black-iphone.png)}.mfui-9-store-banner_mask_black-iphone .mfui-9-store-banner__screen,.mfui-9-store-banner_mask_white-iphone .mfui-9-store-banner__screen{top:57px;width:87%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_black-iphone .mfui-9-store-banner__screen,.mfui-9-store-banner_mask_white-iphone .mfui-9-store-banner__screen{top:47px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_black-iphone .mfui-9-store-banner__screen,.mfui-9-store-banner_mask_white-iphone .mfui-9-store-banner__screen{top:63px}}.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__device-mask{background-image:url(img/iphone12.png);position:relative;z-index:2}.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__screen{border-radius:4px;top:16px;width:87%;z-index:1}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__screen{top:17px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__screen{top:13px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_iphone-12 .mfui-9-store-banner__screen{top:35px}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__content{text-align:left}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__stores{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__button{margin:0}}@media screen and (min-width:1024px){.mfui-9-store-banner__container{padding-top:30px}}.mfui-9-store-banner__grid{border:1px solid var(--spbSky2);border-radius:24px;padding-bottom:32px;padding-top:32px}@media screen and (max-width:767px){.mfui-9-store-banner__grid{padding-bottom:0;padding-top:24px}}.mfui-9-store-banner__content{padding-left:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner__content{padding-right:10px}}@media screen and (max-width:767px){.mfui-9-store-banner__content{padding-bottom:32px;padding-left:15px;padding-right:15px;text-align:center}}.mfui-9-store-banner__device-mask{background-repeat:no-repeat;background-size:cover;height:100%}.mfui-9-store-banner__device-wrapper{bottom:62px;height:calc(100% + 94px);margin-left:auto;margin-right:auto;overflow:hidden;position:relative;width:235px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-store-banner__device-wrapper{width:260px}}@media screen and (max-width:1023px){.mfui-9-store-banner__device-wrapper{bottom:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner__device-wrapper{height:calc(100% + 32px);width:196px}}@media screen and (max-width:767px){.mfui-9-store-banner__device-wrapper{height:222px;padding-top:24px;width:163px}}.mfui-9-store-banner__links{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-store-banner__qr-code{-ms-flex-item-align:center;align-self:center;background-color:var(--base);border:1px solid var(--spbSky1);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:90px;margin-right:16px;width:90px}@media screen and (max-width:767px){.mfui-9-store-banner__qr-code{display:none}}@media screen and (min-width:768px){.mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.mfui-9-store-banner__store-link{height:40px;margin-bottom:10px;margin-left:8px;margin-right:8px;width:136px}@media screen and (max-width:767px){.mfui-9-store-banner__store-link{height:35px;width:119px}}.mfui-9-store-banner__store-link:last-child{margin-bottom:0}.mfui-9-store-banner__stores{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.mfui-9-store-banner__stores{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:768px){.mfui-9-store-banner__stores{margin-left:-8px}}.mfui-9-store-banner__text{margin-bottom:32px}.mfui-9-store-banner__title{margin-bottom:16px}.mfui-9-store-banner__screen{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:767px){.mfui-9-store-banner__button{margin:0 auto}}.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code{-o-object-fit:contain;object-fit:contain}@media screen and (min-width:1280px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code{max-height:90px;max-width:90px}}.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{max-width:305px}@media screen and (min-width:1024px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (max-width:767px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{margin:0 auto}}.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link{height:40px;width:136px}@media screen and (max-width:1023px){.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link{height:35px;width:119px}}.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link:not(:last-child){margin-bottom:8px}@media screen and (max-width:767px){.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link:not(:last-child){margin-bottom:16px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-store-banner_theme_default .mfui-9-store-banner__grid{background-color:var(--base)}.mfui-9-store-banner_theme_default .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_theme_green .mfui-9-store-banner__grid{background-color:var(--brandGreen);border:0}.mfui-9-store-banner_theme_green .mfui-9-store-banner__content{color:var(--stcWhite)}.mfui-9-store-banner_theme_spbSky1 .mfui-9-store-banner__grid{background-color:var(--spbSky1);border-color:transparent}.mfui-9-store-banner_theme_spbSky1 .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_theme_spbSky0 .mfui-9-store-banner__grid{background-color:var(--spbSky0);border-color:transparent}.mfui-9-store-banner_theme_spbSky0 .mfui-9-store-banner__content{color:var(--content)}.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__device-mask{background-image:url(img/new-iphone.png);position:relative;z-index:2}.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{border-radius:14px;top:9px;width:90%;z-index:1}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_new-iphone .mfui-9-store-banner__screen{top:30px}}.mfui-9-store-banner_mask_android .mfui-9-store-banner__device-mask{background-image:url(img/android.png);position:relative;z-index:2}.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{border-radius:14px;top:9px;width:92%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{top:8px}}@media screen and (max-width:767px){.mfui-9-store-banner_mask_android .mfui-9-store-banner__screen{top:30px}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__content{text-align:left}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__stores{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-9-store-banner_content-left-mobile .mfui-9-store-banner__button{margin:0}}@media screen and (min-width:1024px){.mfui-9-store-banner__container{padding-top:30px}}.mfui-9-store-banner__grid{border:1px solid var(--spbSky2);border-radius:24px;padding-bottom:32px;padding-top:32px}@media screen and (max-width:767px){.mfui-9-store-banner__grid{padding-bottom:0;padding-top:24px}}.mfui-9-store-banner__content{padding-left:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner__content{padding-right:10px}}@media screen and (max-width:767px){.mfui-9-store-banner__content{padding-bottom:32px;padding-left:15px;padding-right:15px;text-align:center}}.mfui-9-store-banner__device-mask{background-repeat:no-repeat;background-size:cover;height:100%}.mfui-9-store-banner__device-wrapper{bottom:62px;height:calc(100% + 94px);margin-left:auto;margin-right:auto;overflow:hidden;position:relative;width:235px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-store-banner__device-wrapper{width:260px}}@media screen and (max-width:1023px){.mfui-9-store-banner__device-wrapper{bottom:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-store-banner__device-wrapper{height:calc(100% + 32px);width:196px}}@media screen and (max-width:767px){.mfui-9-store-banner__device-wrapper{height:222px;padding-top:24px;width:163px}}.mfui-9-store-banner__links{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-store-banner__qr-code{-ms-flex-item-align:center;align-self:center;background-color:var(--base);border:1px solid var(--spbSky1);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;height:90px;margin-right:16px;width:90px}@media screen and (max-width:767px){.mfui-9-store-banner__qr-code{display:none}}@media screen and (min-width:768px){.mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.mfui-9-store-banner__store-link{height:40px;margin-bottom:10px;margin-left:8px;margin-right:8px;width:136px}@media screen and (max-width:767px){.mfui-9-store-banner__store-link{height:35px;width:119px}}.mfui-9-store-banner__store-link:last-child{margin-bottom:0}.mfui-9-store-banner__stores{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.mfui-9-store-banner__stores{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:768px){.mfui-9-store-banner__stores{margin-left:-8px}}.mfui-9-store-banner__text{margin-bottom:32px}.mfui-9-store-banner__title{margin-bottom:16px}.mfui-9-store-banner__screen{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:767px){.mfui-9-store-banner__button{margin:0 auto}}.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code{-o-object-fit:contain;object-fit:contain}@media screen and (min-width:1280px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code{max-height:90px;max-width:90px}}.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{max-width:305px}@media screen and (min-width:1024px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (max-width:767px){.mfui-9-store-banner__links_three .mfui-9-store-banner__qr-code+.mfui-9-store-banner__stores{margin:0 auto}}.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link{height:40px;width:136px}@media screen and (max-width:1023px){.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link{height:35px;width:119px}}.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link:not(:last-child){margin-bottom:8px}@media screen and (max-width:767px){.mfui-9-store-banner__links_three .mfui-9-store-banner__store-link:not(:last-child){margin-bottom:16px}}

package/dist/lib/components/StoreBanner/StoreBanner.d.ts

@@ -11,10 +11,6 @@ type ThemeType = (typeof Theme)[keyof typeof Theme];
 export declare const DeviceMask: {
     readonly ANDROID: "android";
     readonly NEW_IPHONE: "new-iphone";
-    /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
-    readonly BLACK_IPHONE: "black-iphone";
-    readonly WHITE_IPHONE: "white-iphone";
-    readonly IPHONE_12: "iphone-12";
 };
 type DeviceMaskType = (typeof DeviceMask)[keyof typeof DeviceMask];
 type LinkHrefType = StoreButtonPropsType['href'];
@@ -62,7 +58,7 @@ export interface IStoreBannerProps {
     qrCode?: string;
     /** Цветовая тема компонента */
     theme?: ThemeType;
-    /** Изображение телефона. DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
+    /** Изображение телефона */
     deviceMask: DeviceMaskType;
     /** Изображение на дисплее телефона */
     imageSrc: string;

package/dist/lib/components/StoreBanner/StoreBanner.js

@@ -21,11 +21,7 @@ var Theme = exports.Theme = {
 };
 var DeviceMask = exports.DeviceMask = {
   ANDROID: 'android',
-  NEW_IPHONE: 'new-iphone',
-  /** DEPRECATED: 'black-iphone', 'white-iphone', 'iphone-12' */
-  BLACK_IPHONE: 'black-iphone',
-  WHITE_IPHONE: 'white-iphone',
-  IPHONE_12: 'iphone-12'
+  NEW_IPHONE: 'new-iphone'
 };
 var testIdPrefix = 'StoreBanner';
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-store-banner');

package/dist/lib/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/lib/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/lib/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;