@megafon/ui-shared 5.17.0 → 6.0.0-beta.2

package/dist/es/components/DownloadLinks/DownloadLinks.js

@@ -3,7 +3,6 @@ import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./DownloadLinks.css";
 export var getColumnConfig = function getColumnConfig(itemsCount) {
   switch (true) {
@@ -14,7 +13,6 @@ export var getColumnConfig = function getColumnConfig(itemsCount) {
           mobile: '12'
         };
       }
-
     case itemsCount <= 4:
       {
         return {
@@ -22,7 +20,6 @@ export var getColumnConfig = function getColumnConfig(itemsCount) {
           mobile: '12'
         };
       }
-
     default:
       {
         return {
@@ -36,12 +33,10 @@ export var getColumnConfig = function getColumnConfig(itemsCount) {
 };
 var testIdPrefix = 'DownloadLinks';
 var cn = cnCreate('mfui-download-links');
-
 var DownloadLinks = function DownloadLinks(_ref) {
   var _ref$inOneColumn = _ref.inOneColumn,
-      inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
-      children = _ref.children;
-
+    inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
+    children = _ref.children;
   if (inOneColumn) {
     return /*#__PURE__*/React.createElement("div", {
       className: cn(),
@@ -52,7 +47,6 @@ var DownloadLinks = function DownloadLinks(_ref) {
       }, child);
     }));
   }
-
   var itemsCount = React.Children.count(children);
   var columnConfig = getColumnConfig(itemsCount);
   return /*#__PURE__*/React.createElement("div", {
@@ -67,9 +61,4 @@ var DownloadLinks = function DownloadLinks(_ref) {
     }), child);
   })));
 };
-
-DownloadLinks.propTypes = {
-  inOneColumn: PropTypes.bool,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element]).isRequired
-};
 export default DownloadLinks;

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

@@ -1,3 +1,6 @@
-import React from 'react';
-declare const FaqWrapper: React.FC;
+import * as React from 'react';
+interface IFaqWrapper {
+    children?: React.ReactNode;
+}
+declare const FaqWrapper: React.FC<IFaqWrapper>;
 export default FaqWrapper;

package/dist/es/components/FaqWrapper/FaqWrapper.js

@@ -1,5 +1,4 @@
-import React from 'react';
-
+import * as React from 'react';
 var FaqWrapper = function FaqWrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
@@ -7,5 +6,4 @@ var FaqWrapper = function FaqWrapper(_ref) {
     itemType: "http://schema.org/FAQPage"
   }, children);
 };
-
 export default FaqWrapper;

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

@@ -1,5 +1,5 @@
-import React, { Ref } from 'react';
-import './ImageBanner.less';
+import * as React from 'react';
+import './ImageBanner.scss';
 export declare const BackgroundColor: {
     readonly TRANSPARENT: "transparent";
     readonly GREEN: "green";
@@ -8,23 +8,23 @@ export declare const BackgroundColor: {
     readonly GRADIENT: "gradient";
     readonly LIGHT: "light";
 };
-export declare type BackgroundColorType = typeof BackgroundColor[keyof typeof BackgroundColor];
+export type BackgroundColorType = (typeof BackgroundColor)[keyof typeof BackgroundColor];
 export declare const Radius: {
     readonly CORNERS: "corners";
     readonly ROUNDED: "rounded";
 };
-export declare type RadiusType = typeof Radius[keyof typeof Radius];
+export type RadiusType = (typeof Radius)[keyof typeof Radius];
 export declare const NavTheme: {
     readonly LIGHT: "light";
     readonly DARK: "dark";
 };
-export declare type NavThemeType = typeof NavTheme[keyof typeof NavTheme];
+export type NavThemeType = (typeof NavTheme)[keyof typeof NavTheme];
 export declare const ImageVerticalAlign: {
     readonly TOP: "top";
     readonly CENTER: "center";
     readonly BOTTOM: "bottom";
 };
-export declare type ImageVerticalAlignType = typeof ImageVerticalAlign[keyof typeof ImageVerticalAlign];
+export type ImageVerticalAlignType = (typeof ImageVerticalAlign)[keyof typeof ImageVerticalAlign];
 export interface IImageBannerProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -47,7 +47,7 @@ export interface IImageBannerProps {
         children?: string;
     };
     /** Ссылка на корневой элемент */
-    rootRef?: Ref<HTMLDivElement>;
+    rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */
     title?: string | React.ReactNode | React.ReactNode[];
     /** Текст-описание */
@@ -82,6 +82,7 @@ export interface IImageBannerProps {
     badges?: JSX.Element[] | JSX.Element;
     /** Элемент блока с рекламой */
     adBlock?: JSX.Element | null;
+    children?: React.ReactNode;
 }
 declare const ImageBanner: React.FC<IImageBannerProps>;
 export default ImageBanner;

package/dist/es/components/ImageBanner/ImageBanner.js

@@ -3,11 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.values.js";
-import React from 'react';
+import * as React from 'react';
 import { Header } from '@megafon/ui-core';
 import { breakpoints, cnCreate, filterDataAttrs, convert, titleConvertConfig } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./ImageBanner.css";
 export var BackgroundColor = {
   TRANSPARENT: 'transparent',
@@ -30,18 +28,15 @@ export var ImageVerticalAlign = {
   CENTER: 'center',
   BOTTOM: 'bottom'
 };
-
 var getTheme = function getTheme(backgrounColor) {
   switch (backgrounColor) {
     case BackgroundColor.GREEN:
     case BackgroundColor.PURPLE:
       return NavTheme.LIGHT;
-
     default:
       return NavTheme.DARK;
   }
 };
-
 var cn = cnCreate('mfui-image-banner');
 var typographyConfig = {
   b: {
@@ -55,56 +50,51 @@ var typographyConfig = {
     }
   }
 };
-
 var ImageBanner = function ImageBanner(_ref2) {
   var dataAttrs = _ref2.dataAttrs,
-      className = _ref2.className,
-      _ref2$classes = _ref2.classes,
-      classes = _ref2$classes === void 0 ? {} : _ref2$classes,
-      rootRef = _ref2.rootRef,
-      _ref2$imageMobile = _ref2.imageMobile,
-      imageMobile = _ref2$imageMobile === void 0 ? '' : _ref2$imageMobile,
-      _ref2$imageMobile2x = _ref2.imageMobile2x,
-      imageMobile2x = _ref2$imageMobile2x === void 0 ? '' : _ref2$imageMobile2x,
-      _ref2$imageDesktop = _ref2.imageDesktop,
-      imageDesktop = _ref2$imageDesktop === void 0 ? '' : _ref2$imageDesktop,
-      _ref2$imageDesktop2x = _ref2.imageDesktop2x,
-      imageDesktop2x = _ref2$imageDesktop2x === void 0 ? '' : _ref2$imageDesktop2x,
-      _ref2$imageAlt = _ref2.imageAlt,
-      imageAlt = _ref2$imageAlt === void 0 ? '' : _ref2$imageAlt,
-      _ref2$imageVerticalAl = _ref2.imageVerticalAlign,
-      imageVerticalAlign = _ref2$imageVerticalAl === void 0 ? ImageVerticalAlign.CENTER : _ref2$imageVerticalAl,
-      title = _ref2.title,
-      description = _ref2.description,
-      cost = _ref2.cost,
-      _ref2$headerLevelMobi = _ref2.headerLevelMobile,
-      headerLevelMobile = _ref2$headerLevelMobi === void 0 ? 'h1' : _ref2$headerLevelMobi,
-      _ref2$headerLevel = _ref2.headerLevel,
-      headerLevel = _ref2$headerLevel === void 0 ? 'h1' : _ref2$headerLevel,
-      _ref2$backgroundColor = _ref2.backgroundColor,
-      backgroundColor = _ref2$backgroundColor === void 0 ? BackgroundColor.TRANSPARENT : _ref2$backgroundColor,
-      _ref2$radius = _ref2.radius,
-      radius = _ref2$radius === void 0 ? Radius.CORNERS : _ref2$radius,
-      autoHeight = _ref2.autoHeight,
-      isImageFullWidth = _ref2.isImageFullWidth,
-      badges = _ref2.badges,
-      adBlock = _ref2.adBlock,
-      _ref2$children = _ref2.children,
-      children = _ref2$children === void 0 ? [] : _ref2$children;
-
+    className = _ref2.className,
+    _ref2$classes = _ref2.classes,
+    classes = _ref2$classes === void 0 ? {} : _ref2$classes,
+    rootRef = _ref2.rootRef,
+    _ref2$imageMobile = _ref2.imageMobile,
+    imageMobile = _ref2$imageMobile === void 0 ? '' : _ref2$imageMobile,
+    _ref2$imageMobile2x = _ref2.imageMobile2x,
+    imageMobile2x = _ref2$imageMobile2x === void 0 ? '' : _ref2$imageMobile2x,
+    _ref2$imageDesktop = _ref2.imageDesktop,
+    imageDesktop = _ref2$imageDesktop === void 0 ? '' : _ref2$imageDesktop,
+    _ref2$imageDesktop2x = _ref2.imageDesktop2x,
+    imageDesktop2x = _ref2$imageDesktop2x === void 0 ? '' : _ref2$imageDesktop2x,
+    _ref2$imageAlt = _ref2.imageAlt,
+    imageAlt = _ref2$imageAlt === void 0 ? '' : _ref2$imageAlt,
+    _ref2$imageVerticalAl = _ref2.imageVerticalAlign,
+    imageVerticalAlign = _ref2$imageVerticalAl === void 0 ? ImageVerticalAlign.CENTER : _ref2$imageVerticalAl,
+    title = _ref2.title,
+    description = _ref2.description,
+    cost = _ref2.cost,
+    _ref2$headerLevelMobi = _ref2.headerLevelMobile,
+    headerLevelMobile = _ref2$headerLevelMobi === void 0 ? 'h1' : _ref2$headerLevelMobi,
+    _ref2$headerLevel = _ref2.headerLevel,
+    headerLevel = _ref2$headerLevel === void 0 ? 'h1' : _ref2$headerLevel,
+    _ref2$backgroundColor = _ref2.backgroundColor,
+    backgroundColor = _ref2$backgroundColor === void 0 ? BackgroundColor.TRANSPARENT : _ref2$backgroundColor,
+    _ref2$radius = _ref2.radius,
+    radius = _ref2$radius === void 0 ? Radius.CORNERS : _ref2$radius,
+    autoHeight = _ref2.autoHeight,
+    isImageFullWidth = _ref2.isImageFullWidth,
+    badges = _ref2.badges,
+    adBlock = _ref2.adBlock,
+    _ref2$children = _ref2.children,
+    children = _ref2$children === void 0 ? [] : _ref2$children;
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isMobile = _React$useState2[0],
-      setIsMobile = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isMobile = _React$useState2[0],
+    setIsMobile = _React$useState2[1];
   React.useEffect(function () {
     var mediaQuery = window.matchMedia("(max-width: ".concat(breakpoints.MOBILE_MIDDLE_END, "px)"));
-
     var handleMediaChange = function handleMediaChange(_ref3) {
       var matches = _ref3.matches;
       setIsMobile(matches);
     };
-
     setIsMobile(mediaQuery.matches);
     mediaQuery.addEventListener('change', handleMediaChange);
     return function () {
@@ -162,45 +152,4 @@ var ImageBanner = function ImageBanner(_ref2) {
     ref: rootRef
   }), renderContent, hasImage && renderImage);
 };
-
-ImageBanner.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    image: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    image: PropTypes.string,
-    imageSource: PropTypes.string,
-    title: PropTypes.string,
-    description: PropTypes.string,
-    cost: PropTypes.string,
-    badgesContainer: PropTypes.string,
-    badges: PropTypes.string,
-    badge: PropTypes.string,
-    adBlock: PropTypes.string,
-    children: PropTypes.string
-  }),
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-  cost: PropTypes.string,
-  headerLevelMobile: PropTypes.oneOf(['h1', 'h2']),
-  headerLevel: PropTypes.oneOf(['h1', 'h2']),
-  backgroundColor: PropTypes.oneOf(Object.values(BackgroundColor)),
-  radius: PropTypes.oneOf(Object.values(Radius)),
-  imageMobile: PropTypes.string,
-  imageMobile2x: PropTypes.string,
-  imageDesktop: PropTypes.string,
-  imageDesktop2x: PropTypes.string,
-  imageAlt: PropTypes.string,
-  imageVerticalAlign: PropTypes.oneOf(Object.values(ImageVerticalAlign)),
-  autoHeight: PropTypes.bool,
-  isImageFullWidth: PropTypes.bool,
-  badges: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element]),
-  adBlock: PropTypes.element
-};
 export default ImageBanner;

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

@@ -1,6 +1,6 @@
-import React, { Ref } from 'react';
+import * as React from 'react';
 import SwiperCore from 'swiper';
-import './Instructions.less';
+import './Instructions.scss';
 export declare const pictureAlignTypes: {
     readonly LEFT: "left";
     readonly RIGHT: "right";
@@ -34,13 +34,13 @@ export declare const elementOrderTypes: {
     readonly DEFAULT: "default";
     readonly REVERSED: "reversed";
 };
-declare type PictureAlignTypesType = typeof pictureAlignTypes[keyof typeof pictureAlignTypes];
-declare type PictureVerticalAlignTypesType = typeof pictureVerticalAlignTypes[keyof typeof pictureVerticalAlignTypes];
-declare type PictureMaskTypesType = typeof pictureMaskTypes[keyof typeof pictureMaskTypes];
-declare type PictureBackgroundColorsType = typeof pictureBackgroundColorTypes[keyof typeof pictureBackgroundColorTypes];
-declare type ArrowThemeType = typeof arrowTheme[keyof typeof arrowTheme];
-declare type ElementOrderType = typeof elementOrderTypes[keyof typeof elementOrderTypes];
-export declare type InstructionItemType = {
+type PictureAlignTypesType = (typeof pictureAlignTypes)[keyof typeof pictureAlignTypes];
+type PictureVerticalAlignTypesType = (typeof pictureVerticalAlignTypes)[keyof typeof pictureVerticalAlignTypes];
+type PictureMaskTypesType = (typeof pictureMaskTypes)[keyof typeof pictureMaskTypes];
+type PictureBackgroundColorsType = (typeof pictureBackgroundColorTypes)[keyof typeof pictureBackgroundColorTypes];
+type ArrowThemeType = (typeof arrowTheme)[keyof typeof arrowTheme];
+type ElementOrderType = (typeof elementOrderTypes)[keyof typeof elementOrderTypes];
+export type InstructionItemType = {
     title: string | React.ReactNode | React.ReactNode[];
     mediaUrl: string;
     isVideo: boolean;
@@ -62,7 +62,7 @@ export interface IInstructionsProps {
         arrowNext?: Record<string, string>;
     };
     /** Ссылка на корневой элемент */
-    rootRef?: Ref<HTMLDivElement>;
+    rootRef?: React.Ref<HTMLDivElement>;
     /** Дополнительные классы для внутренних элементов */
     classes?: {
         instructionItem?: string;
@@ -99,5 +99,5 @@ export interface IInstructionsProps {
     /** Ref на swiper */
     getSwiper?: (instance: SwiperCore) => void;
 }
-declare const Instructions: React.FC<IInstructionsProps>;
+declare const Instructions: React.FC<React.PropsWithChildren<IInstructionsProps>>;
 export default Instructions;

package/dist/es/components/Instructions/Instructions.js

@@ -1,14 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.array.map.js";
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-import React from 'react';
+import * as React from 'react';
 import { Grid, GridColumn, Header, NavArrow, Paragraph, Tile } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs, titleConvertConfig, convert, textConvertConfig } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import "./Instructions.css";
 export var pictureAlignTypes = {
@@ -47,51 +44,47 @@ export var elementOrderTypes = {
 var testIdPrefix = 'Instructions';
 var cn = cnCreate('mfui-instructions');
 var swiperSlideCn = cn('slide');
-
 var Instructions = function Instructions(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      rootRef = _ref.rootRef,
-      _ref$classes = _ref.classes;
-  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var instructionItem = _ref$classes.instructionItem,
-      desktopInstructionItem = _ref$classes.desktopInstructionItem,
-      mobileInstructionItem = _ref$classes.mobileInstructionItem,
-      activeInstructionItem = _ref$classes.activeInstructionItem,
-      desktopItemTitle = _ref$classes.desktopItemTitle,
-      mobileItemTitle = _ref$classes.mobileItemTitle,
-      instructionItemImg = _ref$classes.instructionItemImg,
-      additionalText = _ref$classes.additionalText,
-      arrowPrev = _ref$classes.arrowPrev,
-      arrowNext = _ref$classes.arrowNext,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      instructionItems = _ref.instructionItems,
-      _ref$pictureAlign = _ref.pictureAlign,
-      pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
-      _ref$pictureVerticalA = _ref.pictureVerticalAlign,
-      pictureVerticalAlign = _ref$pictureVerticalA === void 0 ? 'center' : _ref$pictureVerticalA,
-      _ref$pictureMask = _ref.pictureMask,
-      pictureMask = _ref$pictureMask === void 0 ? 'none' : _ref$pictureMask,
-      pictureBackgroundColor = _ref.pictureBackgroundColor,
-      getSwiper = _ref.getSwiper,
-      text = _ref.additionalText,
-      showArrows = _ref.showArrows,
-      _ref$arrowsTheme = _ref.arrowsTheme,
-      arrowsTheme = _ref$arrowsTheme === void 0 ? arrowTheme.DARK : _ref$arrowsTheme,
-      _ref$elementOrder = _ref.elementOrder,
-      elementOrder = _ref$elementOrder === void 0 ? 'default' : _ref$elementOrder,
-      children = _ref.children;
-
+    rootRef = _ref.rootRef,
+    _ref$classes = _ref.classes,
+    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
+    instructionItem = _ref$classes2.instructionItem,
+    desktopInstructionItem = _ref$classes2.desktopInstructionItem,
+    mobileInstructionItem = _ref$classes2.mobileInstructionItem,
+    activeInstructionItem = _ref$classes2.activeInstructionItem,
+    desktopItemTitle = _ref$classes2.desktopItemTitle,
+    mobileItemTitle = _ref$classes2.mobileItemTitle,
+    instructionItemImg = _ref$classes2.instructionItemImg,
+    additionalText = _ref$classes2.additionalText,
+    arrowPrev = _ref$classes2.arrowPrev,
+    arrowNext = _ref$classes2.arrowNext,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    instructionItems = _ref.instructionItems,
+    _ref$pictureAlign = _ref.pictureAlign,
+    pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
+    _ref$pictureVerticalA = _ref.pictureVerticalAlign,
+    pictureVerticalAlign = _ref$pictureVerticalA === void 0 ? 'center' : _ref$pictureVerticalA,
+    _ref$pictureMask = _ref.pictureMask,
+    pictureMask = _ref$pictureMask === void 0 ? 'none' : _ref$pictureMask,
+    pictureBackgroundColor = _ref.pictureBackgroundColor,
+    getSwiper = _ref.getSwiper,
+    text = _ref.additionalText,
+    showArrows = _ref.showArrows,
+    _ref$arrowsTheme = _ref.arrowsTheme,
+    arrowsTheme = _ref$arrowsTheme === void 0 ? arrowTheme.DARK : _ref$arrowsTheme,
+    _ref$elementOrder = _ref.elementOrder,
+    elementOrder = _ref$elementOrder === void 0 ? 'default' : _ref$elementOrder,
+    children = _ref.children;
   var _React$useState = React.useState(),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      swiperInstance = _React$useState2[0],
-      setSwiperInstance = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    swiperInstance = _React$useState2[0],
+    setSwiperInstance = _React$useState2[1];
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      slideIndex = _React$useState4[0],
-      setSlideIndex = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    slideIndex = _React$useState4[0],
+    setSlideIndex = _React$useState4[1];
   var isMobileReversed = elementOrder === 'reversed';
   var getSwiperInstance = React.useCallback(function (swiper) {
     setSwiperInstance(swiper);
@@ -101,7 +94,6 @@ var Instructions = function Instructions(_ref) {
     if (articleIndex !== activeIndex) {
       return undefined;
     }
-
     return activeInstructionItem;
   }, [activeInstructionItem]);
   var handleArticleClick = React.useCallback(function (ind) {
@@ -118,14 +110,12 @@ var Instructions = function Instructions(_ref) {
     if (!swiperInstance) {
       return;
     }
-
     swiperInstance.slidePrev();
   }, [swiperInstance]);
   var handleNextClick = React.useCallback(function () {
     if (!swiperInstance) {
       return;
     }
-
     swiperInstance.slideNext();
   }, [swiperInstance]);
   var renderVideo = React.useCallback(function (mediaUrl, index) {
@@ -167,8 +157,8 @@ var Instructions = function Instructions(_ref) {
       className: cn('swiper')
     }, instructionItems.map(function (_ref3, i) {
       var mediaUrl = _ref3.mediaUrl,
-          isVideo = _ref3.isVideo,
-          imageAlt = _ref3.imageAlt;
+        isVideo = _ref3.isVideo,
+        imageAlt = _ref3.imageAlt;
       return /*#__PURE__*/React.createElement(SwiperSlide, {
         className: swiperSlideCn,
         key: i + mediaUrl
@@ -191,7 +181,7 @@ var Instructions = function Instructions(_ref) {
   var renderQrCode = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(React.Fragment, null, instructionItems.map(function (_ref4, i) {
       var qrCode = _ref4.qrCode,
-          qrCodeText = _ref4.qrCodeText;
+        qrCodeText = _ref4.qrCodeText;
       return slideIndex === i && !!qrCode && /*#__PURE__*/React.createElement(Tile, {
         className: cn('qr-code'),
         radius: "rounded",
@@ -216,7 +206,6 @@ var Instructions = function Instructions(_ref) {
     if (pictureMask === pictureMaskTypes.NONE) {
       return renderSlider();
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: cn('img-wrapper'),
       "data-testid": "".concat(testIdPrefix, "-img-wrapper")
@@ -323,46 +312,4 @@ var Instructions = function Instructions(_ref) {
     })
   }, !!title && renderTitle('desktop'), !isMobileReversed && renderMobileArticles(), renderDesktopArticles(), text && renderText(), children)))));
 };
-
-Instructions.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    item: PropTypes.objectOf(PropTypes.string.isRequired),
-    image: PropTypes.objectOf(PropTypes.string.isRequired),
-    mobileItemText: PropTypes.objectOf(PropTypes.string.isRequired),
-    wrapper: PropTypes.objectOf(PropTypes.string.isRequired),
-    arrowPrev: PropTypes.objectOf(PropTypes.string.isRequired),
-    arrowNext: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  classes: PropTypes.shape({
-    instructionItem: PropTypes.string,
-    desktopInstructionItem: PropTypes.string,
-    mobileInstructionItem: PropTypes.string,
-    activeInstructionItem: PropTypes.string,
-    desktopItemTitle: PropTypes.string,
-    mobileItemTitle: PropTypes.string,
-    instructionItemImg: PropTypes.string,
-    arrowPrev: PropTypes.string,
-    arrowNext: PropTypes.string
-  }),
-  title: PropTypes.string,
-  additionalText: PropTypes.string,
-  instructionItems: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
-    mediaUrl: PropTypes.string.isRequired,
-    isVideo: PropTypes.bool.isRequired,
-    imageAlt: PropTypes.string
-  }).isRequired).isRequired,
-  pictureAlign: PropTypes.oneOf([pictureAlignTypes.LEFT, pictureAlignTypes.RIGHT]),
-  pictureVerticalAlign: PropTypes.oneOf([pictureVerticalAlignTypes.CENTER, pictureVerticalAlignTypes.TOP, pictureVerticalAlignTypes.UNSET]),
-  pictureMask: PropTypes.oneOf([pictureMaskTypes.ANDROID, pictureMaskTypes.ANDROID_CROPPED, pictureMaskTypes.NEW_IPHONE, pictureMaskTypes.WHITE_IPHONE, pictureMaskTypes.BLACK_IPHONE, pictureMaskTypes.LAPTOP, pictureMaskTypes.LAPTOP_NEW, pictureMaskTypes.IPHONE_12, pictureMaskTypes.IPHONE_15, pictureMaskTypes.IPHONE_CROPPED, pictureMaskTypes.NONE]),
-  pictureBackgroundColor: PropTypes.oneOf([pictureBackgroundColorTypes.SPB_SKY_0]),
-  showArrows: PropTypes.bool,
-  arrowsTheme: PropTypes.oneOf([arrowTheme.DARK, arrowTheme.PURPLE]),
-  elementOrder: PropTypes.oneOf([elementOrderTypes.DEFAULT, elementOrderTypes.REVERSED]),
-  getSwiper: PropTypes.func
-};
 export default Instructions;

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { Notification } from '@megafon/ui-core';
-import './style/NotificationBox.less';
+import './NotificationBox.scss';
 export declare const Align: {
     readonly LEFT: "left";
     readonly CENTER: "center";
 };
-declare type AlignType = typeof Align[keyof typeof Align];
-declare type NotificationProps = React.ComponentProps<typeof Notification>;
-declare type NotificationBoxProps = Omit<NotificationProps, 'isColored'> & {
+type AlignType = (typeof Align)[keyof typeof Align];
+type NotificationProps = React.ComponentProps<typeof Notification>;
+type NotificationBoxProps = Omit<NotificationProps, 'isColored'> & {
     /** Горизонтальное выравнивание */
     align?: AlignType;
 };

package/dist/es/components/NotificationBox/NotificationBox.js

@@ -1,37 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.values.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];
-  }
-
+  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 { Notification } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
-import "./style/NotificationBox.css";
+import "./NotificationBox.css";
 export var Align = {
   LEFT: 'left',
   CENTER: 'center'
 };
 var cn = cnCreate('mfui-notification-box');
-
 var NotificationBox = function NotificationBox(_a) {
   var _a$align = _a.align,
-      align = _a$align === void 0 ? 'left' : _a$align,
-      restProps = __rest(_a, ["align"]);
-
+    align = _a$align === void 0 ? 'left' : _a$align,
+    restProps = __rest(_a, ["align"]);
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       align: align
@@ -42,8 +32,4 @@ var NotificationBox = function NotificationBox(_a) {
     isColored: false
   }))));
 };
-
-NotificationBox.propTypes = {
-  align: PropTypes.oneOf(Object.values(Align))
-};
 export default NotificationBox;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import './PageTitle.less';
 import { Props as BreadcrumbsType } from '../Breadcrumbs/Breadcrumbs';
-export declare type PageTitleProps = {
+import './PageTitle.scss';
+export type PageTitleProps = {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;