@megafon/ui-shared 8.13.1 → 8.14.0

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

@@ -1,184 +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.concat.js");
-require("core-js/modules/es.array.index-of.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.string.link.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-var _setRelAttribute = require("../../../../helpers/setRelAttribute");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var __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 listItemConvertConfig = {
-  b: {
-    component: function component(_ref) {
-      var children = _ref.children;
-      return /*#__PURE__*/React.createElement("b", null, children);
-    }
-  }
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-promo-card');
-var PromoCard = function PromoCard(_ref2) {
-  var title = _ref2.title,
-    subtitle = _ref2.subtitle,
-    _ref2$list = _ref2.list,
-    list = _ref2$list === void 0 ? [] : _ref2$list,
-    link = _ref2.link,
-    _ref2$background = _ref2.background,
-    background = _ref2$background === void 0 ? 'shadow' : _ref2$background,
-    image = _ref2.image,
-    logo = _ref2.logo,
-    badge = _ref2.badge,
-    _ref2$promoBadge = _ref2.promoBadge,
-    promoBadge = _ref2$promoBadge === void 0 ? null : _ref2$promoBadge,
-    _ref2$priceBadge = _ref2.priceBadge,
-    priceBadge = _ref2$priceBadge === void 0 ? null : _ref2$priceBadge,
-    _ref2$adMark = _ref2.adMark,
-    adMark = _ref2$adMark === void 0 ? null : _ref2$adMark,
-    className = _ref2.className,
-    classes = _ref2.classes,
-    dataAttrs = _ref2.dataAttrs,
-    onClick = _ref2.onClick;
-  var adTriggerRef = React.useRef(null);
-  var imageSrc = image.src,
-    imageSrc2x = image.src2x,
-    imageAlt = image.alt;
-  var linkHref = link.href,
-    _link$target = link.target,
-    linkTarget = _link$target === void 0 ? '_self' : _link$target,
-    linkRel = link.rel,
-    linkTitle = link.title;
-  var _ref3 = promoBadge || {},
-    promoBadgeText = _ref3.text,
-    promoBadgeColor = _ref3.color;
-  var _ref4 = priceBadge || {},
-    priceBadgeText = _ref4.text,
-    priceBadgeIcon = _ref4.iconType,
-    priceBadgeTheme = _ref4.theme;
-  var imageSrcSet = imageSrc2x ? "".concat(imageSrc, ", ").concat(imageSrc2x, " 2x") : undefined;
-  var hasBadge = !!promoBadgeText || !!priceBadgeText || !!badge;
-  var handleAdTitleClick = React.useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  var renderBadge = React.useMemo(function () {
-    switch (true) {
-      case !!promoBadgeText:
-        return /*#__PURE__*/React.createElement(_uiCore.PromoBadge, {
-          className: cn('badge'),
-          dataAttrs: {
-            root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge
-          },
-          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);
-      default:
-        return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge), {
-          className: cn('badge')
-        }), badge);
-    }
-  }, [dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.badge, promoBadgeText, promoBadgeColor, priceBadgeText, priceBadgeIcon, priceBadgeTheme, badge]);
-  var renderAdMark = function renderAdMark() {
-    var _ref5 = adMark || {},
-      adTitle = _ref5.title,
-      adTooltip = _ref5.tooltip;
-    var _a = adTooltip || {},
-      placement = _a.placement,
-      offset = _a.offset,
-      triggerEvent = _a.triggerEvent,
-      colorTheme = _a.colorTheme,
-      children = _a.children,
-      restAdTooltip = __rest(_a, ["placement", "offset", "triggerEvent", "colorTheme", "children"]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !!adTitle && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.adTitle), {
-      className: cn('ad-title'),
-      ref: adTriggerRef,
-      onClick: handleAdTitleClick,
-      type: "button"
-    }), adTitle), !!adTooltip && /*#__PURE__*/React.createElement(_uiCore.Tooltip, (0, _extends2["default"])({
-      className: cn('ad-tooltip')
-    }, restAdTooltip, {
-      placement: placement || 'bottom',
-      offset: offset || 'small',
-      triggerEvent: triggerEvent || 'hover',
-      colorTheme: colorTheme || 'blue',
-      triggerElement: adTriggerRef
-    }), !!children && /*#__PURE__*/React.createElement("div", {
-      className: cn('ad-tooltip-content')
-    }, typeof children === 'string' ? (0, _uiHelpers.convert)(children, {}) : children)));
-  };
-  return /*#__PURE__*/React.createElement("a", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      background: background
-    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
-    href: linkHref,
-    target: linkTarget,
-    rel: (0, _setRelAttribute.setRelAttribute)(linkRel, linkTarget),
-    onClick: onClick
-  }), !!adMark && renderAdMark(), /*#__PURE__*/React.createElement("img", (0, _extends2["default"])({
-    className: cn('image')
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.image), {
-    srcSet: imageSrcSet,
-    src: imageSrc,
-    alt: imageAlt || ''
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
-  }, hasBadge && renderBadge, !!(logo === null || logo === void 0 ? void 0 : logo.src) && !hasBadge && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.logo), {
-    className: cn('logo')
-  }), /*#__PURE__*/React.createElement("img", {
-    className: cn('logo-img'),
-    src: logo.src,
-    alt: logo.alt || ''
-  })), /*#__PURE__*/React.createElement(_uiCore.Header, {
-    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, {
-    hasMargin: false,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.subtitle
-    }
-  }, (0, _uiHelpers.convert)(subtitle, {}))), !!list.length && /*#__PURE__*/React.createElement("ul", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
-    className: cn('list')
-  }), list.map(function (item, i) {
-    return /*#__PURE__*/React.createElement("li", {
-      className: cn('list-item'),
-      key: i
-    }, (0, _uiHelpers.convert)(item, listItemConvertConfig));
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('footer')
-  }, /*#__PURE__*/React.createElement(_uiCore.Button, {
-    sizeAll: "small",
-    type: "text",
-    showArrow: true
-  }, linkTitle))));
-};
-var _default = exports["default"] = PromoCard;

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

@@ -1,62 +0,0 @@
-import type { IPriceBadgeProps } from '@megafon/ui-core/dist/lib/components/Badges/PriceBadge/PriceBadge';
-import type { IPromoBadgeProps } from '@megafon/ui-core/dist/lib/components/Badges/PromoBadge/PromoBadge';
-import type { ITooltipProps } from '@megafon/ui-core/dist/lib/components/Tooltip/Tooltip';
-type ImageType = {
-    src: string;
-    src2x?: string;
-    alt?: string;
-};
-type LogoType = {
-    src?: string;
-    alt?: string;
-};
-type LinkType = {
-    title: string;
-    href: string;
-    target?: '_self' | '_blank';
-    rel?: string;
-};
-type PromoBadgeType = {
-    text: string;
-    color: IPromoBadgeProps['color'];
-};
-type PriceBadgeType = {
-    text: string;
-    iconType?: IPriceBadgeProps['iconType'];
-    theme?: IPriceBadgeProps['theme'];
-};
-type AdMarkType = {
-    /** Заголовок */
-    title: string;
-    /** Параметры тултипа (пропсы компонента Tooltip из ui-core) */
-    tooltip: Omit<ITooltipProps, 'triggerElement'>;
-};
-export interface IPromoCardSettings {
-    /** Фон карточки */
-    background?: 'gray' | 'white' | 'shadow';
-}
-export interface IPromoCardData {
-    /** Заголовок карточки */
-    title: string;
-    /** Подзаголовок карточки */
-    subtitle?: string;
-    /** Список карточки (может принимать тег b в пунктах) */
-    list?: string[];
-    /** Параметры для ссылки в карточке */
-    link: LinkType;
-    /** Параметры для изображения в карточке */
-    image: ImageType;
-    /** Параметры для логотипа в карточке */
-    logo?: LogoType;
-    /** Бейдж в карточке */
-    badge?: React.ReactElement | null;
-    /** Параметры для отображения компонента PromoBadge в карточке */
-    promoBadge?: PromoBadgeType | null;
-    /** Параметры для отображения компонента PriceBadge в карточке */
-    priceBadge?: PriceBadgeType | null;
-    /** Рекламная метка */
-    adMark?: AdMarkType | null;
-    /** Обработчик клика по карточке */
-    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-}
-export {};

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

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

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

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { Parameter } from '@megafon/ui-core';
-type PropertyProps = React.ComponentProps<typeof Parameter>;
-declare const Property: React.FC<PropertyProps>;
-export default Property;

package/dist/lib/components/Property/Property.js

@@ -1,19 +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 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 cn = (0, _uiHelpers.cnCreate)('mfui-property');
-var Property = function Property(props) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement(_uiCore.Parameter, props));
-};
-var _default = exports["default"] = Property;

package/dist/lib/components/ServiceCards/ServiceCards.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-service-cards__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}@media screen and (min-width:768px){.mfui-service-cards__items{display:grid;grid-auto-rows:290px;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1280px){.mfui-service-cards__items{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:768px){.mfui-service-cards__item_size_big{grid-row-end:span 2;grid-row-start:1}}

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

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { ServiceCardDataType, BackgroundType } from './types';
-import './ServiceCards.scss';
-export interface IServiceCardsProps {
-    /** Цвет фона плиток */
-    background?: BackgroundType;
-    /** Список плиток */
-    items: [ServiceCardDataType, ServiceCardDataType, ServiceCardDataType, ServiceCardDataType, ServiceCardDataType];
-    /** Дополнительный класс для компонента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        card?: string;
-        cardTitle?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        item?: Record<string, string>;
-        card?: Record<string, string>;
-        cardTitle?: Record<string, string>;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-}
-declare const ServiceCards: React.FC<IServiceCardsProps>;
-export default ServiceCards;

package/dist/lib/components/ServiceCards/ServiceCards.js

@@ -1,51 +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");
-require("core-js/modules/es.array.map.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _ServiceCard = _interopRequireDefault(require("./components/ServiceCard/ServiceCard"));
-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-service-cards');
-var ServiceCards = function ServiceCards(_ref) {
-  var className = _ref.className,
-    classes = _ref.classes,
-    items = _ref.items,
-    background = _ref.background,
-    dataAttrs = _ref.dataAttrs,
-    rootRef = _ref.rootRef;
-  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("div", {
-    className: cn('items')
-  }, items.map(function (item, i) {
-    var size = i === 0 ? 'big' : 'small';
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
-      className: cn('item', {
-        size: size
-      }),
-      key: "".concat(item.title, "_").concat(i)
-    }), /*#__PURE__*/React.createElement(_ServiceCard["default"], (0, _extends2["default"])({}, item, {
-      background: background,
-      size: size,
-      classes: {
-        root: classes === null || classes === void 0 ? void 0 : classes.card,
-        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),
-        title: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.cardTitle, i + 1)
-      }
-    })));
-  })));
-};
-var _default = exports["default"] = ServiceCards;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-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-service-card{padding-bottom:32px}}.mfui-service-card:hover{text-decoration:none}.mfui-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-service-card__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-service-card__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-service-card__title{font-size:32px;line-height:40px}}.mfui-service-card__subtitle{font-size:15px;font-weight:400;line-height:24px;margin-top:12px}.mfui-service-card__image-wrapper{overflow:hidden}.mfui-service-card__image{display:block;height:240px;width:240px}.mfui-service-card__circle,.mfui-service-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-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-service-card:hover .mfui-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-service-card__arrow{height:32px;min-width:32px;width:32px;fill:var(--brandGreen)}.mfui-service-card__value{font-size:15px;font-weight:500;line-height:24px;margin-left:8px}.mfui-service-card_size_big .mfui-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-service-card_size_big .mfui-service-card__image{height:auto;max-height:100%;max-width:100%;width:auto}}.mfui-service-card_size_small .mfui-service-card__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-service-card_size_small .mfui-service-card__title{font-size:20px;line-height:28px}}.mfui-service-card_size_small .mfui-service-card__subtitle{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mfui-service-card_size_small .mfui-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-service-card_size_small .mfui-service-card__footer{margin-top:20px}}.mfui-service-card_size_small .mfui-service-card__image-wrapper{margin-bottom:-22px;margin-right:-24px}@media screen and (min-width:768px){.mfui-service-card_size_small .mfui-service-card__image-wrapper{margin-bottom:-32px}}.mfui-service-card_size_small .mfui-service-card__image{height:110px;width:110px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-service-card_size_small .mfui-service-card__image{height:125px;width:125px}}@media screen and (min-width:1024px){.mfui-service-card_size_small .mfui-service-card__image{height:150px;width:150px}}@media screen and (max-width:767px){.mfui-service-card_size_small .mfui-service-card__circle{height:32px;width:32px}.mfui-service-card_size_small .mfui-service-card__arrow{height:20px;min-width:20px;width:20px}}.mfui-service-card:hover:not(.mfui-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-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-service-card_background_gray{background-color:var(--spbSky0)}.mfui-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.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { SizeType, ServiceCardDataType, BackgroundType } from '../../types';
-import './ServiceCard.scss';
-export interface IServiceCardProps extends ServiceCardDataType {
-    size: SizeType;
-    background?: BackgroundType;
-    classes?: {
-        root?: string;
-        title?: string;
-    };
-    dataAttrs?: {
-        root?: Record<string, string>;
-        title?: Record<string, string>;
-        subtitle?: Record<string, string>;
-        footer?: Record<string, string>;
-    };
-}
-declare const ServiceCard: React.FC<IServiceCardProps>;
-export default ServiceCard;

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

@@ -1,90 +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 _uiHelpers = require("@megafon/ui-helpers");
-var _setRelAttribute = require("../../../../helpers/setRelAttribute");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var 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"
-  }));
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-service-card');
-var ServiceCard = function ServiceCard(_ref) {
-  var title = _ref.title,
-    subtitle = _ref.subtitle,
-    value = _ref.value,
-    _ref$background = _ref.background,
-    background = _ref$background === void 0 ? 'shadow' : _ref$background,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'big' : _ref$size,
-    imageSrc = _ref.imageSrc,
-    imageSrc2x = _ref.imageSrc2x,
-    _ref$imageAlt = _ref.imageAlt,
-    imageAlt = _ref$imageAlt === void 0 ? 'image' : _ref$imageAlt,
-    href = _ref.href,
-    _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_self' : _ref$target,
-    rel = _ref.rel,
-    classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs,
-    onClick = _ref.onClick;
-  var isSizeSmall = size === 'small';
-  var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
-  var imageSrcSet = imageSrc2x ? "".concat(imageSrc, ", ").concat(imageSrc2x, " 2x") : undefined;
-  var footerElement = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: cn('image-wrapper')
-  }, /*#__PURE__*/React.createElement("img", {
-    className: cn('image'),
-    src: imageSrc,
-    srcSet: imageSrcSet,
-    alt: imageAlt
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('price')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('circle')
-  }, /*#__PURE__*/React.createElement(ArrowRight, {
-    className: cn('arrow')
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('value')
-  }, value)));
-  var renderFooter = function renderFooter() {
-    if (isSizeSmall) {
-      return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-        className: cn('footer')
-      }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.footer)), footerElement);
-    }
-    return footerElement;
-  };
-  return /*#__PURE__*/React.createElement("a", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      background: background,
-      size: size
-    }, [classes === null || classes === void 0 ? void 0 : classes.root]),
-    href: href,
-    target: target,
-    rel: currentRel,
-    onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('header')
-  }, /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
-    className: cn('title', [classes === null || classes === void 0 ? void 0 : classes.title])
-  }), typeof title === 'string' ? (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig) : title), subtitle && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.subtitle), {
-    className: cn('subtitle'),
-    style: {
-      WebkitBoxOrient: 'vertical'
-    }
-  }), typeof subtitle === 'string' ? (0, _uiHelpers.convert)(subtitle, _uiHelpers.textConvertConfig) : subtitle)), renderFooter());
-};
-var _default = exports["default"] = ServiceCard;

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

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-export type TargetType = '_self' | '_blank' | '_parent' | '_top';
-export type ServiceCardDataType = {
-    /** Заголовок */
-    title: string | React.ReactNode | ReactNode[];
-    /** Подзаголовок */
-    subtitle?: string | React.ReactNode | ReactNode[];
-    /** Значение */
-    value: string;
-    /** Изображение */
-    imageSrc: string;
-    /** Изображение 2x */
-    imageSrc2x?: string;
-    /** Значение тега alt для изображения */
-    imageAlt?: string;
-    /** Ссылка */
-    href: string;
-    /** Атрибут ссылки target */
-    target?: TargetType;
-    /** Атрибут ссылки rel */
-    rel?: string;
-    /** Обработчик клика по кнопке */
-    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-};
-export type SizeType = 'big' | 'small';
-export type BackgroundType = 'white' | 'gray' | 'shadow';

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

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

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

@@ -1,31 +0,0 @@
-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[];
-    /** Цвет фона карточек */
-    background?: BackgroundType;
-    /** Выстраивать карточки в карусель */
-    hasCarousel?: boolean;
-    /** Дополнительный класс для компонента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        item?: string;
-        itemTitle?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        item?: Record<string, string>;
-    };
-    /** Обработчик смены слайда карусели */
-    onCarouselChange?: CarouselProps['onChange'];
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-}
-declare const SidePictureCards: React.FC<ISidePictureCards>;
-export default SidePictureCards;

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

@@ -1,79 +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.concat.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 _SidePictureCard = _interopRequireDefault(require("./components/SidePictureCard"));
-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"])({}, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
-  slidesPerView: 1,
-  spaceBetween: 16
-}), _uiHelpers.breakpoints.MOBILE_BIG_START, {
-  slidesPerView: 2,
-  spaceBetween: 20
-});
-var MIN_ITEMS_COUNT = 2;
-var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-cards');
-var SidePictureCards = function SidePictureCards(_ref) {
-  var items = _ref.items,
-    _ref$background = _ref.background,
-    background = _ref$background === void 0 ? 'gray' : _ref$background,
-    _ref$hasCarousel = _ref.hasCarousel,
-    hasCarousel = _ref$hasCarousel === void 0 ? false : _ref$hasCarousel,
-    className = _ref.className,
-    _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;
-  }
-  var renderItem = function renderItem(item, index) {
-    return /*#__PURE__*/React.createElement(_SidePictureCard["default"], (0, _extends2["default"])({}, item, {
-      background: background,
-      key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(index),
-      classes: {
-        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))
-      }
-    }));
-  };
-  var renderContent = function renderContent() {
-    if (hasCarousel) {
-      return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
-        slidesSettings: slidesSettings,
-        onChange: onCarouselChange
-      }, items.map(renderItem));
-    }
-    return /*#__PURE__*/React.createElement(_uiCore.Grid, {
-      guttersLeft: "medium",
-      guttersBottom: "medium"
-    }, items.map(function (item, i) {
-      return /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-        all: "6",
-        mobile: "12",
-        key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i)
-      }, renderItem(item, i));
-    }));
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className, classes.root]),
-    ref: rootRef
-  }), renderContent());
-};
-var _default = exports["default"] = SidePictureCards;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-side-picture-card{background-color:var(--base);border-radius:24px;color:var(--content);display:grid;gap:20px;grid-template-columns:auto;grid-template-rows:1fr auto;min-height:100%;padding:12px;text-decoration:none;-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}@media screen and (min-width:1280px){.mfui-side-picture-card{grid-template-columns:1fr 1fr;grid-template-rows:none}}.mfui-side-picture-card:hover{text-decoration:none}.mfui-side-picture-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:12px}@media screen and (min-width:1280px){.mfui-side-picture-card__content{padding:12px 0 12px 12px}}.mfui-side-picture-card__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:16px}@media screen and (min-width:1280px){.mfui-side-picture-card__title{margin-bottom:24px}}.mfui-side-picture-card__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:auto}@media screen and (min-width:1280px){.mfui-side-picture-card__items{gap:16px}}.mfui-side-picture-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-side-picture-card__item-icon{display:block;max-height:32px;min-width:32px;width:32px}.mfui-side-picture-card__item-icon svg{display:block;height:100%;width:100%;fill:var(--brandGreen)}.mfui-side-picture-card__item-description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-side-picture-card__item-text{-webkit-line-clamp:3;font-size:15px;font-weight:400}.mfui-side-picture-card__item-info,.mfui-side-picture-card__item-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;line-height:24px}.mfui-side-picture-card__item-info{-webkit-line-clamp:2;font-size:18px;font-weight:500;letter-spacing:.5px}@media screen and (min-width:1280px){.mfui-side-picture-card__item-info{font-size:20px;line-height:28px}}.mfui-side-picture-card__button{margin-top:32px}.mfui-side-picture-card__picture{height:172px;position:relative}@media screen and (min-width:768px) and (max-width:1023px){.mfui-side-picture-card__picture{height:197px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-side-picture-card__picture{height:270px}}@media screen and (min-width:1280px){.mfui-side-picture-card__picture{height:100%}}.mfui-side-picture-card__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mfui-side-picture-card_active:hover:not(.mfui-side-picture-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-side-picture-card_background_gray{background-color:var(--spbSky0)}.mfui-side-picture-card_background_gray.mfui-side-picture-card_active:hover{background-color:var(--spbSky1)}