@megafon/ui-shared 6.0.0-beta.4 → 6.0.0

package/dist/lib/components/AudioPlayer/AudioProgress.js

@@ -4,77 +4,106 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.INTERVAL_DELAY = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("core-js/modules/es.number.constructor.js");
+
 require("core-js/modules/web.timers.js");
+
+require("core-js/modules/es.number.constructor.js");
+
 var _react = _interopRequireDefault(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
 var _AudioRange = _interopRequireDefault(require("./AudioRange"));
+
 var _useTrackDuration = _interopRequireDefault(require("./hooks/useTrackDuration"));
+
 var _timerFormatUtil = _interopRequireDefault(require("./timerFormatUtil"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var INTERVAL_DELAY = exports.INTERVAL_DELAY = 1000;
+
+var INTERVAL_DELAY = 1000;
+exports.INTERVAL_DELAY = INTERVAL_DELAY;
 var cn = (0, _uiHelpers.cnCreate)('mfui-audio-progress');
+
 var AudioProgress = function AudioProgress(_ref) {
   var audioRef = _ref.audioRef,
-    audioTitle = _ref.audioTitle,
-    isPlaying = _ref.isPlaying,
-    isPause = _ref.isPause,
-    onChangeAudioCurrentTime = _ref.onChangeAudioCurrentTime,
-    onPlay = _ref.onPlay,
-    onSetIsPlaying = _ref.onSetIsPlaying;
+      audioTitle = _ref.audioTitle,
+      isPlaying = _ref.isPlaying,
+      isPause = _ref.isPause,
+      onChangeAudioCurrentTime = _ref.onChangeAudioCurrentTime,
+      onPlay = _ref.onPlay,
+      onSetIsPlaying = _ref.onSetIsPlaying;
+
   var intervalId = _react["default"].useRef(null);
+
   var _React$useState = _react["default"].useState(0),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    trackProgress = _React$useState2[0],
-    setTrackProgress = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      trackProgress = _React$useState2[0],
+      setTrackProgress = _React$useState2[1];
+
   var trackDuration = (0, _useTrackDuration["default"])(audioRef);
+
   var progressColorPercent = _react["default"].useMemo(function () {
     return trackProgress / trackDuration * 100;
   }, [trackDuration, trackProgress]);
+
   var progressValue = _react["default"].useMemo(function () {
     return isPlaying || isPause ? trackProgress : trackDuration;
   }, [isPause, isPlaying, trackDuration, trackProgress]);
+
   var handleStartTimer = _react["default"].useCallback(function () {
     intervalId.current && clearInterval(intervalId.current);
     intervalId.current = setInterval(function () {
       var _a, _b, _c;
+
       if ((_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.ended) {
         onSetIsPlaying === null || onSetIsPlaying === void 0 ? void 0 : onSetIsPlaying(false);
         setTrackProgress(Math.floor(((_b = audioRef.current) === null || _b === void 0 ? void 0 : _b.duration) || 0));
         return;
       }
+
       setTrackProgress(Math.floor(((_c = audioRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) || 0));
     }, INTERVAL_DELAY);
   }, [audioRef, onSetIsPlaying]);
+
   var handleScrubProgress = function handleScrubProgress(e) {
     var currentTime = Number(e.target.value);
     setTrackProgress(currentTime);
     onChangeAudioCurrentTime === null || onChangeAudioCurrentTime === void 0 ? void 0 : onChangeAudioCurrentTime(currentTime);
   };
+
   var handleScrubEndProgress = function handleScrubEndProgress() {
     if (!isPlaying) {
       onPlay === null || onPlay === void 0 ? void 0 : onPlay();
     }
+
     handleStartTimer();
   };
+
   _react["default"].useEffect(function () {
     var _a;
+
     setTrackProgress(Math.floor(((_a = audioRef === null || audioRef === void 0 ? void 0 : audioRef.current) === null || _a === void 0 ? void 0 : _a.currentTime) || 0));
   }, [audioRef]);
+
   _react["default"].useEffect(function () {
     if (isPlaying) {
       handleStartTimer();
     }
+
     if (isPause) {
       intervalId.current && clearInterval(intervalId.current);
     }
   }, [handleStartTimer, isPause, isPlaying]);
+
   _react["default"].useEffect(function () {
     return function () {
       intervalId.current && clearInterval(intervalId.current);
     };
   }, []);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn()
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -99,4 +128,6 @@ var AudioProgress = function AudioProgress(_ref) {
     }
   })));
 };
-var _default = exports["default"] = AudioProgress;
+
+var _default = AudioProgress;
+exports["default"] = _default;

package/dist/lib/components/AudioPlayer/AudioRange.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './style/AudioRange.scss';
+import './style/AudioRange.less';
 export interface IAudioRangeProps {
     className?: string;
     maxValue: number | string;

package/dist/lib/components/AudioPlayer/AudioRange.js

@@ -4,21 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-audio-range');
+
 var AudioRange = function AudioRange(_ref) {
   var className = _ref.className,
-    maxValue = _ref.maxValue,
-    value = _ref.value,
-    step = _ref.step,
-    colorPercent = _ref.colorPercent,
-    onChange = _ref.onChange,
-    onMouseUp = _ref.onMouseUp,
-    onTouchEnd = _ref.onTouchEnd,
-    dataAttrs = _ref.dataAttrs;
+      maxValue = _ref.maxValue,
+      value = _ref.value,
+      step = _ref.step,
+      colorPercent = _ref.colorPercent,
+      onChange = _ref.onChange,
+      onMouseUp = _ref.onMouseUp,
+      onTouchEnd = _ref.onTouchEnd,
+      dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
     className: cn([className]),
     style: {
@@ -34,4 +40,6 @@ var AudioRange = function AudioRange(_ref) {
     onTouchEnd: onTouchEnd
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs)));
 };
-var _default = exports["default"] = AudioRange;
+
+var _default = AudioRange;
+exports["default"] = _default;

package/dist/lib/components/AudioPlayer/AudioVolume.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './style/AudioVolume.scss';
+import './style/AudioVolume.less';
 export interface IAudioVolumeProps {
     onChangeAudioVolume?: (volume: number) => void;
 }

package/dist/lib/components/AudioPlayer/AudioVolume.js

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 require("core-js/modules/es.number.constructor.js");
+
 var _react = _interopRequireDefault(require("react"));
+
 var _uiCore = require("@megafon/ui-core");
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
 var _AudioRange = _interopRequireDefault(require("./AudioRange"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var NoVolumeIcon = function NoVolumeIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 24 24"
@@ -21,6 +30,7 @@ var NoVolumeIcon = function NoVolumeIcon(props) {
     d: "M16.094 10.174c.261.56.406 1.177.406 1.826 0 1.426-.7 2.701-1.8 3.548-.3.23-.7-.004-.7-.382v-3.152l2.094-1.84zm-1.225-1.586L14 9.35v-.517c0-.378.4-.613.7-.382.058.044.114.09.169.136zm1.923-1.69a6.998 6.998 0 00-2.438-1.491.525.525 0 01-.354-.489V3.849c0-.32.299-.559.606-.466a8.994 8.994 0 013.694 2.19l-1.508 1.325zM12 11.108V5.36a.5.5 0 00-.342-.474l-.822-.274a.5.5 0 00-.553.167L7.15 8.807A.5.5 0 016.756 9H3.707a.5.5 0 00-.353.146l-.207.208A.5.5 0 003 9.707v4.586a.5.5 0 00.147.353l.207.208a.5.5 0 00.353.146h3.049a.5.5 0 01.394.193l.082.105L12 11.108zM8.462 16.88l1.82 2.34a.5.5 0 00.554.168l.822-.274A.5.5 0 0012 18.64v-4.87l-3.538 3.11zm-5.488 3.563a.5.5 0 01.046-.705L21.497 3.503a.5.5 0 11.66.751L3.68 20.49a.5.5 0 01-.706-.046z"
   }));
 };
+
 var VolumeIcon = function VolumeIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 24 24"
@@ -30,22 +40,29 @@ var VolumeIcon = function VolumeIcon(props) {
     d: "M16.5 12c0 1.426-.7 2.701-1.8 3.548-.3.23-.7-.004-.7-.382V8.834c0-.378.4-.613.7-.382 1.1.847 1.8 2.122 1.8 3.548z"
   }));
 };
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-audio-volume');
+
 var AudioVolume = function AudioVolume(_ref) {
   var onChangeAudioVolume = _ref.onChangeAudioVolume;
+
   var tooltipTrigger = _react["default"].useRef(null);
+
   var _React$useState = _react["default"].useState(0.3),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    trackVolume = _React$useState2[0],
-    setTrackVolume = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      trackVolume = _React$useState2[0],
+      setTrackVolume = _React$useState2[1];
+
   var volumeColorPercent = _react["default"].useMemo(function () {
     return trackVolume * 100;
   }, [trackVolume]);
+
   var handleScrubVolume = function handleScrubVolume(e) {
     var currentVolume = Number(e.target.value);
     setTrackVolume(currentVolume);
     onChangeAudioVolume === null || onChangeAudioVolume === void 0 ? void 0 : onChangeAudioVolume(currentVolume);
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn()
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -80,4 +97,6 @@ var AudioVolume = function AudioVolume(_ref) {
     }
   })));
 };
-var _default = exports["default"] = AudioVolume;
+
+var _default = AudioVolume;
+exports["default"] = _default;

package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js

@@ -4,21 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireDefault(require("react"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var useTrackDuration = function useTrackDuration(audioRef) {
   var _React$useState = _react["default"].useState(0),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    trackDuration = _React$useState2[0],
-    setTrackDuration = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      trackDuration = _React$useState2[0],
+      setTrackDuration = _React$useState2[1];
+
   _react["default"].useEffect(function () {
     var audioNode = audioRef.current;
+
     if (!audioNode) {
       return;
     }
+
     var readyState = audioNode.readyState,
-      duration = audioNode.duration;
+        duration = audioNode.duration;
+
     if (readyState > 0) {
       setTrackDuration(Math.round(duration));
     } else {
@@ -28,6 +36,9 @@ var useTrackDuration = function useTrackDuration(audioRef) {
       };
     }
   }, [audioRef]);
+
   return trackDuration;
 };
-var _default = exports["default"] = useTrackDuration;
+
+var _default = useTrackDuration;
+exports["default"] = _default;

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

@@ -1 +1,58 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-audio-player{margin-top:24px}.mfui-audio-player__player{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--spbSky0);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;padding:16px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-audio-player__player{max-width:530px}}@media screen and (min-width:1024px){.mfui-audio-player__player{max-width:550px}}.mfui-audio-player__playing-controls{margin-right:16px}.mfui-audio-player_position_center .mfui-audio-player__player{margin:0 auto}.mfui-audio-player_position_left .mfui-audio-player__player{margin-right:auto}.mfui-audio-player_position_right .mfui-audio-player__player{margin-left:auto}@media screen and (min-width:768px) and (max-width:1023px){.mfui-audio-player_full-width .mfui-audio-player__player{max-width:100%}}@media screen and (min-width:1024px){.mfui-audio-player_full-width .mfui-audio-player__player{max-width:100%}}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-audio-player {
+  margin-top: 24px;
+}
+.mfui-audio-player__player {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 16px;
+  border-radius: 12px;
+  background: var(--spbSky0);
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-audio-player__player {
+    max-width: 530px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .mfui-audio-player__player {
+    max-width: 550px;
+  }
+}
+.mfui-audio-player__playing-controls {
+  margin-right: 16px;
+}
+.mfui-audio-player_position_center .mfui-audio-player__player {
+  margin: 0 auto;
+}
+.mfui-audio-player_position_left .mfui-audio-player__player {
+  margin-right: auto;
+}
+.mfui-audio-player_position_right .mfui-audio-player__player {
+  margin-left: auto;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-audio-player_full-width .mfui-audio-player__player {
+    max-width: 100%;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .mfui-audio-player_full-width .mfui-audio-player__player {
+    max-width: 100%;
+  }
+}

package/dist/lib/components/AudioPlayer/style/AudioProgress.css

@@ -1 +1,35 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-audio-progress{margin-right:16px;width:100%}.mfui-audio-progress__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-audio-progress__value{color:var(-spbSky3);font-size:12px;line-height:18px}.mfui-audio-progress__range-wrapper{margin-top:-2px}.mfui-audio-progress__title{color:var(--stcBlack);font-size:12px;line-height:18px}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-audio-progress {
+  width: 100%;
+  margin-right: 16px;
+}
+.mfui-audio-progress__info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.mfui-audio-progress__value {
+  color: var(-spbSky3);
+  font-size: 12px;
+  line-height: 18px;
+}
+.mfui-audio-progress__range-wrapper {
+  margin-top: -2px;
+}
+.mfui-audio-progress__title {
+  color: var(--stcBlack);
+  font-size: 12px;
+  line-height: 18px;
+}

package/dist/lib/components/AudioPlayer/style/AudioRange.css

@@ -1 +1,68 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-audio-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky2);background-image:-webkit-gradient(linear,left top,left bottom,from(#00b956),to(#00b956));background-image:linear-gradient(#00b956,#00b956);background-repeat:no-repeat;border-radius:2px;cursor:pointer;height:4px;width:100%}.mfui-audio-range:focus{outline:none}.mfui-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 9px fade(#000,15%);box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-moz-range-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-ms-thumb{-webkit-appearance:none;background:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 9px fade(#000,15%);height:16px;width:16px}.mfui-audio-range::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-audio-range::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-audio-range::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-audio-range {
+  width: 100%;
+  height: 4px;
+  border-radius: 2px;
+  background: var(--spbSky2);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#00B956), to(#00B956));
+  background-image: linear-gradient(#00B956, #00B956);
+  background-repeat: no-repeat;
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+.mfui-audio-range:focus {
+  outline: none;
+}
+.mfui-audio-range::-webkit-slider-thumb {
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  background: var(--stcWhite);
+  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
+          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-moz-range-thumb {
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  background: var(--stcWhite);
+  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-ms-thumb {
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  background: var(--stcWhite);
+  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-webkit-slider-runnable-track {
+  border: none;
+  background: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-moz-range-track {
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-ms-track {
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  -webkit-appearance: none;
+}

package/dist/lib/components/AudioPlayer/style/AudioVolume.css

@@ -1 +1,34 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-audio-volume{width:24px}.mfui-audio-volume__tooltip-content{border-radius:12px;padding:7px 16px 14px}.mfui-audio-volume__tooltip-content-shadow{border-radius:12px}.mfui-audio-volume__icon{cursor:pointer;display:none;height:24px;min-width:24px;width:24px;fill:var(--brandGreen)}.mfui-audio-volume__icon_visible{display:block}.mfui-audio-volume__icon:hover{fill:var(--buttonHoverGreen)}.mfui-audio-volume__range{max-width:128px}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-audio-volume {
+  width: 24px;
+}
+.mfui-audio-volume__tooltip-content {
+  padding: 7px 16px 14px;
+  border-radius: 12px;
+}
+.mfui-audio-volume__tooltip-content-shadow {
+  border-radius: 12px;
+}
+.mfui-audio-volume__icon {
+  display: none;
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+  cursor: pointer;
+  fill: var(--brandGreen);
+}
+.mfui-audio-volume__icon_visible {
+  display: block;
+}
+.mfui-audio-volume__icon:hover {
+  fill: var(--buttonHoverGreen);
+}
+.mfui-audio-volume__range {
+  max-width: 128px;
+}

package/dist/lib/components/AudioPlayer/timerFormatUtil.js

@@ -4,28 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-require("core-js/modules/es.array.concat.js");
+
 require("core-js/modules/es.parse-int.js");
+
+require("core-js/modules/es.array.concat.js");
+
 var getMinutes = function getMinutes(sec) {
   var min = parseInt("".concat(sec / 60), 10);
+
   if (min < 10) {
     return "0".concat(min);
   }
+
   return "".concat(min);
 };
 /**
  * @param {Number} sec
  * @returns {String}
  */
+
+
 var getSeconds = function getSeconds(sec) {
   if (sec < 10) {
     return "0".concat(sec);
   }
+
   return "".concat(sec);
 };
+
 var timerFormat = function timerFormat(sec) {
   var min = getMinutes(sec);
   var seconds = getSeconds(sec % 60);
   return "".concat(min, ":").concat(seconds);
 };
-var _default = exports["default"] = timerFormat;
+
+var _default = timerFormat;
+exports["default"] = _default;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { Banner } from '@megafon/ui-core';
-type BannerBoxProps = React.ComponentProps<typeof Banner> & React.PropsWithChildren;
+declare type BannerBoxProps = React.ComponentProps<typeof Banner>;
 declare const BannerBox: React.FC<BannerBoxProps>;
 export default BannerBox;

package/dist/lib/components/BannerBox/BannerBox.js

@@ -1,31 +1,49 @@
 "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); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-require("core-js/modules/es.symbol.js");
+
 require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.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 && Object.prototype.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 _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; }
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-banner-box');
+
 var BannerBox = function BannerBox(_a) {
   var children = _a.children,
-    props = __rest(_a, ["children"]);
+      props = __rest(_a, ["children"]);
+
   return /*#__PURE__*/React.createElement("div", {
     className: cn()
   }, /*#__PURE__*/React.createElement(_uiCore.Banner, props, children));
 };
-var _default = exports["default"] = BannerBox;
+
+var _default = BannerBox;
+exports["default"] = _default;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IconPosition, IBenefit, BackgroundType } from './types';
-import './style/BenefitsIcons.scss';
+import './style/BenefitsIcons.less';
 export interface IBenefitsIcons {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {