@megafon/ui-shared 6.4.0 → 7.0.0

package/dist/lib/components/BenefitsIcons/BenefitsIcons.js

@@ -1,71 +1,47 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.object.values.js");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
-
 var _BenefitsIconsTile = _interopRequireDefault(require("./BenefitsIconsTile"));
-
 var _helpers = _interopRequireWildcard(require("./helpers"));
-
 var _types = require("./types");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+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 testIdPrefix = 'BenefitsIcons';
 var cn = (0, _uiHelpers.cnCreate)('mfui-benefits-icons');
-
 var BenefitsIcons = function BenefitsIcons(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      rootRef = _ref.rootRef,
-      _ref$iconPosition = _ref.iconPosition,
-      iconPosition = _ref$iconPosition === void 0 ? 'left-top' : _ref$iconPosition,
-      _ref$background = _ref.background,
-      background = _ref$background === void 0 ? 'transparent' : _ref$background,
-      _ref$inOneColumn = _ref.inOneColumn,
-      inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
-      items = _ref.items,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes;
-
+    rootRef = _ref.rootRef,
+    _ref$iconPosition = _ref.iconPosition,
+    iconPosition = _ref$iconPosition === void 0 ? 'left-top' : _ref$iconPosition,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'transparent' : _ref$background,
+    _ref$inOneColumn = _ref.inOneColumn,
+    inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
+    items = _ref.items,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes;
   var _React$useState = React.useState(iconPosition === _types.IconPositionEnum.CENTER_TOP ? 'center' : 'left'),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      itemsAlign = _React$useState2[0],
-      setItemsAlign = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    itemsAlign = _React$useState2[0],
+    setItemsAlign = _React$useState2[1];
   var _React$useState3 = React.useState(iconPosition),
-      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-      localIconPosition = _React$useState4[0],
-      setLocalIconPosition = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    localIconPosition = _React$useState4[0],
+    setLocalIconPosition = _React$useState4[1];
   var resizeHandler = React.useCallback(function () {
     if (window.innerWidth <= _uiHelpers.breakpoints.MOBILE_MIDDLE_END) {
       setItemsAlign(_types.ItemsAlignEnum.CENTER);
@@ -77,12 +53,10 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
   }, [iconPosition]);
   React.useEffect(function () {
     var resizeHandlerThrottled = (0, _lodash["default"])(resizeHandler, _throttleTime["default"].resize);
-
     if (inOneColumn) {
       resizeHandler();
       window.addEventListener('resize', resizeHandlerThrottled);
     }
-
     return function () {
       window.removeEventListener('resize', resizeHandlerThrottled);
     };
@@ -109,11 +83,11 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
     }
   }, items.map(function (_ref2, i) {
     var title = _ref2.title,
-        text = _ref2.text,
-        icon = _ref2.icon,
-        alt = _ref2.alt,
-        itemClasses = _ref2.classes,
-        itemDataAttrs = _ref2.dataAttrs;
+      text = _ref2.text,
+      icon = _ref2.icon,
+      alt = _ref2.alt,
+      itemClasses = _ref2.classes,
+      itemDataAttrs = _ref2.dataAttrs;
     var columnConfig = inOneColumn ? (0, _helpers.getOneColumnConfig)(iconPosition) : (0, _helpers["default"])(iconPosition, items.length, i);
     return /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _extends2["default"])({
       className: cn('column', [classes.gridColumn]),
@@ -136,38 +110,4 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
     }));
   }))));
 };
-
-BenefitsIcons.propTypes = {
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    current: _propTypes["default"].elementType
-  }), _propTypes["default"].any])]),
-  iconPosition: _propTypes["default"].oneOf(Object.values(_types.IconPositionEnum)),
-  background: _propTypes["default"].oneOf(Object.values(_types.BackgroundEnum)),
-  inOneColumn: _propTypes["default"].bool,
-  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    dataAttrs: _propTypes["default"].shape({
-      root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-    }),
-    classes: _propTypes["default"].shape({
-      root: _propTypes["default"].string,
-      icon: _propTypes["default"].string,
-      title: _propTypes["default"].string,
-      text: _propTypes["default"].string,
-      contentWrapper: _propTypes["default"].string
-    }),
-    title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
-    text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
-    icon: _propTypes["default"].node.isRequired,
-    alt: _propTypes["default"].string
-  }).isRequired).isRequired,
-  className: _propTypes["default"].string,
-  classes: _propTypes["default"].shape({
-    root: _propTypes["default"].string,
-    item: _propTypes["default"].string
-  })
-};
-var _default = BenefitsIcons;
-exports["default"] = _default;
+var _default = exports["default"] = BenefitsIcons;

package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IBenefit, IconPosition, BackgroundType } from './types';
-import './style/BenefitsIconsTile.less';
+import './style/BenefitsIconsTile.scss';
 export interface IBenefitsIconsTile extends IBenefit {
     iconPosition?: IconPosition;
     background?: BackgroundType;

package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js

@@ -1,47 +1,30 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+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.object.values.js");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _types = require("./types");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+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 testIdPrefix = 'BenefitsIconsTile';
 var cn = (0, _uiHelpers.cnCreate)('mfui-benefits-icons-tile');
-
 var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      title = _ref.title,
-      text = _ref.text,
-      icon = _ref.icon,
-      iconPosition = _ref.iconPosition,
-      background = _ref.background,
-      alt = _ref.alt,
-      className = _ref.className;
-
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    title = _ref.title,
+    text = _ref.text,
+    icon = _ref.icon,
+    iconPosition = _ref.iconPosition,
+    background = _ref.background,
+    alt = _ref.alt,
+    className = _ref.className;
   var renderIcon = function renderIcon() {
     if (typeof icon === 'string') {
       return /*#__PURE__*/React.createElement("img", {
@@ -51,13 +34,11 @@ var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
         "data-testid": "".concat(testIdPrefix, "-img")
       });
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: cn('svg-icon', [classes.icon]),
       "data-testid": "".concat(testIdPrefix, "-svg")
     }, icon);
   };
-
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'icon-position': iconPosition,
@@ -76,25 +57,4 @@ var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
     className: cn('content', [classes.text])
   }, text))));
 };
-
-BenefitsIconsTile.propTypes = {
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  className: _propTypes["default"].string,
-  classes: _propTypes["default"].shape({
-    root: _propTypes["default"].string,
-    icon: _propTypes["default"].string,
-    title: _propTypes["default"].string,
-    text: _propTypes["default"].string,
-    contentWrapper: _propTypes["default"].string
-  }),
-  title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
-  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].arrayOf(_propTypes["default"].node)]),
-  iconPosition: _propTypes["default"].oneOf(Object.values(_types.IconPositionEnum)),
-  background: _propTypes["default"].oneOf(Object.values(_types.BackgroundEnum)),
-  icon: _propTypes["default"].node.isRequired,
-  alt: _propTypes["default"].string
-};
-var _default = BenefitsIconsTile;
-exports["default"] = _default;
+var _default = exports["default"] = BenefitsIconsTile;

package/dist/lib/components/BenefitsIcons/helpers.d.ts

@@ -1,8 +1,8 @@
-import { GridConfig } from './types';
+import { GridConfig, IconPosition } from './types';
 declare const getLeftSideConfig: (count: number, index: number) => GridConfig;
 declare const getLeftTopConfig: (count: number, index: number) => GridConfig;
 declare const getCenterTopConfig: (count: number, index: number) => GridConfig;
-declare const getOneColumnConfig: (iconPosition: "left-top" | "center-top" | "left-side") => GridConfig;
-declare const getMultiColumnConfig: (iconPosition: "left-top" | "center-top" | "left-side", count: number, index: number) => GridConfig;
+declare const getOneColumnConfig: (iconPosition: IconPosition) => GridConfig;
+declare const getMultiColumnConfig: (iconPosition: IconPosition, count: number, index: number) => GridConfig;
 export default getMultiColumnConfig;
 export { getLeftSideConfig, getLeftTopConfig, getCenterTopConfig, getOneColumnConfig };

package/dist/lib/components/BenefitsIcons/helpers.js

@@ -3,23 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getOneColumnConfig = exports.getCenterTopConfig = exports.getLeftTopConfig = exports.getLeftSideConfig = exports["default"] = void 0;
-
+exports.getOneColumnConfig = exports.getLeftTopConfig = exports.getLeftSideConfig = exports.getCenterTopConfig = exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _types = require("./types");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 // left-aligned column with left side icon
-var getLeftSideConfig = function getLeftSideConfig(count, index) {
+var getLeftSideConfig = exports.getLeftSideConfig = function getLeftSideConfig(count, index) {
   var everySecondWithoutOffset = index % 2 ? '1' : undefined;
   var columnSize = {
     wide: '4',
     desktop: '5',
     tablet: '10'
   };
-
   switch (count) {
     case 2:
     case 4:
@@ -27,21 +22,16 @@ var getLeftSideConfig = function getLeftSideConfig(count, index) {
         leftOffsetWide: everySecondWithoutOffset,
         leftOffsetDesktop: everySecondWithoutOffset
       });
-
     default:
       return (0, _extends2["default"])((0, _extends2["default"])({}, columnSize), {
         leftOffsetDesktop: everySecondWithoutOffset
       });
   }
-}; // left-aligned column with left-aligned icon on top
-
-
-exports.getLeftSideConfig = getLeftSideConfig;
-
-var getLeftTopConfig = function getLeftTopConfig(count, index) {
+};
+// left-aligned column with left-aligned icon on top
+var getLeftTopConfig = exports.getLeftTopConfig = function getLeftTopConfig(count, index) {
   var everySecondWithoutOffset = index % 2 ? '1' : undefined;
   var everyThirdWithoutOffset = index % 3 ? '1' : undefined;
-
   switch (count) {
     case 2:
       return {
@@ -52,7 +42,6 @@ var getLeftTopConfig = function getLeftTopConfig(count, index) {
         leftOffsetDesktop: everySecondWithoutOffset,
         leftOffsetTablet: everySecondWithoutOffset
       };
-
     case 4:
       return {
         wide: '3',
@@ -61,7 +50,6 @@ var getLeftTopConfig = function getLeftTopConfig(count, index) {
         leftOffsetDesktop: everySecondWithoutOffset,
         leftOffsetTablet: everySecondWithoutOffset
       };
-
     default:
       return {
         wide: '3',
@@ -71,16 +59,12 @@ var getLeftTopConfig = function getLeftTopConfig(count, index) {
         leftOffsetTablet: everySecondWithoutOffset
       };
   }
-}; // center-aligned column with center-aligned icon on top
-
-
-exports.getLeftTopConfig = getLeftTopConfig;
-
-var getCenterTopConfig = function getCenterTopConfig(count, index) {
+};
+// center-aligned column with center-aligned icon on top
+var getCenterTopConfig = exports.getCenterTopConfig = function getCenterTopConfig(count, index) {
   var isEvenIndex = !(index % 2);
   var everyEvenWithLeftOffset = isEvenIndex ? '1' : undefined;
   var everyOddWithRightOffset = isEvenIndex ? undefined : '1';
-
   switch (count) {
     case 4:
       return {
@@ -92,7 +76,6 @@ var getCenterTopConfig = function getCenterTopConfig(count, index) {
         rightOffsetTablet: everyOddWithRightOffset,
         rightOffsetDesktop: everyOddWithRightOffset
       };
-
     default:
       return {
         wide: '4',
@@ -101,10 +84,7 @@ var getCenterTopConfig = function getCenterTopConfig(count, index) {
       };
   }
 };
-
-exports.getCenterTopConfig = getCenterTopConfig;
-
-var getOneColumnConfig = function getOneColumnConfig(iconPosition) {
+var getOneColumnConfig = exports.getOneColumnConfig = function getOneColumnConfig(iconPosition) {
   return iconPosition !== _types.IconPositionEnum.CENTER_TOP ? {
     wide: '10',
     desktop: '10',
@@ -115,21 +95,14 @@ var getOneColumnConfig = function getOneColumnConfig(iconPosition) {
     tablet: '12'
   };
 };
-
-exports.getOneColumnConfig = getOneColumnConfig;
-
 var getMultiColumnConfig = function getMultiColumnConfig(iconPosition, count, index) {
   switch (iconPosition) {
     case _types.IconPositionEnum.LEFT_TOP:
       return getLeftTopConfig(count, index);
-
     case _types.IconPositionEnum.CENTER_TOP:
       return getCenterTopConfig(count, index);
-
     default:
       return getLeftSideConfig(count, index);
   }
 };
-
-var _default = getMultiColumnConfig;
-exports["default"] = _default;
+var _default = exports["default"] = getMultiColumnConfig;

package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css

@@ -1,38 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-benefits-icons {
-  overflow: hidden;
-}
-.mfui-benefits-icons__inner {
-  margin-bottom: -20px;
-}
-.mfui-benefits-icons_background_transparent .mfui-benefits-icons__inner {
-  margin-bottom: -48px;
-}
-.mfui-benefits-icons__column {
-  margin-bottom: 20px;
-}
-.mfui-benefits-icons_background_transparent .mfui-benefits-icons__column {
-  margin-bottom: 48px;
-}
-.mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
-  margin-bottom: -24px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
-    margin-bottom: -32px;
-  }
-}
-.mfui-benefits-icons_one-column .mfui-benefits-icons__column {
-  margin-bottom: 24px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-benefits-icons_one-column .mfui-benefits-icons__column {
-    margin-bottom: 32px;
-  }
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-benefits-icons{overflow:hidden}.mfui-benefits-icons__inner{margin-bottom:-20px}.mfui-benefits-icons_background_transparent .mfui-benefits-icons__inner{margin-bottom:-48px}.mfui-benefits-icons__column{margin-bottom:20px}.mfui-benefits-icons_background_transparent .mfui-benefits-icons__column{margin-bottom:48px}.mfui-benefits-icons_one-column .mfui-benefits-icons__inner{margin-bottom:-24px}@media screen and (max-width:767px){.mfui-benefits-icons_one-column .mfui-benefits-icons__inner{margin-bottom:-32px}}.mfui-benefits-icons_one-column .mfui-benefits-icons__column{margin-bottom:24px}@media screen and (max-width:767px){.mfui-benefits-icons_one-column .mfui-benefits-icons__column{margin-bottom:32px}}

package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css

@@ -1,90 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-benefits-icons-tile {
-  min-height: 100%;
-  padding: 24px;
-  border-radius: 12px;
-}
-.mfui-benefits-icons-tile_background_transparent {
-  padding: 0;
-}
-.mfui-benefits-icons-tile_background_gray {
-  background-color: var(--spbSky0);
-}
-.mfui-benefits-icons-tile_background_green {
-  background-color: var(--brandGreen20);
-}
-.mfui-benefits-icons-tile_background_purple {
-  background-color: var(--brandPurple20);
-}
-.mfui-benefits-icons-tile .mfui-benefits-icons-tile__svg-icon {
-  margin-bottom: 10px;
-}
-.mfui-benefits-icons-tile__content {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-}
-.mfui-benefits-icons-tile__title + .mfui-benefits-icons-tile__content {
-  margin-top: 4px;
-}
-.mfui-benefits-icons-tile__text {
-  margin-bottom: 0;
-}
-.mfui-benefits-icons-tile__img-icon {
-  width: 64px;
-  height: 64px;
-  border-radius: 8px;
-}
-.mfui-benefits-icons-tile__svg-icon {
-  width: 40px;
-  height: 40px;
-  overflow: hidden;
-}
-.mfui-benefits-icons-tile__svg-icon svg {
-  fill: var(--brandGreen) !important;
-}
-.mfui-benefits-icons-tile_background_purple .mfui-benefits-icons-tile__svg-icon svg {
-  fill: var(--brandPurple) !important;
-}
-.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__inner {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__content-wrapper {
-  padding-top: 8px;
-}
-.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__svg-icon,
-.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__img-icon {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  margin-right: 14px;
-  margin-bottom: 0;
-}
-.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__inner {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__content-wrapper {
-  padding-top: 0;
-}
-.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__svg-icon,
-.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__img-icon {
-  -ms-flex-item-align: start;
-      align-self: start;
-}
-.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__inner {
-  text-align: center;
-}
-.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__svg-icon,
-.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__img-icon {
-  margin-right: auto;
-  margin-left: auto;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-benefits-icons-tile{border-radius:12px;min-height:100%;padding:24px}.mfui-benefits-icons-tile_background_transparent{padding:0}.mfui-benefits-icons-tile_background_gray{background-color:var(--spbSky0)}.mfui-benefits-icons-tile_background_green{background-color:var(--brandGreen20)}.mfui-benefits-icons-tile_background_purple{background-color:var(--brandPurple20)}.mfui-benefits-icons-tile .mfui-benefits-icons-tile__svg-icon{margin-bottom:10px}.mfui-benefits-icons-tile__content{font-size:15px;font-weight:400;line-height:24px}.mfui-benefits-icons-tile__title+.mfui-benefits-icons-tile__content{margin-top:4px}.mfui-benefits-icons-tile__text{margin-bottom:0}.mfui-benefits-icons-tile__img-icon{border-radius:8px;height:64px;width:64px}.mfui-benefits-icons-tile__svg-icon{height:40px;overflow:hidden;width:40px}.mfui-benefits-icons-tile__svg-icon svg{fill:var(--brandGreen)!important}.mfui-benefits-icons-tile_background_purple .mfui-benefits-icons-tile__svg-icon svg{fill:var(--brandPurple)!important}.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__inner{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__content-wrapper{padding-top:8px}.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__img-icon,.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__svg-icon{-ms-flex-negative:0;flex-shrink:0;margin-bottom:0;margin-right:14px}.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__content-wrapper{padding-top:0}.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__img-icon,.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__svg-icon{-ms-flex-item-align:start;align-self:start}.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__inner{text-align:center}.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__img-icon,.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__svg-icon{margin-left:auto;margin-right:auto}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-declare type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
 export interface IBenefit {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -27,20 +26,20 @@ export declare const IconPositionEnum: {
     readonly CENTER_TOP: "center-top";
     readonly LEFT_SIDE: "left-side";
 };
-export declare type IconPosition = typeof IconPositionEnum[keyof typeof IconPositionEnum];
+export type IconPosition = (typeof IconPositionEnum)[keyof typeof IconPositionEnum];
 export declare const ItemsAlignEnum: {
     readonly LEFT: "left";
     readonly CENTER: "center";
 };
-export declare type ItemsAlignType = typeof ItemsAlignEnum[keyof typeof ItemsAlignEnum];
+export type ItemsAlignType = (typeof ItemsAlignEnum)[keyof typeof ItemsAlignEnum];
 export declare const BackgroundEnum: {
     readonly TRANSPARENT: "transparent";
     readonly GRAY: "gray";
     readonly GREEN: "green";
     readonly PURPLE: "purple";
 };
-export declare type BackgroundType = typeof BackgroundEnum[keyof typeof BackgroundEnum];
-export declare type GridConfig = {
+export type BackgroundType = (typeof BackgroundEnum)[keyof typeof BackgroundEnum];
+export type GridConfig = {
     wide?: TGridSizeValues;
     desktop?: TGridSizeValues;
     tablet?: TGridSizeValues;

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

@@ -3,22 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BackgroundEnum = exports.ItemsAlignEnum = exports.IconPositionEnum = void 0;
-var IconPositionEnum = {
+exports.ItemsAlignEnum = exports.IconPositionEnum = exports.BackgroundEnum = void 0;
+var IconPositionEnum = exports.IconPositionEnum = {
   LEFT_TOP: 'left-top',
   CENTER_TOP: 'center-top',
   LEFT_SIDE: 'left-side'
 };
-exports.IconPositionEnum = IconPositionEnum;
-var ItemsAlignEnum = {
+var ItemsAlignEnum = exports.ItemsAlignEnum = {
   LEFT: 'left',
   CENTER: 'center'
 };
-exports.ItemsAlignEnum = ItemsAlignEnum;
-var BackgroundEnum = {
+var BackgroundEnum = exports.BackgroundEnum = {
   TRANSPARENT: 'transparent',
   GRAY: 'gray',
   GREEN: 'green',
   PURPLE: 'purple'
-};
-exports.BackgroundEnum = BackgroundEnum;
+};

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IBenefit, GridGutterSize } from './types';
-import './BenfitsPictures.less';
+import './BenfitsPictures.scss';
 export declare const ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
 export interface IBenefitsPicturesProps {
     /** Ссылка на корневой элемент */