@megafon/ui-shared 9.0.0-alpha.10 → 9.0.0-alpha.11

package/dist/es/components/Partners/Partners.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-partners__tile:not(:last-child){margin-bottom:20px}@media screen and (max-width:767px){.mfui-9-partners__tile:not(:last-child){margin-bottom:16px}}.mfui-9-partners__tile-inner{-webkit-box-sizing:border-box;box-sizing:border-box;height:132px;padding:28px 48px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-partners__tile-inner{height:104px;padding:22px 37px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-partners__tile-inner{height:77px;padding:10px}}@media screen and (max-width:767px){.mfui-9-partners__tile-inner{height:60px;padding:8px}}.mfui-9-partners__img-wrapper{height:100%;position:relative;width:100%}.mfui-9-partners__tile-img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-partners__grid{display:grid;gap:20px;grid-template-columns:repeat(12,1fr)}@media screen and (max-width:767px){.mfui-9-partners__grid{grid-template-columns:repeat(2,1fr)}}.mfui-9-partners__grid-item{grid-column:span 6}@media screen and (max-width:767px){.mfui-9-partners__grid-item{grid-column:span 2}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(2)) .mfui-9-partners__grid-item:nth-child(-n+2){grid-column:span 6}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(2)) .mfui-9-partners__grid-item:nth-child(-n+2){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(3)) .mfui-9-partners__grid-item:nth-child(-n+3){grid-column:span 4}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(3)) .mfui-9-partners__grid-item:first-child{grid-column:span 2}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(3)) .mfui-9-partners__grid-item:nth-child(n+2){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(4)) .mfui-9-partners__grid-item:nth-child(-n+4){grid-column:span 3}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(4)) .mfui-9-partners__grid-item:nth-child(-n+4){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(5)) .mfui-9-partners__grid-item:nth-child(-n+2){grid-column:span 6}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(5)) .mfui-9-partners__grid-item:nth-child(n+3){grid-column:span 4}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(5)) .mfui-9-partners__grid-item:first-child{grid-column:span 2}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(5)) .mfui-9-partners__grid-item:nth-child(n+2){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(6)) .mfui-9-partners__grid-item:nth-child(-n+6){grid-column:span 4}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(6)) .mfui-9-partners__grid-item:nth-child(-n+6){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(7)) .mfui-9-partners__grid-item:nth-child(-n+3){grid-column:span 4}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(7)) .mfui-9-partners__grid-item:nth-child(n+4){grid-column:span 3}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(7)) .mfui-9-partners__grid-item:first-child{grid-column:span 2}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(7)) .mfui-9-partners__grid-item:nth-child(n+2){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(8)) .mfui-9-partners__grid-item:nth-child(-n+8){grid-column:span 3}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(8)) .mfui-9-partners__grid-item:nth-child(-n+8){grid-column:span 1}}

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

@@ -1,11 +1,6 @@
 import * as React from 'react';
+import { BackgroundType, ItemType } from './types';
 import './Partners.scss';
-export type ItemType = {
-    src: string;
-    href?: string;
-    alt: string;
-    rel?: string;
-};
 export interface IPartnersProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -24,8 +19,8 @@ export interface IPartnersProps {
     className?: string;
     /** Список логотипов */
     items: ItemType[];
-    /** Радиус границы логотипов */
-    radius?: 'default' | 'rounded';
+    /** Фон карточки  */
+    background?: BackgroundType;
     /** Обработчик клика по стрелке вперед (должен быть обернут в useCallback) */
     onNextClick?: (index: number) => void;
     /** Обработчик клика по стрелке назад (должен быть обернут в useCallback) */

package/dist/es/components/Partners/Partners.js

@@ -3,8 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.slice.js";
 import * as React from 'react';
-import { Grid, GridColumn, Tile, Carousel } from '@megafon/ui-core';
+import { Carousel } from '@megafon/ui-core';
 import { breakpoints, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import PartnersItem from "./components/PartnersItem/PartnersItem";
 import "./Partners.css";
 var MAX_GRID_ITEMS_LENGTH = 8;
 var slidesSettings = _defineProperty(_defineProperty(_defineProperty({}, breakpoints.MOBILE_SMALL_START, {
@@ -29,50 +30,38 @@ var Partners = function Partners(_ref) {
     dataAttrs = _ref.dataAttrs,
     className = _ref.className,
     items = _ref.items,
-    _ref$radius = _ref.radius,
-    radius = _ref$radius === void 0 ? 'default' : _ref$radius,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'shadow' : _ref$background,
     onChange = _ref.onChange,
     onNextClick = _ref.onNextClick,
     onPrevClick = _ref.onPrevClick;
-  var renderItem = React.useCallback(function (item) {
-    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var renderItem = React.useCallback(function (item, index) {
     if (!item) {
       return null;
     }
     var src = item.src,
-      href = item.href,
       alt = item.alt,
-      rel = item.rel;
-    return /*#__PURE__*/React.createElement(Tile, {
-      href: href,
+      rel = item.rel,
+      href = item.href;
+    return /*#__PURE__*/React.createElement(PartnersItem, {
+      className: itemClass,
+      src: src,
+      alt: alt,
       rel: rel,
-      shadowLevel: "default",
-      radius: radius,
-      isInteractive: !!href,
-      className: cn('tile'),
+      href: href,
+      background: background,
       dataAttrs: {
         root: _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, index + 1))
       }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('tile-inner', [itemClass]),
-      "data-testid": "".concat(testIdPrefix, "-tile-inner")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('img-wrapper')
-    }, /*#__PURE__*/React.createElement("img", {
-      src: src,
-      alt: alt,
-      className: cn('tile-img')
-    }))));
-  }, [radius, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, itemClass]);
+    });
+  }, [background, dataAttrs, itemClass]);
   var renderGrid = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(Grid, {
-      guttersLeft: "medium",
-      guttersBottom: "medium"
+    return /*#__PURE__*/React.createElement("div", {
+      className: cn('grid')
     }, items.map(function (item, i) {
-      return /*#__PURE__*/React.createElement(GridColumn, {
-        key: i + item.src,
-        all: "3",
-        mobile: "6"
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('grid-item'),
+        key: i + item.src
       }, renderItem(item, i));
     }));
   }, [items, renderItem]);

package/dist/es/components/Partners/components/PartnersItem/PartnersItem.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-9-partners-item{background-color:var(--base);border-radius:24px;display:block}.mfui-9-partners-item:not(:last-child){margin-bottom:20px}@media screen and (max-width:767px){.mfui-9-partners-item:not(:last-child){margin-bottom:16px}}.mfui-9-partners-item_background_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-partners-item_background_shadow.mfui-9-partners-item_interactive:hover,.mfui-9-partners-item_background_white.mfui-9-partners-item_interactive:hover{background-color:var(--stcWhite10);-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-partners-item_background_outline{background-color:transparent;border:1px solid var(--spbSky2)}.mfui-9-partners-item_background_outline.mfui-9-partners-item_interactive:hover{background-color:var(--spbSky0)}.mfui-9-partners-item__background_white{background-color:var(--base)}.mfui-9-partners-item_background_gray{background-color:var(--spbSky0)}.mfui-9-partners-item_background_gray.mfui-9-partners-item_interactive:hover{background-color:var(--spbSky1)}.mfui-9-partners-item__inner{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;-webkit-box-sizing:border-box;box-sizing:border-box;height:132px;justify-content:center;padding:16px 0}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-partners-item__inner{height:104px;padding:18px 0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-partners-item__inner{height:77px;padding:8px 0}}@media screen and (max-width:767px){.mfui-9-partners-item__inner{height:68px;padding:4px 0}}.mfui-9-partners-item__img-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:220px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-partners-item__img-wrapper{width:152px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-partners-item__img-wrapper{width:136px}}@media screen and (max-width:767px){.mfui-9-partners-item__img-wrapper{width:120px}}.mfui-9-partners-item__img{height:100%;width:100%}

package/dist/es/components/Partners/components/PartnersItem/PartnersItem.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BackgroundType, ItemType } from '../../types';
+import './PartnersItem.scss';
+interface IPartnersItem extends ItemType {
+    className?: string;
+    background?: BackgroundType;
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+}
+declare const PartnersItem: React.FC<IPartnersItem>;
+export default PartnersItem;

package/dist/es/components/Partners/components/PartnersItem/PartnersItem.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import * as React from 'react';
+import { cnCreate } from '@megafon/ui-helpers';
+import "./PartnersItem.css";
+var cn = cnCreate('mfui-9-partners-item');
+var PartnersItem = function PartnersItem(_ref) {
+  var src = _ref.src,
+    rel = _ref.rel,
+    alt = _ref.alt,
+    href = _ref.href,
+    className = _ref.className,
+    background = _ref.background,
+    dataAttrs = _ref.dataAttrs;
+  var RootElement = href ? 'a' : 'div';
+  var isLink = !!href;
+  return /*#__PURE__*/React.createElement(RootElement, _extends({
+    href: isLink ? href : undefined,
+    rel: isLink ? rel : undefined,
+    className: cn({
+      background: background,
+      interactive: !!href
+    }, [className])
+  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
+    className: cn('inner')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('img-wrapper')
+  }, /*#__PURE__*/React.createElement("img", {
+    src: src,
+    alt: alt,
+    className: cn('img')
+  }))));
+};
+export default PartnersItem;

package/dist/es/components/Partners/types.d.ts

@@ -0,0 +1,7 @@
+export type BackgroundType = 'shadow' | 'outline' | 'white' | 'gray';
+export type ItemType = {
+    src: string;
+    href?: string;
+    alt: string;
+    rel?: string;
+};

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

@@ -0,0 +1 @@
+export {};

package/dist/es/index.d.ts

@@ -34,6 +34,7 @@ export { default as NumbersBox } from './components/NumbersBox/NumbersBox';
 export { default as NumbersCard } from './components/NumbersBox/components/NumbersCard/NumbersCard';
 export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';
+export { default as PartnersItem } from './components/Partners/components/PartnersItem/PartnersItem';
 export { default as PictureBox } from './components/PictureBox/PictureBox';
 export { default as PictureWithDescription } from './components/PictureWithDescription/PictureWithDescription';
 export { default as PromoBanner } from './components/PromoBanner/PromoBanner';

package/dist/es/index.js

@@ -34,6 +34,7 @@ export { default as NumbersBox } from "./components/NumbersBox/NumbersBox";
 export { default as NumbersCard } from "./components/NumbersBox/components/NumbersCard/NumbersCard";
 export { default as PageTitle } from "./components/PageTitle/PageTitle";
 export { default as Partners } from "./components/Partners/Partners";
+export { default as PartnersItem } from "./components/Partners/components/PartnersItem/PartnersItem";
 export { default as PictureBox } from "./components/PictureBox/PictureBox";
 export { default as PictureWithDescription } from "./components/PictureWithDescription/PictureWithDescription";
 export { default as PromoBanner } from "./components/PromoBanner/PromoBanner";

package/dist/lib/components/Partners/Partners.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-partners__tile:not(:last-child){margin-bottom:20px}@media screen and (max-width:767px){.mfui-9-partners__tile:not(:last-child){margin-bottom:16px}}.mfui-9-partners__tile-inner{-webkit-box-sizing:border-box;box-sizing:border-box;height:132px;padding:28px 48px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-partners__tile-inner{height:104px;padding:22px 37px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-partners__tile-inner{height:77px;padding:10px}}@media screen and (max-width:767px){.mfui-9-partners__tile-inner{height:60px;padding:8px}}.mfui-9-partners__img-wrapper{height:100%;position:relative;width:100%}.mfui-9-partners__tile-img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-partners__grid{display:grid;gap:20px;grid-template-columns:repeat(12,1fr)}@media screen and (max-width:767px){.mfui-9-partners__grid{grid-template-columns:repeat(2,1fr)}}.mfui-9-partners__grid-item{grid-column:span 6}@media screen and (max-width:767px){.mfui-9-partners__grid-item{grid-column:span 2}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(2)) .mfui-9-partners__grid-item:nth-child(-n+2){grid-column:span 6}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(2)) .mfui-9-partners__grid-item:nth-child(-n+2){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(3)) .mfui-9-partners__grid-item:nth-child(-n+3){grid-column:span 4}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(3)) .mfui-9-partners__grid-item:first-child{grid-column:span 2}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(3)) .mfui-9-partners__grid-item:nth-child(n+2){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(4)) .mfui-9-partners__grid-item:nth-child(-n+4){grid-column:span 3}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(4)) .mfui-9-partners__grid-item:nth-child(-n+4){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(5)) .mfui-9-partners__grid-item:nth-child(-n+2){grid-column:span 6}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(5)) .mfui-9-partners__grid-item:nth-child(n+3){grid-column:span 4}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(5)) .mfui-9-partners__grid-item:first-child{grid-column:span 2}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(5)) .mfui-9-partners__grid-item:nth-child(n+2){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(6)) .mfui-9-partners__grid-item:nth-child(-n+6){grid-column:span 4}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(6)) .mfui-9-partners__grid-item:nth-child(-n+6){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(7)) .mfui-9-partners__grid-item:nth-child(-n+3){grid-column:span 4}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(7)) .mfui-9-partners__grid-item:nth-child(n+4){grid-column:span 3}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(7)) .mfui-9-partners__grid-item:first-child{grid-column:span 2}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(7)) .mfui-9-partners__grid-item:nth-child(n+2){grid-column:span 1}}.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(8)) .mfui-9-partners__grid-item:nth-child(-n+8){grid-column:span 3}@media screen and (max-width:767px){.mfui-9-partners__grid:has(.mfui-9-partners__grid-item:nth-child(8)) .mfui-9-partners__grid-item:nth-child(-n+8){grid-column:span 1}}

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

@@ -1,11 +1,6 @@
 import * as React from 'react';
+import { BackgroundType, ItemType } from './types';
 import './Partners.scss';
-export type ItemType = {
-    src: string;
-    href?: string;
-    alt: string;
-    rel?: string;
-};
 export interface IPartnersProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -24,8 +19,8 @@ export interface IPartnersProps {
     className?: string;
     /** Список логотипов */
     items: ItemType[];
-    /** Радиус границы логотипов */
-    radius?: 'default' | 'rounded';
+    /** Фон карточки  */
+    background?: BackgroundType;
     /** Обработчик клика по стрелке вперед (должен быть обернут в useCallback) */
     onNextClick?: (index: number) => void;
     /** Обработчик клика по стрелке назад (должен быть обернут в useCallback) */

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

@@ -12,6 +12,7 @@ require("core-js/modules/es.array.slice.js");
 var React = _interopRequireWildcard(require("react"));
 var _uiCore = require("@megafon/ui-core");
 var _uiHelpers = require("@megafon/ui-helpers");
+var _PartnersItem = _interopRequireDefault(require("./components/PartnersItem/PartnersItem"));
 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 }; }
@@ -38,50 +39,38 @@ var Partners = function Partners(_ref) {
     dataAttrs = _ref.dataAttrs,
     className = _ref.className,
     items = _ref.items,
-    _ref$radius = _ref.radius,
-    radius = _ref$radius === void 0 ? 'default' : _ref$radius,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'shadow' : _ref$background,
     onChange = _ref.onChange,
     onNextClick = _ref.onNextClick,
     onPrevClick = _ref.onPrevClick;
-  var renderItem = React.useCallback(function (item) {
-    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var renderItem = React.useCallback(function (item, index) {
     if (!item) {
       return null;
     }
     var src = item.src,
-      href = item.href,
       alt = item.alt,
-      rel = item.rel;
-    return /*#__PURE__*/React.createElement(_uiCore.Tile, {
-      href: href,
+      rel = item.rel,
+      href = item.href;
+    return /*#__PURE__*/React.createElement(_PartnersItem["default"], {
+      className: itemClass,
+      src: src,
+      alt: alt,
       rel: rel,
-      shadowLevel: "default",
-      radius: radius,
-      isInteractive: !!href,
-      className: cn('tile'),
+      href: href,
+      background: background,
       dataAttrs: {
         root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, index + 1))
       }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('tile-inner', [itemClass]),
-      "data-testid": "".concat(testIdPrefix, "-tile-inner")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('img-wrapper')
-    }, /*#__PURE__*/React.createElement("img", {
-      src: src,
-      alt: alt,
-      className: cn('tile-img')
-    }))));
-  }, [radius, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, itemClass]);
+    });
+  }, [background, dataAttrs, itemClass]);
   var renderGrid = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(_uiCore.Grid, {
-      guttersLeft: "medium",
-      guttersBottom: "medium"
+    return /*#__PURE__*/React.createElement("div", {
+      className: cn('grid')
     }, items.map(function (item, i) {
-      return /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-        key: i + item.src,
-        all: "3",
-        mobile: "6"
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('grid-item'),
+        key: i + item.src
       }, renderItem(item, i));
     }));
   }, [items, renderItem]);

package/dist/lib/components/Partners/components/PartnersItem/PartnersItem.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-9-partners-item{background-color:var(--base);border-radius:24px;display:block}.mfui-9-partners-item:not(:last-child){margin-bottom:20px}@media screen and (max-width:767px){.mfui-9-partners-item:not(:last-child){margin-bottom:16px}}.mfui-9-partners-item_background_shadow{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.mfui-9-partners-item_background_shadow.mfui-9-partners-item_interactive:hover,.mfui-9-partners-item_background_white.mfui-9-partners-item_interactive:hover{background-color:var(--stcWhite10);-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-9-partners-item_background_outline{background-color:transparent;border:1px solid var(--spbSky2)}.mfui-9-partners-item_background_outline.mfui-9-partners-item_interactive:hover{background-color:var(--spbSky0)}.mfui-9-partners-item__background_white{background-color:var(--base)}.mfui-9-partners-item_background_gray{background-color:var(--spbSky0)}.mfui-9-partners-item_background_gray.mfui-9-partners-item_interactive:hover{background-color:var(--spbSky1)}.mfui-9-partners-item__inner{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;-webkit-box-sizing:border-box;box-sizing:border-box;height:132px;justify-content:center;padding:16px 0}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-partners-item__inner{height:104px;padding:18px 0}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-partners-item__inner{height:77px;padding:8px 0}}@media screen and (max-width:767px){.mfui-9-partners-item__inner{height:68px;padding:4px 0}}.mfui-9-partners-item__img-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:220px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-9-partners-item__img-wrapper{width:152px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-partners-item__img-wrapper{width:136px}}@media screen and (max-width:767px){.mfui-9-partners-item__img-wrapper{width:120px}}.mfui-9-partners-item__img{height:100%;width:100%}

package/dist/lib/components/Partners/components/PartnersItem/PartnersItem.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BackgroundType, ItemType } from '../../types';
+import './PartnersItem.scss';
+interface IPartnersItem extends ItemType {
+    className?: string;
+    background?: BackgroundType;
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+}
+declare const PartnersItem: React.FC<IPartnersItem>;
+export default PartnersItem;

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

@@ -0,0 +1,42 @@
+"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 _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-9-partners-item');
+var PartnersItem = function PartnersItem(_ref) {
+  var src = _ref.src,
+    rel = _ref.rel,
+    alt = _ref.alt,
+    href = _ref.href,
+    className = _ref.className,
+    background = _ref.background,
+    dataAttrs = _ref.dataAttrs;
+  var RootElement = href ? 'a' : 'div';
+  var isLink = !!href;
+  return /*#__PURE__*/React.createElement(RootElement, (0, _extends2["default"])({
+    href: isLink ? href : undefined,
+    rel: isLink ? rel : undefined,
+    className: cn({
+      background: background,
+      interactive: !!href
+    }, [className])
+  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
+    className: cn('inner')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('img-wrapper')
+  }, /*#__PURE__*/React.createElement("img", {
+    src: src,
+    alt: alt,
+    className: cn('img')
+  }))));
+};
+var _default = exports["default"] = PartnersItem;

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

@@ -0,0 +1,7 @@
+export type BackgroundType = 'shadow' | 'outline' | 'white' | 'gray';
+export type ItemType = {
+    src: string;
+    href?: string;
+    alt: string;
+    rel?: string;
+};

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

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

package/dist/lib/index.d.ts

@@ -34,6 +34,7 @@ export { default as NumbersBox } from './components/NumbersBox/NumbersBox';
 export { default as NumbersCard } from './components/NumbersBox/components/NumbersCard/NumbersCard';
 export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';
+export { default as PartnersItem } from './components/Partners/components/PartnersItem/PartnersItem';
 export { default as PictureBox } from './components/PictureBox/PictureBox';
 export { default as PictureWithDescription } from './components/PictureWithDescription/PictureWithDescription';
 export { default as PromoBanner } from './components/PromoBanner/PromoBanner';

package/dist/lib/index.js

@@ -219,6 +219,12 @@ Object.defineProperty(exports, "Partners", {
     return _Partners["default"];
   }
 });
+Object.defineProperty(exports, "PartnersItem", {
+  enumerable: true,
+  get: function get() {
+    return _PartnersItem["default"];
+  }
+});
 Object.defineProperty(exports, "PictureBox", {
   enumerable: true,
   get: function get() {
@@ -441,6 +447,7 @@ var _NumbersBox = _interopRequireDefault(require("./components/NumbersBox/Number
 var _NumbersCard = _interopRequireDefault(require("./components/NumbersBox/components/NumbersCard/NumbersCard"));
 var _PageTitle = _interopRequireDefault(require("./components/PageTitle/PageTitle"));
 var _Partners = _interopRequireDefault(require("./components/Partners/Partners"));
+var _PartnersItem = _interopRequireDefault(require("./components/Partners/components/PartnersItem/PartnersItem"));
 var _PictureBox = _interopRequireDefault(require("./components/PictureBox/PictureBox"));
 var _PictureWithDescription = _interopRequireDefault(require("./components/PictureWithDescription/PictureWithDescription"));
 var _PromoBanner = _interopRequireDefault(require("./components/PromoBanner/PromoBanner"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-shared",
-    "version": "9.0.0-alpha.10",
+    "version": "9.0.0-alpha.11",
     "files": [
         "dist"
     ],
@@ -77,13 +77,13 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.8.4",
-        "@megafon/ui-core": "^9.0.0-alpha.10",
+        "@megafon/ui-core": "^9.0.0-alpha.11",
         "@megafon/ui-helpers": "^5.0.0-alpha.1",
-        "@megafon/ui-icons": "^4.0.0-alpha.3",
+        "@megafon/ui-icons": "^4.0.0-alpha.4",
         "core-js": "^3.6.4",
         "htmr": "^1.0.2",
         "lodash.throttle": "^4.1.1",
         "swiper": "^11.1.1"
     },
-    "gitHead": "192a7c5cc1b4c69c42645cb5e0875a12c1583ad9"
+    "gitHead": "11012c4d3496e513d9331115f049dca07b7ab46b"
 }