@megafon/ui-shared 8.13.1 → 8.14.0

package/dist/lib/components/PictureBox/PictureBox.js

@@ -1,105 +0,0 @@
-"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.array.concat.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-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 cn = (0, _uiHelpers.cnCreate)('mfui-picture-box');
-var PictureBox = function PictureBox(_ref) {
-  var image = _ref.image,
-    button = _ref.button,
-    extraButton = _ref.extraButton,
-    _ref$pictureMask = _ref.pictureMask,
-    pictureMask = _ref$pictureMask === void 0 ? 'none' : _ref$pictureMask,
-    dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    classes = _ref.classes,
-    rootRef = _ref.rootRef,
-    children = _ref.children;
-  var imageSrc = image.src,
-    imageSrc2x = image.src2x,
-    _image$align = image.align,
-    imageAlign = _image$align === void 0 ? 'left' : _image$align,
-    _image$alt = image.alt,
-    imageAlt = _image$alt === void 0 ? '' : _image$alt;
-  var imageOrder = imageAlign === 'left' ? '0' : '1';
-  var renderImg = function renderImg() {
-    var srcSet = imageSrc2x ? "".concat(imageSrc, ", ").concat(imageSrc2x, " 2x") : undefined;
-    var img = /*#__PURE__*/React.createElement("img", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image), {
-      className: cn('image'),
-      srcSet: srcSet,
-      src: imageSrc,
-      alt: imageAlt
-    }));
-    if (pictureMask !== 'none') {
-      return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.mask), {
-        className: cn('mask')
-      }), img);
-    }
-    return img;
-  };
-  var renderButtons = function renderButtons() {
-    if (!button && !extraButton) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.buttonsWrapper), {
-      className: cn('button-wrapper')
-    }), !!button && /*#__PURE__*/React.createElement(_uiCore.Button, {
-      href: button.href,
-      target: button.target,
-      rel: button.rel,
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
-      },
-      classes: {
-        root: classes === null || classes === void 0 ? void 0 : classes.button
-      },
-      onClick: button.onClick
-    }, button.title), !!extraButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
-      href: extraButton.href,
-      target: extraButton.target,
-      rel: extraButton.rel,
-      type: "outline",
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.extraButton
-      },
-      classes: {
-        root: classes === null || classes === void 0 ? void 0 : classes.extraButton
-      },
-      onClick: extraButton.onClick
-    }, extraButton.title));
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn({
-      align: imageAlign,
-      mask: pictureMask
-    }, [classes === null || classes === void 0 ? void 0 : classes.root, className])
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement(_uiCore.Grid, {
-    guttersLeft: "medium"
-  }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-    all: "7",
-    tablet: "12",
-    mobile: "12",
-    orderWide: imageOrder,
-    orderDesktop: imageOrder
-  }, renderImg()), /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-    all: "5",
-    tablet: "12",
-    mobile: "12",
-    flex: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
-  }, children, renderButtons()))));
-};
-var _default = exports["default"] = PictureBox;

package/dist/lib/components/PictureWithDescription/PictureWithDescription.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}@media screen and (min-width:1024px){.mfui-picture-with-description{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;justify-content:center}}.mfui-picture-with-description__title{margin-bottom:24px}.mfui-picture-with-description__picture{-ms-flex-item-align:start;align-self:flex-start;overflow:hidden;text-align:center}@media screen and (max-width:1023px){.mfui-picture-with-description__picture{margin:0 auto 32px}}@media screen and (min-width:1024px){.mfui-picture-with-description__picture{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:50%}.mfui-picture-with-description__picture_align_left{-webkit-box-ordinal-group:1;-ms-flex-order:0;margin-right:20px;order:0}}.mfui-picture-with-description__img{height:100%;max-width:550px;width:100%}.mfui-picture-with-description__content>:first-child{margin-top:0!important}.mfui-picture-with-description__content>:last-child{margin-bottom:0!important}@media screen and (min-width:1024px){.mfui-picture-with-description__articles{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:50%}.mfui-picture-with-description__articles_text-top-align{-ms-flex-item-align:start;align-self:flex-start}.mfui-picture-with-description__articles_align_right{margin-right:20px}}

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

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import './PictureWithDescription.scss';
-export declare const pictureAlignTypes: {
-    readonly LEFT: "left";
-    readonly RIGHT: "right";
-};
-type PictureAlignTypesType = (typeof pictureAlignTypes)[keyof typeof pictureAlignTypes];
-export interface IPictureWithDescriptionProps {
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительный класс для корневого элемента */
-    className?: string;
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        title?: string;
-    };
-    /** Заголовок */
-    title?: string | React.ReactNode | React.ReactNode[];
-    /** Url изображения */
-    pictureUrl: string;
-    /** Расположение изображения */
-    pictureAlign?: PictureAlignTypesType;
-    /** Значение тега alt для изображения */
-    pictureAlt?: string;
-    /** Выравнивание текста по верхнему краю */
-    isTextTopAlign?: boolean;
-    /** Дочерний элемент компонента */
-    children?: React.ReactNode;
-}
-declare const PictureWithDescription: React.FC<IPictureWithDescriptionProps>;
-export default PictureWithDescription;

package/dist/lib/components/PictureWithDescription/PictureWithDescription.js

@@ -1,56 +0,0 @@
-"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.pictureAlignTypes = exports["default"] = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-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; }
-var pictureAlignTypes = exports.pictureAlignTypes = {
-  LEFT: 'left',
-  RIGHT: 'right'
-};
-var testIdPrefix = 'PictureWithDescription';
-var cn = (0, _uiHelpers.cnCreate)('mfui-picture-with-description');
-var PictureWithDescription = function PictureWithDescription(_ref) {
-  var rootRef = _ref.rootRef,
-    className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    title = _ref.title,
-    pictureUrl = _ref.pictureUrl,
-    _ref$pictureAlign = _ref.pictureAlign,
-    pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
-    pictureAlt = _ref.pictureAlt,
-    isTextTopAlign = _ref.isTextTopAlign,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn([className, classes.root]),
-    ref: rootRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('picture', {
-      align: pictureAlign
-    }),
-    "data-testid": "".concat(testIdPrefix, "-picture")
-  }, /*#__PURE__*/React.createElement("img", {
-    className: cn('img'),
-    src: pictureUrl,
-    alt: pictureAlt
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('articles', {
-      align: pictureAlign,
-      'text-top-align': isTextTopAlign
-    }),
-    "data-testid": "".concat(testIdPrefix, "-articles")
-  }, !!title && /*#__PURE__*/React.createElement(_uiCore.Header, {
-    className: cn('title', [classes.title]),
-    as: "h2"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
-  }, children)));
-};
-var _default = exports["default"] = PictureWithDescription;

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

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { Banner } from '@megafon/ui-core';
-export type PromoBannerPropsType = Omit<React.ComponentProps<typeof Banner>, 'autoHeight' | 'arrowTheme'>;
-declare const PromoBanner: React.FC<PromoBannerPropsType>;
-export default PromoBanner;

package/dist/lib/components/PromoBanner/PromoBanner.js

@@ -1,36 +0,0 @@
-"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");
-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-promo-banner');
-var PromoBanner = function PromoBanner(_a) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement(_uiCore.Banner, (0, _extends2["default"])({}, props, {
-    autoHeight: true,
-    arrowTheme: "white"
-  }), children));
-};
-var _default = exports["default"] = PromoBanner;

package/dist/lib/components/PromoBanner/components/PromoBannerSlide/PromoBannerSlide.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-promo-banner-slide{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:24px;-ms-flex-direction:column;flex-direction:column;min-height:100%;overflow:hidden}.mfui-promo-banner-slide_background_dark-violet{background-image:-webkit-gradient(linear,right top,left top,from(#ada6ba),color-stop(108%,#f6f2f9));background-image:linear-gradient(270deg,#ada6ba,#f6f2f9 108%)}.mfui-promo-banner-slide_background_light-violet{background:#f6f2f9}.mfui-promo-banner-slide_background_green-20{background:var(--brandGreen20)}.mfui-promo-banner-slide_background_purple-20{background:var(--brandPurple20)}.mfui-promo-banner-slide_background_night-20{background:var(--night20)}.mfui-promo-banner-slide_background_sky-20{background:var(--sky20)}.mfui-promo-banner-slide_background_flamingo-20{background:var(--flamingo20)}.mfui-promo-banner-slide_background_berry-20{background:var(--berry20)}.mfui-promo-banner-slide_background_gradient-purple-1{background:linear-gradient(92deg,#731982 12.66%,#aa5aff 78.46%)}.mfui-promo-banner-slide_background_gradient-purple-2{background:linear-gradient(93deg,#731982 33.39%,#e64de6 83.5%)}.mfui-promo-banner-slide_background_gradient-purple-3{background:linear-gradient(92deg,#731982 6.47%,#00d2ff 100.69%)}.mfui-promo-banner-slide_background_gradient-purple-4{background:linear-gradient(92deg,#731982 -.82%,#1b61ac 90.9%)}.mfui-promo-banner-slide__container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-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 20px 0}@media screen and (min-width:768px) and (max-width:1023px){.mfui-promo-banner-slide__container{padding:38px 40px}}@media screen and (min-width:768px){.mfui-promo-banner-slide__container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:308px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-promo-banner-slide__container{padding:34px 64px}}@media screen and (min-width:1280px){.mfui-promo-banner-slide__container{padding:42px 80px}}.mfui-promo-banner-slide__content{color:var(--stcBlack)}@media screen and (min-width:768px) and (max-width:1023px){.mfui-promo-banner-slide__content{max-width:350px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-promo-banner-slide__content{max-width:450px}}@media screen and (min-width:1280px){.mfui-promo-banner-slide__content{max-width:645px}}.mfui-promo-banner-slide__title{margin-bottom:12px}@media screen and (min-width:1280px){.mfui-promo-banner-slide__description{margin-right:82px}}.mfui-promo-banner-slide__buttons-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-top:24px}@media screen and (min-width:768px){.mfui-promo-banner-slide__buttons-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:32px}}.mfui-promo-banner-slide__picture{display:block;position:relative;z-index:0}@media screen and (max-width:767px){.mfui-promo-banner-slide__picture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:12px}}@media screen and (min-width:768px){.mfui-promo-banner-slide__picture{height:100%;position:absolute;top:0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-promo-banner-slide__picture{left:404px;width:523px}}@media screen and (min-width:1024px){.mfui-promo-banner-slide__picture{width:696px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-promo-banner-slide__picture{left:534px}}@media screen and (min-width:1280px){.mfui-promo-banner-slide__picture{left:744px}}.mfui-promo-banner-slide__image{height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}@media screen and (max-width:767px){.mfui-promo-banner-slide__image{max-height:180px;min-height:150px;width:auto}}@media screen and (min-width:768px){.mfui-promo-banner-slide__image{-o-object-fit:contain;object-fit:contain}}

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

@@ -1,82 +0,0 @@
-import * as React from 'react';
-import './PromoBannerSlide.scss';
-export declare const BackgroundColor: {
-    readonly DARK_VIOLET: "dark-violet";
-    readonly LIGHT_VIOLET: "light-violet";
-    readonly GREEN_20: "green-20";
-    readonly PURPLE_20: "purple-20";
-    readonly NIGHT_20: "night-20";
-    readonly FLAMINGO_20: "flamingo-20";
-    readonly BERRY_20: "berry-20";
-    readonly GRADIENT_PURPLE_1: "gradient-purple-1";
-    readonly GRADIENT_PURPLE_2: "gradient-purple-2";
-    readonly GRADIENT_PURPLE_3: "gradient-purple-3";
-    readonly GRADIENT_PURPLE_4: "gradient-purple-4";
-};
-export type BackgroundColorType = (typeof BackgroundColor)[keyof typeof BackgroundColor];
-type ButtonType = {
-    /** Заголовок */
-    title?: string;
-    /** Иконка */
-    icon?: JSX.Element;
-    /** Ссылка */
-    href?: string;
-    /** Target - свойство тега <a> */
-    target?: '_self' | '_blank';
-    /** Rel - атрибут тега <a> */
-    rel?: string;
-    /** Обработчик клика по кнопке */
-    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-};
-type ImageType = {
-    /** Изображение на разрешении экрана 1024+ */
-    desktopSrc: string;
-    /** Изображение 2x на разрешении экрана 1024+ */
-    desktopSrc2x?: string;
-    /** Изображение на разрешении экрана 768-1023 */
-    tabletSrc: string;
-    /** Изображение 2x на разрешении экрана 768-1023 */
-    tabletSrc2x?: string;
-    /** Изображение на разрешении экрана 0-767 */
-    mobileSrc: string;
-    /** Изображение 2x на разрешении экрана 0-767 */
-    mobileSrc2x?: string;
-    /** Значение тега alt для изображения */
-    alt?: string;
-};
-export interface IPromoBannerSlideProps {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Заголовок */
-    title: string | React.ReactNode | React.ReactNode[];
-    /** Текст-описание */
-    description: string | React.ReactNode | React.ReactNode[];
-    /** Кнопка */
-    button?: ButtonType;
-    /** Дополнительная кнопка */
-    extraButton?: ButtonType;
-    /** Изображение */
-    image: ImageType;
-    /** Фон */
-    background?: BackgroundColorType;
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        button?: string;
-        extraButton?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        image?: Record<string, string>;
-        desktopImageSource?: Record<string, string>;
-        tabletImageSource?: Record<string, string>;
-        buttonsWrapper?: Record<string, string>;
-        button?: Record<string, string>;
-        extraButton?: Record<string, string>;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-}
-declare const PromoBannerSlide: React.FC<IPromoBannerSlideProps>;
-export default PromoBannerSlide;

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

@@ -1,151 +0,0 @@
-"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"] = exports.BackgroundColor = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.symbol.description.js");
-require("core-js/modules/es.array.concat.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-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 BackgroundColor = exports.BackgroundColor = {
-  DARK_VIOLET: 'dark-violet',
-  LIGHT_VIOLET: 'light-violet',
-  GREEN_20: 'green-20',
-  PURPLE_20: 'purple-20',
-  NIGHT_20: 'night-20',
-  FLAMINGO_20: 'flamingo-20',
-  BERRY_20: 'berry-20',
-  GRADIENT_PURPLE_1: 'gradient-purple-1',
-  GRADIENT_PURPLE_2: 'gradient-purple-2',
-  GRADIENT_PURPLE_3: 'gradient-purple-3',
-  GRADIENT_PURPLE_4: 'gradient-purple-4'
-};
-var getThemeSettings = function getThemeSettings(bgColor) {
-  switch (bgColor) {
-    case BackgroundColor.DARK_VIOLET:
-    case BackgroundColor.LIGHT_VIOLET:
-      return {
-        buttonColor: 'green',
-        textColor: 'inherit'
-      };
-    case BackgroundColor.GRADIENT_PURPLE_1:
-    case BackgroundColor.GRADIENT_PURPLE_2:
-    case BackgroundColor.GRADIENT_PURPLE_3:
-    case BackgroundColor.GRADIENT_PURPLE_4:
-      return {
-        buttonColor: 'white',
-        textColor: 'white'
-      };
-    default:
-      return {
-        buttonColor: 'green',
-        textColor: 'default'
-      };
-  }
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-promo-banner-slide');
-var PromoBannerSlide = function PromoBannerSlide(_ref) {
-  var className = _ref.className,
-    title = _ref.title,
-    description = _ref.description,
-    button = _ref.button,
-    extraButton = _ref.extraButton,
-    image = _ref.image,
-    _ref$background = _ref.background,
-    background = _ref$background === void 0 ? 'dark-violet' : _ref$background,
-    classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs,
-    rootRef = _ref.rootRef;
-  var _getThemeSettings = getThemeSettings(background),
-    buttonColor = _getThemeSettings.buttonColor,
-    textColor = _getThemeSettings.textColor;
-  var renderButtons = function renderButtons() {
-    if (!button && !extraButton) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-      className: cn('buttons-wrapper')
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.buttonsWrapper)), !!button && /*#__PURE__*/React.createElement(_uiCore.Button, {
-      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
-      },
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
-      },
-      onClick: button.onClick
-    }, button.title), !!extraButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
-      theme: buttonColor,
-      href: extraButton.href,
-      target: extraButton.target,
-      icon: extraButton.icon,
-      rel: extraButton.rel,
-      type: "outline",
-      classes: {
-        root: classes === null || classes === void 0 ? void 0 : classes.extraButton
-      },
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.extraButton
-      },
-      onClick: extraButton.onClick
-    }, extraButton.title));
-  };
-  var renderImage = function renderImage() {
-    var desktopSrc = image.desktopSrc,
-      desktopSrc2x = image.desktopSrc2x,
-      tabletSrc = image.tabletSrc,
-      tabletSrc2x = image.tabletSrc2x,
-      mobileSrc = image.mobileSrc,
-      mobileSrc2x = image.mobileSrc2x,
-      alt = image.alt;
-    var desktopSrcSet = desktopSrc2x ? "".concat(desktopSrc, ", ").concat(desktopSrc2x, " 2x") : desktopSrc;
-    var tabletSrcSet = tabletSrc2x ? "".concat(tabletSrc, ", ").concat(tabletSrc2x, " 2x") : tabletSrc;
-    var mobileSrcSet = mobileSrc2x ? "".concat(mobileSrc, ", ").concat(mobileSrc2x, " 2x") : mobileSrc;
-    return /*#__PURE__*/React.createElement("picture", {
-      className: cn('picture')
-    }, /*#__PURE__*/React.createElement("source", (0, _extends2["default"])({
-      media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_SMALL_START, "px)"),
-      srcSet: desktopSrcSet
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.desktopImageSource))), /*#__PURE__*/React.createElement("source", (0, _extends2["default"])({
-      media: "(min-width: ".concat(_uiHelpers.breakpoints.MOBILE_BIG_START, "px)"),
-      srcSet: tabletSrcSet
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.tabletImageSource))), /*#__PURE__*/React.createElement("img", (0, _extends2["default"])({
-      className: cn('image'),
-      src: mobileSrc,
-      srcSet: mobileSrcSet,
-      alt: alt || ''
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image))));
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn({
-      background: background
-    }, [classes === null || classes === void 0 ? void 0 : classes.root, className])
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('container')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
-  }, /*#__PURE__*/React.createElement(_uiCore.Header, {
-    className: cn('title'),
-    as: "h2",
-    color: textColor
-  }, typeof title === 'string' ? (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig) : title), /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
-    className: cn('description'),
-    hasMargin: false,
-    color: textColor
-  }, typeof description === 'string' ? (0, _uiHelpers.convert)(description, _uiHelpers.textConvertConfig) : description)), renderButtons(), renderImage()));
-};
-var _default = exports["default"] = PromoBannerSlide;

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

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { Carousel } from '@megafon/ui-core';
-import { IPromoCardData, IPromoCardSettings } from './types';
-type CarouselProps = React.ComponentProps<typeof Carousel>;
-export interface IPromoCards extends IPromoCardSettings {
-    /** Список карточек. Минимальное количество 2 карточки */
-    items?: IPromoCardData[];
-    /** Тема навигации для карусели */
-    carouselNavTheme?: CarouselProps['navTheme'];
-    /** Цвет градиента для карусели */
-    carouselGradientColor?: CarouselProps['gradientColor'];
-    /** Дополнительный css класс для корневого элемента */
-    className?: string;
-    /** Дополнительные css классы для корневого и внутренних элементов */
-    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 элемента */
-    children?: React.ReactNode;
-}
-declare const PromoCards: React.FC<IPromoCards>;
-export default PromoCards;

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

@@ -1,71 +0,0 @@
-"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"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.array.is-array.js");
-require("core-js/modules/es.array.map.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-var _PromoCard = _interopRequireDefault(require("./components/PromoCard/PromoCard"));
-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 slidesSettings = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
-  slidesPerView: 1,
-  spaceBetween: 16
-}), _uiHelpers.breakpoints.MOBILE_BIG_START, {
-  slidesPerView: 2,
-  spaceBetween: 20
-}), _uiHelpers.breakpoints.DESKTOP_SMALL_START, {
-  slidesPerView: 3,
-  spaceBetween: 20
-});
-var MIN_ITEMS_COUNT = 2;
-var cn = (0, _uiHelpers.cnCreate)('mfui-promo-cards');
-var PromoCards = function PromoCards(_ref) {
-  var items = _ref.items,
-    carouselNavTheme = _ref.carouselNavTheme,
-    carouselGradientColor = _ref.carouselGradientColor,
-    background = _ref.background,
-    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;
-  var childrenLength = Array.isArray(children) ? children.length : 0;
-  if ((childrenLength || itemsLength) < MIN_ITEMS_COUNT) {
-    return null;
-  }
-  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)
-      },
-      background: background,
-      key: i + item.title
-    }));
-  });
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className, classes === null || classes === void 0 ? void 0 : classes.root]),
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement(_uiCore.Carousel, {
-    slidesSettings: slidesSettings,
-    navTheme: carouselNavTheme,
-    gradient: true,
-    gradientColor: carouselGradientColor,
-    onChange: onCarouselChange
-  }, childrenLength ? children : renderItems));
-};
-var _default = exports["default"] = PromoCards;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-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-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-promo-card_background_shadow:hover,.mfui-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-promo-card_background_gray{background-color:var(--spbSky0)}.mfui-promo-card_background_gray:hover{background-color:var(--spbSky1);text-decoration:none}.mfui-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-promo-card__ad-tooltip{max-width:232px}.mfui-promo-card__ad-tooltip-content{font-size:12px;line-height:18px}.mfui-promo-card__image{border-radius:inherit;vertical-align:top;width:100%}.mfui-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-promo-card__content{padding:32px}}.mfui-promo-card__badge{left:24px;position:absolute;top:0;translate:0 -50%}@media screen and (min-width:1280px){.mfui-promo-card__badge{left:32px}}.mfui-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-promo-card__logo{right:52px}}.mfui-promo-card__logo:after,.mfui-promo-card__logo:before{content:"";height:10px;position:absolute;top:50%;translate:0 -100%;width:10px}.mfui-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--base) 10px);left:-12px}.mfui-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--base) 10px);right:-12px}.mfui-promo-card_background_gray .mfui-promo-card__logo{background-color:var(--spbSky0);border-color:var(--spbSky0)}.mfui-promo-card_background_gray .mfui-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--spbSky0) 10px)}.mfui-promo-card_background_gray .mfui-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--spbSky0) 10px)}.mfui-promo-card_background_gray:hover .mfui-promo-card__logo{background-color:var(--spbSky1);border-color:var(--spbSky1)}.mfui-promo-card_background_gray:hover .mfui-promo-card__logo:before{background-image:radial-gradient(circle at 0 0,transparent 9px,var(--spbSky1) 10px)}.mfui-promo-card_background_gray:hover .mfui-promo-card__logo:after{background-image:radial-gradient(circle at 100% 0,transparent 9px,var(--spbSky1) 10px)}.mfui-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-promo-card__logo-img{height:64px;width:64px}}@media screen and (min-width:1280px){.mfui-promo-card__logo-img{height:72px;width:72px}}.mfui-promo-card__subtitle{margin-top:8px}.mfui-promo-card__list{font-size:15px;font-weight:400;line-height:24px;list-style:none;margin:8px 0 0;padding:0}.mfui-promo-card__list-item{margin:0;padding:0 0 0 20px;position:relative}.mfui-promo-card__list-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:1px;position:absolute;top:9px;width:6px}.mfui-promo-card__list-item:not(:last-child){margin-bottom:12px}.mfui-promo-card__list-item b{font-weight:500}.mfui-promo-card__footer{margin-top:auto;padding-top:16px}

package/dist/lib/components/PromoCards/components/PromoCard/PromoCard.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { IPromoCardData, IPromoCardSettings } from '../../types';
-import './PromoCard.scss';
-export interface IPromoCard extends IPromoCardData, IPromoCardSettings {
-    /** Дополнительный css класс для корневого элемента */
-    className?: string;
-    /** Дополнительные css классы для корневого элемента */
-    classes?: {
-        root?: string;
-        title?: string;
-    };
-    /** Дополнительные data атрибуты к корневому и внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        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>;
-    };
-}
-declare const PromoCard: React.FC<IPromoCard>;
-export default PromoCard;