@megafon/ui-shared 8.13.2 → 8.14.0

package/dist/lib/components/ButtonBanner/ButtonBanner.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"] = exports.ImageScaling = exports.ButtonTypes = exports.ButtonTarget = exports.ButtonColor = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-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 ButtonColor = exports.ButtonColor = {
-  GREEN: 'green',
-  PURPLE: 'purple'
-};
-var ButtonTypes = exports.ButtonTypes = {
-  PRIMARY: 'primary',
-  OUTLINE: 'outline'
-};
-var ButtonTarget = exports.ButtonTarget = {
-  SELF: '_self',
-  BLANK: '_blank'
-};
-var ImageScaling = exports.ImageScaling = {
-  COVER: 'cover',
-  CONTAIN: 'contain'
-};
-var getMediaStyle = function getMediaStyle(imageUrl) {
-  return imageUrl ? {
-    backgroundImage: "url(".concat(imageUrl, ")")
-  } : undefined;
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-button-banner');
-var testIdPrefix = 'ButtonBanner';
-var ButtonBanner = function ButtonBanner(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    rootRef = _ref.rootRef,
-    title = _ref.title,
-    text = _ref.text,
-    _ref$imageUrl = _ref.imageUrl,
-    imageUrl = _ref$imageUrl === void 0 ? '' : _ref$imageUrl,
-    buttonText = _ref.buttonText,
-    buttonUrl = _ref.buttonUrl,
-    buttonDownload = _ref.buttonDownload,
-    _ref$buttonTarget = _ref.buttonTarget,
-    buttonTarget = _ref$buttonTarget === void 0 ? '_self' : _ref$buttonTarget,
-    _ref$buttonColor = _ref.buttonColor,
-    buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
-    _ref$buttonType = _ref.buttonType,
-    buttonType = _ref$buttonType === void 0 ? 'primary' : _ref$buttonType,
-    buttonRel = _ref.buttonRel,
-    _ref$imageScaling = _ref.imageScaling,
-    imageScaling = _ref$imageScaling === void 0 ? 'cover' : _ref$imageScaling,
-    onButtonClick = _ref.onButtonClick;
-  var buttonElem = /*#__PURE__*/React.createElement(_uiCore.Button, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
-    },
-    className: cn('button', [classes.button]),
-    href: buttonUrl,
-    rel: buttonRel,
-    target: buttonTarget,
-    theme: buttonColor,
-    type: buttonType,
-    onClick: onButtonClick,
-    download: buttonDownload
-  }, buttonText);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      image: !!imageUrl,
-      scaling: imageScaling
-    }, [className, classes.root]),
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement(_uiCore.Grid, {
-    guttersLeft: "medium"
-  }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-    all: "6",
-    mobile: "12",
-    leftOffsetTablet: "1",
-    leftOffsetDesktop: "1",
-    leftOffsetWide: "1"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('content'),
-    "data-testid": "".concat(testIdPrefix, "-content")
-  }, /*#__PURE__*/React.createElement(_uiCore.Header, {
-    className: cn('header'),
-    as: "h2"
-  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement("div", {
-    className: cn('text')
-  }, typeof text === 'string' ? (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig) : text), !!imageUrl && buttonElem)), /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-    all: "5",
-    mobile: "12"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('media'),
-    style: getMediaStyle(imageUrl),
-    "data-testid": "".concat(testIdPrefix, "-media")
-  }, !imageUrl && buttonElem))));
-};
-var _default = exports["default"] = ButtonBanner;

package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-button-link-box{font-family:inherit;font-size:15px;font-weight:400;line-height:24px}.mfui-button-link-box__row:not(:last-child){margin-bottom:32px}.mfui-button-link-box_h-align_center{text-align:center}

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

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import './ButtonLinkBox.scss';
-export interface IButtonLinkBoxProps {
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        link?: Record<string, string>;
-        button?: Record<string, string>;
-    };
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        button?: string;
-        link?: string;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Заголовок кнопки */
-    buttonTitle?: string;
-    /** Ссылка кнопки */
-    buttonUrl?: string;
-    /** Добавляет атрибут download для тега <a> компонента Button */
-    buttonDownload?: boolean;
-    /** Цвет кнопки */
-    buttonColor?: 'green' | 'purple' | 'green-soft' | 'purple-soft' | 'black';
-    /** Тип кнопки */
-    buttonType?: 'primary' | 'outline';
-    /** Target свойство кнопки */
-    buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
-    /** Rel - атрибут тега <a> для кнопки */
-    buttonRel?: string;
-    /** Заголовок ссылки */
-    linkTitle?: string;
-    /** Добавляет атрибут download для тега <a> компонента Button */
-    linkUrl?: string;
-    /** Target свойство ссылки */
-    linkTarget?: '_self' | '_blank' | '_parent' | '_top';
-    /** Rel - атрибут тега <a> для ссылки */
-    linkRel?: string;
-    /** Добавляет атрибут download к свойству тега <a> */
-    linkDownload?: boolean;
-    /** Горизонтальное выравнивание */
-    align?: 'center' | 'left';
-    /** Обработчик клика по кнопке */
-    onButtonClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-    /** Обработчик клика по ссылке */
-    onLinkClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-}
-declare const ButtonLinkBox: React.FC<IButtonLinkBoxProps>;
-export default ButtonLinkBox;

package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js

@@ -1,74 +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.string.link.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-button-link-box');
-var ButtonLinkBox = function ButtonLinkBox(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-    rootRef = _ref.rootRef,
-    buttonTitle = _ref.buttonTitle,
-    buttonUrl = _ref.buttonUrl,
-    buttonDownload = _ref.buttonDownload,
-    _ref$buttonColor = _ref.buttonColor,
-    buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
-    _ref$buttonType = _ref.buttonType,
-    buttonType = _ref$buttonType === void 0 ? 'primary' : _ref$buttonType,
-    buttonRel = _ref.buttonRel,
-    linkTitle = _ref.linkTitle,
-    linkUrl = _ref.linkUrl,
-    linkDownload = _ref.linkDownload,
-    linkRel = _ref.linkRel,
-    align = _ref.align,
-    className = _ref.className,
-    buttonTarget = _ref.buttonTarget,
-    linkTarget = _ref.linkTarget,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    onButtonClick = _ref.onButtonClick,
-    onLinkClick = _ref.onLinkClick;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      'h-align': align
-    }, [className, classes.root]),
-    ref: rootRef
-  }), buttonTitle && /*#__PURE__*/React.createElement("div", {
-    className: cn('row')
-  }, /*#__PURE__*/React.createElement(_uiCore.Button, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
-    },
-    className: classes.button,
-    href: buttonUrl,
-    theme: buttonColor,
-    type: buttonType,
-    onClick: onButtonClick,
-    target: buttonTarget,
-    download: buttonDownload,
-    rel: buttonRel
-  }, buttonTitle)), linkTitle && /*#__PURE__*/React.createElement("div", {
-    className: cn('row')
-  }, /*#__PURE__*/React.createElement(_uiCore.TextLink, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
-    },
-    className: classes.link,
-    href: linkUrl,
-    download: linkDownload,
-    underlineVisibility: "always",
-    target: linkTarget,
-    rel: linkRel,
-    onClick: onLinkClick
-  }, linkTitle)));
-};
-var _default = exports["default"] = ButtonLinkBox;

package/dist/lib/components/ButtonsBox/ButtonsBox.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-buttons-box{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-buttons-box__buttons_equal-width{display:grid;gap:20px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}@media screen and (max-width:767px){.mfui-buttons-box__buttons_equal-width{grid-template-rows:repeat(2,1fr)}}@media screen and (min-width:768px){.mfui-buttons-box__buttons_equal-width{grid-template-columns:repeat(2,1fr)}}.mfui-buttons-box_h-align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

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

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

package/dist/lib/components/ButtonsBox/ButtonsBox.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["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-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 cn = (0, _uiHelpers.cnCreate)('mfui-buttons-box');
-var ButtonsBox = function ButtonsBox(_ref) {
-  var className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs,
-    button = _ref.button,
-    extraButton = _ref.extraButton,
-    align = _ref.align,
-    rootRef = _ref.rootRef;
-  var showTwoButtons = !!button && !!extraButton;
-  var renderButton = function renderButton(btnProps, btnClassName, dataAttr) {
-    return /*#__PURE__*/React.createElement(_uiCore.Button, {
-      dataAttrs: {
-        root: dataAttr
-      },
-      className: btnClassName,
-      fullWidth: showTwoButtons,
-      type: btnProps.type,
-      theme: "green",
-      icon: btnProps.icon,
-      href: btnProps.href,
-      target: btnProps.target,
-      download: btnProps.download,
-      showArrow: btnProps.showArrow,
-      rel: (0, _setRelAttribute.setRelAttribute)(btnProps.rel, btnProps.target),
-      onClick: btnProps.onClick
-    }, btnProps.title);
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      'h-align': align
-    }, [className, classes.root]),
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('buttons', {
-      'equal-width': showTwoButtons
-    })
-  }, !!button && renderButton(button, classes.button, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), !!extraButton && renderButton(extraButton, classes.extraButton, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.extraButton)));
-};
-var _default = exports["default"] = ButtonsBox;

package/dist/lib/components/Card/Card.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-card{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);-ms-flex-direction:column;flex-direction:column;padding:16px 16px 24px;text-decoration:none!important;-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}@media screen and (min-width:1280px){.mfui-card{padding:24px 24px 32px}}.mfui-card_full-height{height:100%}.mfui-card_link{cursor:pointer}.mfui-card_view_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-card_link.mfui-card_view_hover-shadow:hover,.mfui-card_link.mfui-card_view_shadow:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-card_view_background{background-color:var(--spbSky0)}.mfui-card_link.mfui-card_view_background:hover{background-color:var(--spbSky1)}.mfui-card_only-title{padding:24px}@media screen and (min-width:1280px){.mfui-card_only-title{padding:32px}}.mfui-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-card__icon{height:40px;margin-bottom:32px;width:40px}.mfui-card__img-box{border-radius:24px;overflow:hidden;padding-bottom:56.25%;position:relative}.mfui-card__img-box_position_top{margin:-6px -6px 24px}@media screen and (min-width:1280px){.mfui-card__img-box_position_top{margin:-12px -12px 32px}}.mfui-card__img-box_position_bottom{margin:24px -6px 0}@media screen and (min-width:1280px){.mfui-card__img-box_position_bottom{margin:32px -12px 0}}.mfui-card__img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.mfui-card_link:hover .mfui-card__img{-webkit-transform:scale(1.2);transform:scale(1.2)}.mfui-card__marker-list{list-style-type:none;margin:16px 0 0;padding:0}.mfui-card__marker-item{padding-left:20px;position:relative}.mfui-card__marker-item:not(:last-child){margin-bottom:12px}.mfui-card__marker-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:0;opacity:.8;position:absolute;top:7px;width:6px}.mfui-card__marker-note{display:block;font-weight:500;margin:4px 0 0;padding:0}.mfui-card__texts{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-top:16px}.mfui-card__texts ol,.mfui-card__texts ul{margin:0;padding-left:24px}.mfui-card__texts ol{list-style-type:decimal}.mfui-card__texts ul{list-style-type:disc}.mfui-card__texts-item_center .mfui-card__texts-desc,.mfui-card__texts-item_center .mfui-card__texts-title{text-align:center}.mfui-card__texts-title{font-weight:500}.mfui-card__features{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-top:16px;overflow:hidden}.mfui-card__features-list{list-style:none;margin:0;padding:0}.mfui-card__features-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-card__features-item:before{background-image:radial-gradient(circle,var(--spbSky3) 1px,transparent 1px);background-size:6px 2px;bottom:.4em;content:"";height:2px;position:absolute;width:100%}.mfui-card__features-item-value{-ms-flex-negative:0;flex-shrink:0;text-align:end}.mfui-card__features-item-text{background-color:var(--base);position:relative;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1}.mfui-card_view_background .mfui-card__features-item-text{background-color:var(--spbSky0)}.mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text{background-color:var(--spbSky1)}.mfui-card__features-item-title .mfui-card__features-item-text{padding-right:4px}.mfui-card__features-item-value .mfui-card__features-item-text{padding-left:4px}.mfui-card__icons{margin-top:16px}.mfui-card__icons-desc{margin-bottom:12px}.mfui-card__icons-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.mfui-card__icons-item,.mfui-card__icons-list{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-card__icons-item-icon{-ms-flex-negative:0;flex-shrink:0;height:32px;margin-right:8px;width:32px}.mfui-card__icons-item-text{margin-top:4px}.mfui-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;border-top:1px solid var(--spbSky1);justify-content:center;margin-top:24px;padding-top:24px}@media screen and (min-width:1280px){.mfui-card__price{margin-top:32px}}.mfui-card__img-box+.mfui-card__price{border:none;padding-top:0}.mfui-card__price-old-value{color:var(--spbSky3);position:relative}.mfui-card__price-old-value:before{background-color:var(--fury);content:"";height:1px;left:-1px;position:absolute;right:-1px;top:50%}.mfui-card__price-value{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-card__price-value{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-card__price-value{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-card__price-value{font-size:32px;line-height:40px}}.mfui-card__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:32px}.mfui-card__price+.mfui-card__buttons{margin-top:24px}.mfui-card__buttons_centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-card__button{-ms-flex-preferred-size:190px;flex-basis:190px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;max-width:320px}.mfui-card__footer{margin-top:auto}

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

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import './Card.scss';
-import { ExtraButtonType, FeaturesList, IconsList, Image, Link, MainButtonType, MarkerList, Price, TextsList, Title } from './types';
-export interface ICard {
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        icon?: Record<string, string>;
-        imgBox?: Record<string, string>;
-        button?: Record<string, string>;
-        extraButton?: Record<string, string>;
-    };
-    /** Дополнительный класс для компонента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        button?: string;
-        extraButton?: string;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement | HTMLAnchorElement>;
-    isFullHeight?: boolean;
-    isCenteredText?: boolean;
-    /** Вид */
-    view?: 'shadow' | 'hover-shadow' | 'background';
-    /** Ссылка для карточки */
-    link?: Link;
-    /** Изображение */
-    image?: Image;
-    /** Иконка */
-    icon?: React.ReactNode;
-    /** Заголовок */
-    title: Title;
-    /** Маркированный список */
-    markerList?: MarkerList;
-    /** Список текстов */
-    textsList?: TextsList;
-    /** Список характеристик */
-    featuresList?: FeaturesList;
-    /** Список иконок */
-    iconsList?: IconsList;
-    /** Цена */
-    price?: Price;
-    /** Кнопка */
-    button?: MainButtonType;
-    /** Дополнительная кнопка */
-    extraButton?: ExtraButtonType;
-    /** Бейдж */
-    badge?: React.ReactElement;
-    /** Обработчик клика по карточке */
-    onClick?: () => void;
-}
-declare const Card: React.FC<ICard>;
-export default Card;

package/dist/lib/components/Card/Card.js

@@ -1,238 +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.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");
-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 textsConvertConfig = (0, _extends2["default"])((0, _extends2["default"])({}, _uiHelpers.textConvertConfig), {
-  ul: {
-    component: function component(_ref) {
-      var children = _ref.children;
-      return /*#__PURE__*/React.createElement("ul", null, children);
-    }
-  },
-  ol: {
-    component: function component(_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/React.createElement("ol", null, children);
-    }
-  },
-  li: {
-    component: function component(_ref3) {
-      var children = _ref3.children;
-      return /*#__PURE__*/React.createElement("li", null, children);
-    }
-  },
-  p: {
-    component: function component(_ref4) {
-      var children = _ref4.children;
-      return /*#__PURE__*/React.createElement("p", null, children);
-    }
-  }
-});
-var cn = (0, _uiHelpers.cnCreate)('mfui-card');
-var Card = function Card(_ref5) {
-  var dataAttrs = _ref5.dataAttrs,
-    className = _ref5.className,
-    classes = _ref5.classes,
-    rootRef = _ref5.rootRef,
-    _ref5$isFullHeight = _ref5.isFullHeight,
-    isFullHeight = _ref5$isFullHeight === void 0 ? false : _ref5$isFullHeight,
-    _ref5$isCenteredText = _ref5.isCenteredText,
-    isCenteredText = _ref5$isCenteredText === void 0 ? false : _ref5$isCenteredText,
-    link = _ref5.link,
-    _ref5$view = _ref5.view,
-    view = _ref5$view === void 0 ? 'shadow' : _ref5$view,
-    image = _ref5.image,
-    icon = _ref5.icon,
-    title = _ref5.title,
-    markerList = _ref5.markerList,
-    textsList = _ref5.textsList,
-    featuresList = _ref5.featuresList,
-    iconsList = _ref5.iconsList,
-    price = _ref5.price,
-    button = _ref5.button,
-    extraButton = _ref5.extraButton,
-    badge = _ref5.badge,
-    onClick = _ref5.onClick;
-  var isOnlyTitle = !image && !icon && !markerList && !textsList && !featuresList && !iconsList && !price && !button && !extraButton;
-  var isLink = (link === null || link === void 0 ? void 0 : link.href) && !button && !extraButton;
-  var isBottomImage = (image === null || image === void 0 ? void 0 : image.position) === 'bottom';
-  var ElementType = isLink ? 'a' : 'div';
-  var renderImage = function renderImage() {
-    if (!image) {
-      return null;
-    }
-    var _image$position = image.position,
-      position = _image$position === void 0 ? 'top' : _image$position,
-      src = image.src,
-      alt = image.alt;
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.imgBox), {
-      className: cn('img-box', {
-        position: position
-      })
-    }), /*#__PURE__*/React.createElement("img", {
-      className: cn('img'),
-      src: src,
-      alt: alt
-    }));
-  };
-  var renderIcon = function renderIcon() {
-    if (!icon) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.icon), {
-      className: cn('icon')
-    }), icon);
-  };
-  var renderContent = function renderContent() {
-    if (markerList) {
-      return /*#__PURE__*/React.createElement("ul", {
-        className: cn('marker-list')
-      }, markerList.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("li", {
-          className: cn('marker-item'),
-          key: i
-        }, (0, _uiHelpers.convert)(item.title, {}), !!item.note && /*#__PURE__*/React.createElement("span", {
-          className: cn('marker-note')
-        }, (0, _uiHelpers.convert)(item.note, {})));
-      }));
-    }
-    if (textsList) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('texts')
-      }, textsList.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: cn('texts-item', {
-            center: isCenteredText
-          }),
-          key: i
-        }, !!item.title && /*#__PURE__*/React.createElement("div", {
-          className: cn('texts-title')
-        }, (0, _uiHelpers.convert)(item.title, textsConvertConfig)), /*#__PURE__*/React.createElement("div", {
-          className: cn('texts-desc')
-        }, (0, _uiHelpers.convert)(item.desc, textsConvertConfig)));
-      }));
-    }
-    if (featuresList) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('features')
-      }, /*#__PURE__*/React.createElement("ul", {
-        className: cn('features-list')
-      }, featuresList.items.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("li", {
-          className: cn('features-item'),
-          key: i
-        }, /*#__PURE__*/React.createElement("div", {
-          className: cn('features-item-title')
-        }, /*#__PURE__*/React.createElement("span", {
-          className: cn('features-item-text')
-        }, item.title)), /*#__PURE__*/React.createElement("div", {
-          className: cn('features-item-value')
-        }, /*#__PURE__*/React.createElement("span", {
-          className: cn('features-item-text')
-        }, item.value)));
-      })), featuresList.desc);
-    }
-    if (iconsList) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('icons')
-      }, !!iconsList.desc && /*#__PURE__*/React.createElement("div", {
-        className: cn('icons-desc')
-      }, iconsList.desc), /*#__PURE__*/React.createElement("div", {
-        className: cn('icons-list')
-      }, iconsList.items.map(function (item, i) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: cn('icons-item'),
-          key: i
-        }, /*#__PURE__*/React.createElement("div", {
-          className: cn('icons-item-icon')
-        }, item.icon), /*#__PURE__*/React.createElement("div", {
-          className: cn('icons-item-text')
-        }, item.text));
-      })));
-    }
-    return null;
-  };
-  var renderPrice = function renderPrice() {
-    if (!price) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('price')
-    }, !!price.oldValue && /*#__PURE__*/React.createElement("div", {
-      className: cn('price-old-value')
-    }, price.oldValue), /*#__PURE__*/React.createElement("div", {
-      className: cn('price-value')
-    }, price.value), !!price.period && /*#__PURE__*/React.createElement("div", {
-      className: cn('price-period')
-    }, price.period));
-  };
-  var renderButtons = function renderButtons() {
-    if (!button && !extraButton) {
-      return null;
-    }
-    var extraButtonType = (button === null || button === void 0 ? void 0 : button.type) === 'outline' ? 'text' : extraButton === null || extraButton === void 0 ? void 0 : extraButton.type;
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('buttons', {
-        centered: (button === null || button === void 0 ? void 0 : button.isCentered) || (extraButton === null || extraButton === void 0 ? void 0 : extraButton.isCentered)
-      })
-    }, !!button && /*#__PURE__*/React.createElement(_uiCore.Button, {
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
-      },
-      className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.button]),
-      href: button.href,
-      target: button.target,
-      type: button.type || 'primary',
-      theme: button.theme || 'green',
-      onClick: button === null || button === void 0 ? void 0 : button.onClick
-    }, button.title), !!extraButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.extraButton
-      },
-      className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.extraButton]),
-      href: extraButton.href,
-      target: extraButton.target,
-      type: extraButtonType || 'outline',
-      onClick: extraButton === null || extraButton === void 0 ? void 0 : extraButton.onClick
-    }, extraButton.title));
-  };
-  var renderFooter = function renderFooter() {
-    if (!price && !button && !extraButton && !image) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('footer')
-    }, isBottomImage && renderImage(), renderPrice(), renderButtons());
-  };
-  return /*#__PURE__*/React.createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      'only-title': isOnlyTitle,
-      view: view,
-      link: isLink,
-      'full-height': isFullHeight
-    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
-    href: isLink ? link === null || link === void 0 ? void 0 : link.href : undefined,
-    target: isLink ? link === null || link === void 0 ? void 0 : link.target : undefined,
-    onClick: isLink ? onClick : undefined,
-    ref: rootRef
-  }), renderIcon(), !isBottomImage && renderImage(), /*#__PURE__*/React.createElement("div", {
-    className: cn('header')
-  }, /*#__PURE__*/React.createElement(_uiCore.Header, {
-    className: cn('title'),
-    as: "h3",
-    align: title.align
-  }, title.text), badge), renderContent(), renderFooter());
-};
-var _default = exports["default"] = Card;