@megafon/ui-core 8.0.5 → 8.1.1

package/dist/es/components/ContentView/ContentView.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-content-view{color:var(--content);min-width:240px;padding:0 16px;text-align:center}.mfui-content-view__image{max-width:144px}.mfui-content-view__bg-image,.mfui-content-view__image{display:inline-block;margin-bottom:24px;vertical-align:top}.mfui-content-view__bg-image{background-repeat:no-repeat;background-size:100%;height:144px;width:144px}.mfui-content-view__bg-image_type_waiting{background-image:url(i/waiting.png)}.mfui-content-view__bg-image_type_error{background-image:url(i/error.png)}.mfui-content-view__bg-image_type_submit{background-image:url(i/submit.png)}.mfui-content-view__bg-image_type_success{background-image:url(i/success.png)}.mfui-content-view__bg-image_type_fail{background-image:url(i/fail.png)}.mfui-content-view__bg-image_type_update{background-image:url(i/update.png)}.mfui-content-view__bg-image_type_alarm{background-image:url(i/alarm.png)}.mfui-content-view__bg-image_type_empty{background-image:url(i/empty.png)}.mfui-content-view__bg-image_type_searchNoResult{background-image:url(i/searchNoResult.png)}.mfui-content-view__title{font-size:18px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.mfui-content-view__title{font-size:20px;letter-spacing:.5px;line-height:28px}}.mfui-content-view__text{font-size:15px;font-weight:400;line-height:24px;margin-top:4px}.mfui-content-view__buttons{gap:12px;padding-top:32px}.mfui-content-view__buttons,.mfui-content-view_fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-content-view_fullscreen{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100%}.mfui-content-view_fullscreen .mfui-content-view__content{margin-top:auto}.mfui-content-view_fullscreen .mfui-content-view__buttons{margin-top:auto;padding-bottom:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-content-view{color:var(--content);min-width:240px;padding:0 16px;text-align:center}.mfui-content-view__image{max-width:144px}.mfui-content-view__bg-image,.mfui-content-view__image{display:inline-block;margin-bottom:24px;vertical-align:top}.mfui-content-view__bg-image{background-repeat:no-repeat;background-size:100%;height:144px;width:144px}.mfui-content-view__bg-image_type_waiting{background-image:url(img/waiting.png)}.mfui-content-view__bg-image_type_error{background-image:url(img/error.png)}.mfui-content-view__bg-image_type_submit{background-image:url(img/submit.png)}.mfui-content-view__bg-image_type_success{background-image:url(img/success.png)}.mfui-content-view__bg-image_type_fail{background-image:url(img/fail.png)}.mfui-content-view__bg-image_type_update{background-image:url(img/update.png)}.mfui-content-view__bg-image_type_alarm{background-image:url(img/alarm.png)}.mfui-content-view__bg-image_type_empty{background-image:url(img/empty.png)}.mfui-content-view__bg-image_type_searchNoResult{background-image:url(img/searchNoResult.png)}.mfui-content-view__title{font-size:18px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.mfui-content-view__title{font-size:20px;letter-spacing:.5px;line-height:28px}}.mfui-content-view__text{font-size:15px;font-weight:400;line-height:24px;margin-top:4px}.mfui-content-view__buttons{gap:12px;padding-top:32px}.mfui-content-view__buttons,.mfui-content-view_fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-content-view_fullscreen{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100%}.mfui-content-view_fullscreen .mfui-content-view__content{margin-top:auto}.mfui-content-view_fullscreen .mfui-content-view__buttons{margin-top:auto;padding-bottom:24px}

package/dist/es/components/Parameter/Parameter.css

@@ -0,0 +1 @@
+@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-parameter__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px 0}.mfui-parameter_border-top.mfui-parameter_border-color_default .mfui-parameter__wrapper{border-top:1px solid var(--spbSky1)}.mfui-parameter_border-bottom.mfui-parameter_border-color_default .mfui-parameter__wrapper{border-bottom:1px solid var(--spbSky1)}.mfui-parameter_border-top.mfui-parameter_border-color_darker .mfui-parameter__wrapper{border-top:1px solid var(--spbSky2)}.mfui-parameter_border-bottom.mfui-parameter_border-color_darker .mfui-parameter__wrapper{border-bottom:1px solid var(--spbSky2)}.mfui-parameter__main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-parameter__main:not(:first-child){margin-top:24px}.mfui-parameter__main_with-out-title{margin-top:16px!important}.mfui-parameter__main_with-badge{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-parameter__title-item_size_default{font-size:15px;font-weight:500;line-height:24px}.mfui-parameter__title-item_size_big{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-parameter__title-item_size_big{font-size:20px;line-height:28px}}@media screen and (max-width:767px){.mfui-parameter__title-item{font-size:15px;font-weight:500;line-height:24px}}.mfui-parameter__icon{display:inline-block;height:24px;margin-left:1px;margin-right:8px;overflow:hidden;vertical-align:bottom;width:24px}.mfui-parameter__badge{margin-bottom:8px}@media screen and (min-width:768px){.mfui-parameter__title .mfui-parameter__desc{width:100%}}.mfui-parameter__tooltip{cursor:pointer;display:inline-block;height:20px;margin-left:8px;vertical-align:text-bottom;width:20px;fill:var(--spbSky2)}.mfui-parameter__tooltip-inner{max-width:350px}.mfui-parameter__desc{margin-top:12px}@media screen and (min-width:768px){.mfui-parameter__desc{width:70%}}.mfui-parameter__desc_collapsible{margin-top:12px}.mfui-parameter__value-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-radius:8px;padding:4px 8px;text-align:right;white-space:pre-line}.mfui-parameter__value-wrapper_frame_default{background:var(--base)}.mfui-parameter__value-wrapper_frame_gray{background:var(--spbSky0)}.mfui-parameter__value{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-parameter__value{font-size:20px;line-height:28px}}@media screen and (max-width:767px){.mfui-parameter__value{font-size:15px;font-weight:500;line-height:24px}}.mfui-parameter__value-unit:before{content:" "}

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

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import PromoBadge from '../Badges/PromoBadge/PromoBadge';
+import { DescriptionType } from './components/ParameterDescription';
+import './Parameter.scss';
+type BadgeTypesType = React.ComponentProps<typeof PromoBadge>['type'];
+type BadgeColorType = React.ComponentProps<typeof PromoBadge>['color'];
+type TitleSizeType = 'default' | 'big';
+type ValueFrameColorType = 'none' | 'default' | 'gray';
+type ItemType = {
+    title?: React.ReactNode[];
+    titleSize?: TitleSizeType;
+    description?: DescriptionType[];
+    value?: string | React.ReactNode;
+    valueUnit?: string;
+    valueFrameColor?: ValueFrameColorType;
+};
+export interface IParameter {
+    /** Массив с данными для строки */
+    items: ItemType[];
+    /** Дополнительный класс для основного контейнера */
+    className?: string;
+    /** Текст для бейджа */
+    badge?: string;
+    /** DEPRECATED. Тип бэйджа (используйте badgeColor) */
+    badgeType?: BadgeTypesType;
+    /** Цвет бейджа */
+    badgeColor?: BadgeColorType;
+    /** Текст тултипа */
+    tooltip?: string;
+    /** Отключить верхнюю границу */
+    disableBorderTop?: boolean;
+    /** Наличие нижней границы */
+    borderBottom?: boolean;
+    /** Цвет верхней и нижней границ */
+    borderColor?: 'default' | 'darker';
+    /** Единое значение для всей строки */
+    mergedValue?: string;
+    /** Иконка для строки */
+    icon?: React.ReactNode;
+    /** Растягивание компонента на всю доступную ширину */
+    fullWidth?: boolean;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        moreLink?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        itemValue?: Record<string, string>;
+    };
+    /** Дополнительные классы для внутренних элементов */
+    classes?: {
+        title?: string;
+        openedDescription?: string;
+        toggleDescription?: string;
+    };
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+}
+declare const Parameter: React.FC<IParameter>;
+export default Parameter;

package/dist/es/components/Parameter/Parameter.js

@@ -0,0 +1,139 @@
+import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.array.map.js";
+import * as React from 'react';
+import { cnCreate, filterDataAttrs, convert } from '@megafon/ui-helpers';
+import PromoBadge from "../Badges/PromoBadge/PromoBadge";
+import Caption from "../Caption/Caption";
+import Grid from "../Grid/Grid";
+import GridColumn from "../Grid/GridColumn";
+import Tooltip from "../Tooltip/Tooltip";
+import ParameterDescription from "./components/ParameterDescription";
+import { getColumnConfig } from "./helpers";
+import "./Parameter.css";
+var InfoIcon = function InfoIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
+  }));
+};
+var cn = cnCreate('mfui-parameter');
+var Parameter = function Parameter(_ref) {
+  var items = _ref.items,
+    className = _ref.className,
+    _ref$badge = _ref.badge,
+    badge = _ref$badge === void 0 ? '' : _ref$badge,
+    _ref$badgeType = _ref.badgeType,
+    badgeType = _ref$badgeType === void 0 ? 'popular' : _ref$badgeType,
+    badgeColor = _ref.badgeColor,
+    tooltip = _ref.tooltip,
+    icon = _ref.icon,
+    _ref$disableBorderTop = _ref.disableBorderTop,
+    disableBorderTop = _ref$disableBorderTop === void 0 ? false : _ref$disableBorderTop,
+    _ref$borderBottom = _ref.borderBottom,
+    borderBottom = _ref$borderBottom === void 0 ? false : _ref$borderBottom,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? 'default' : _ref$borderColor,
+    _ref$mergedValue = _ref.mergedValue,
+    mergedValue = _ref$mergedValue === void 0 ? '' : _ref$mergedValue,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    rootRef = _ref.rootRef;
+  var tooltipRef = React.useRef(null);
+  var renderTitle = function renderTitle(titles, titleSize, isFirstItem) {
+    return titles === null || titles === void 0 ? void 0 : titles.map(function (titleItem, i) {
+      var isFirstTitle = i === 0;
+      return /*#__PURE__*/React.createElement("div", _extends({
+        key: i,
+        className: cn('title-item', {
+          size: titleSize
+        }, [classes.title])
+      }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, i + 1)), icon && isFirstTitle && /*#__PURE__*/React.createElement("div", {
+        className: cn('icon')
+      }, icon), titleItem, tooltip && isFirstItem && isFirstTitle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: cn('tooltip'),
+        ref: tooltipRef
+      }, /*#__PURE__*/React.createElement(InfoIcon, null)), /*#__PURE__*/React.createElement(Tooltip, {
+        className: cn('tooltip-inner'),
+        triggerElement: tooltipRef
+      }, tooltip)));
+    });
+  };
+  var renderDescription = function renderDescription(description) {
+    return description === null || description === void 0 ? void 0 : description.map(function (_ref2, j) {
+      var value = _ref2.value,
+        isCollapsible = _ref2.isCollapsible;
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('desc', {
+          collapsible: isCollapsible
+        }),
+        key: j
+      }, /*#__PURE__*/React.createElement(ParameterDescription, {
+        value: value,
+        isCollapsible: isCollapsible,
+        dataAttrs: {
+          moreLink: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink
+        },
+        classes: {
+          open: classes.openedDescription,
+          toggle: classes.toggleDescription
+        }
+      }));
+    });
+  };
+  var renderValue = function renderValue(valueFrameColor, value, valueUnit) {
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: cn('value-wrapper', {
+        frame: valueFrameColor
+      })
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemValue)), /*#__PURE__*/React.createElement("div", {
+      className: cn('value')
+    }, typeof value === 'string' ? convert(value, {}) : value), valueUnit && /*#__PURE__*/React.createElement(Caption, {
+      className: cn('value-unit'),
+      hasMargin: false
+    }, convert(valueUnit, {})));
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: cn({
+      'border-top': !disableBorderTop,
+      'border-bottom': borderBottom,
+      'border-color': borderColor
+    }, [className])
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    ref: rootRef
+  }), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, getColumnConfig(fullWidth), /*#__PURE__*/React.createElement("div", {
+    className: cn('wrapper')
+  }, items.map(function (_ref3, i) {
+    var title = _ref3.title,
+      value = _ref3.value,
+      description = _ref3.description,
+      _ref3$valueUnit = _ref3.valueUnit,
+      valueUnit = _ref3$valueUnit === void 0 ? '' : _ref3$valueUnit,
+      _ref3$titleSize = _ref3.titleSize,
+      titleSize = _ref3$titleSize === void 0 ? 'default' : _ref3$titleSize,
+      _ref3$valueFrameColor = _ref3.valueFrameColor,
+      valueFrameColor = _ref3$valueFrameColor === void 0 ? 'none' : _ref3$valueFrameColor;
+    var isFirstItem = i === 0;
+    var isRenderBadge = isFirstItem && !!badge;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: i
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cn('main', {
+        'with-badge': isRenderBadge,
+        'with-out-title': !title
+      })
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cn('title')
+    }, isRenderBadge && /*#__PURE__*/React.createElement(PromoBadge, {
+      className: cn('badge'),
+      type: badgeType,
+      color: badgeColor
+    }, badge), title ? renderTitle(title, titleSize, isFirstItem) : renderDescription(description)), mergedValue && isFirstItem && renderValue(valueFrameColor, mergedValue, valueUnit), !mergedValue && value && renderValue(valueFrameColor, value, valueUnit)), title && renderDescription(description));
+  })))));
+};
+export default Parameter;

package/dist/es/components/Parameter/components/ParameterDescription.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-parameter-description__collapse{color:var(--systemBlue);cursor:pointer;font-size:12px;-webkit-text-decoration:underline dashed var(--systemBlue);text-decoration:underline dashed var(--systemBlue)}.mfui-parameter-description__content-inner{margin-bottom:8px}

package/dist/es/components/Parameter/components/ParameterDescription.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import './ParameterDescription.scss';
+export type DescriptionType = {
+    value: string | React.ReactNode[];
+    isCollapsible?: boolean;
+    classes?: {
+        toggle?: string;
+        open?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        moreLink?: Record<string, string>;
+    };
+};
+declare const ParameterDescription: React.FC<DescriptionType>;
+export default ParameterDescription;

package/dist/es/components/Parameter/components/ParameterDescription.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as React from 'react';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import Collapse from "../../_Collapse/Collapse";
+import "./ParameterDescription.css";
+var cn = cnCreate('mfui-parameter-description');
+var ParameterDescription = function ParameterDescription(_ref) {
+  var value = _ref.value,
+    _ref$isCollapsible = _ref.isCollapsible,
+    isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isOpened = _React$useState2[0],
+    setIsOpened = _React$useState2[1];
+  var handleClickDesc = React.useCallback(function () {
+    return setIsOpened(!isOpened);
+  }, [isOpened]);
+  if (isCollapsible) {
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: cn([isOpened ? classes.open : undefined])
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(Collapse, {
+      className: cn('content'),
+      classNameContainer: cn('content-inner'),
+      isOpened: isOpened
+    }, value), /*#__PURE__*/React.createElement("span", _extends({
+      className: cn('collapse', classes.toggle)
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink), {
+      onClick: handleClickDesc
+    }), isOpened ? 'Скрыть' : 'Подробнее'));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn()
+  }, value);
+};
+export default ParameterDescription;

package/dist/es/components/Parameter/helpers.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import GridColumn from '../Grid/GridColumn';
+type GridColumnPropsType = React.ComponentProps<typeof GridColumn>;
+type GridColumnConfigType = Partial<Pick<GridColumnPropsType, 'all' | 'wide' | 'desktop' | 'tablet' | 'mobile'>>;
+export declare const getColumnConfig: (isFullWidth: boolean) => GridColumnConfigType;
+export {};

package/dist/es/components/Parameter/helpers.js

@@ -0,0 +1,10 @@
+export var getColumnConfig = function getColumnConfig(isFullWidth) {
+  return isFullWidth ? {
+    all: '12'
+  } : {
+    wide: '8',
+    desktop: '10',
+    tablet: '12',
+    mobile: '12'
+  };
+};

package/dist/es/components/Sliders/SliderRatio/SliderRatio.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-ratio__range-container{position:relative;width:100%}.mfui-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-slider-ratio__range-input:focus{outline:none}.mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-slider-ratio_disabled .mfui-slider-ratio__head{color:var(--spbSky3)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-track{cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__scale{display:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-ratio__range-container{position:relative;width:100%}.mfui-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-slider-ratio__range-input:focus{outline:none}.mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-slider-ratio_disabled .mfui-slider-ratio__head{color:var(--spbSky3)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-track{cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__scale{display:none}

package/dist/es/index.d.ts

@@ -43,6 +43,8 @@ export { default as PaginationButton } from './components/Pagination/components/
 export { default as PaginationButtons } from './components/Pagination/components/PaginationButtons/PaginationButtons';
 export { default as PaginationNavigation } from './components/Pagination/components/PaginationNavigation/PaginationNavigation';
 export { default as Paragraph } from './components/Paragraph/Paragraph';
+export { default as Parameter } from './components/Parameter/Parameter';
+export { default as ParameterDescription } from './components/Parameter/components/ParameterDescription';
 export { default as Preloader } from './components/Preloader/Preloader';
 export { default as PriceBadge } from './components/Badges/PriceBadge/PriceBadge';
 export { default as PromoBadge } from './components/Badges/PromoBadge/PromoBadge';

package/dist/es/index.js

@@ -43,6 +43,8 @@ export { default as PaginationButton } from "./components/Pagination/components/
 export { default as PaginationButtons } from "./components/Pagination/components/PaginationButtons/PaginationButtons";
 export { default as PaginationNavigation } from "./components/Pagination/components/PaginationNavigation/PaginationNavigation";
 export { default as Paragraph } from "./components/Paragraph/Paragraph";
+export { default as Parameter } from "./components/Parameter/Parameter";
+export { default as ParameterDescription } from "./components/Parameter/components/ParameterDescription";
 export { default as Preloader } from "./components/Preloader/Preloader";
 export { default as PriceBadge } from "./components/Badges/PriceBadge/PriceBadge";
 export { default as PromoBadge } from "./components/Badges/PromoBadge/PromoBadge";

package/dist/lib/components/ContentView/ContentView.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-content-view{color:var(--content);min-width:240px;padding:0 16px;text-align:center}.mfui-content-view__image{max-width:144px}.mfui-content-view__bg-image,.mfui-content-view__image{display:inline-block;margin-bottom:24px;vertical-align:top}.mfui-content-view__bg-image{background-repeat:no-repeat;background-size:100%;height:144px;width:144px}.mfui-content-view__bg-image_type_waiting{background-image:url(i/waiting.png)}.mfui-content-view__bg-image_type_error{background-image:url(i/error.png)}.mfui-content-view__bg-image_type_submit{background-image:url(i/submit.png)}.mfui-content-view__bg-image_type_success{background-image:url(i/success.png)}.mfui-content-view__bg-image_type_fail{background-image:url(i/fail.png)}.mfui-content-view__bg-image_type_update{background-image:url(i/update.png)}.mfui-content-view__bg-image_type_alarm{background-image:url(i/alarm.png)}.mfui-content-view__bg-image_type_empty{background-image:url(i/empty.png)}.mfui-content-view__bg-image_type_searchNoResult{background-image:url(i/searchNoResult.png)}.mfui-content-view__title{font-size:18px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.mfui-content-view__title{font-size:20px;letter-spacing:.5px;line-height:28px}}.mfui-content-view__text{font-size:15px;font-weight:400;line-height:24px;margin-top:4px}.mfui-content-view__buttons{gap:12px;padding-top:32px}.mfui-content-view__buttons,.mfui-content-view_fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-content-view_fullscreen{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100%}.mfui-content-view_fullscreen .mfui-content-view__content{margin-top:auto}.mfui-content-view_fullscreen .mfui-content-view__buttons{margin-top:auto;padding-bottom:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-content-view{color:var(--content);min-width:240px;padding:0 16px;text-align:center}.mfui-content-view__image{max-width:144px}.mfui-content-view__bg-image,.mfui-content-view__image{display:inline-block;margin-bottom:24px;vertical-align:top}.mfui-content-view__bg-image{background-repeat:no-repeat;background-size:100%;height:144px;width:144px}.mfui-content-view__bg-image_type_waiting{background-image:url(img/waiting.png)}.mfui-content-view__bg-image_type_error{background-image:url(img/error.png)}.mfui-content-view__bg-image_type_submit{background-image:url(img/submit.png)}.mfui-content-view__bg-image_type_success{background-image:url(img/success.png)}.mfui-content-view__bg-image_type_fail{background-image:url(img/fail.png)}.mfui-content-view__bg-image_type_update{background-image:url(img/update.png)}.mfui-content-view__bg-image_type_alarm{background-image:url(img/alarm.png)}.mfui-content-view__bg-image_type_empty{background-image:url(img/empty.png)}.mfui-content-view__bg-image_type_searchNoResult{background-image:url(img/searchNoResult.png)}.mfui-content-view__title{font-size:18px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.mfui-content-view__title{font-size:20px;letter-spacing:.5px;line-height:28px}}.mfui-content-view__text{font-size:15px;font-weight:400;line-height:24px;margin-top:4px}.mfui-content-view__buttons{gap:12px;padding-top:32px}.mfui-content-view__buttons,.mfui-content-view_fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-content-view_fullscreen{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100%}.mfui-content-view_fullscreen .mfui-content-view__content{margin-top:auto}.mfui-content-view_fullscreen .mfui-content-view__buttons{margin-top:auto;padding-bottom:24px}

package/dist/lib/components/Parameter/Parameter.css

@@ -0,0 +1 @@
+@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-parameter__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px 0}.mfui-parameter_border-top.mfui-parameter_border-color_default .mfui-parameter__wrapper{border-top:1px solid var(--spbSky1)}.mfui-parameter_border-bottom.mfui-parameter_border-color_default .mfui-parameter__wrapper{border-bottom:1px solid var(--spbSky1)}.mfui-parameter_border-top.mfui-parameter_border-color_darker .mfui-parameter__wrapper{border-top:1px solid var(--spbSky2)}.mfui-parameter_border-bottom.mfui-parameter_border-color_darker .mfui-parameter__wrapper{border-bottom:1px solid var(--spbSky2)}.mfui-parameter__main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-parameter__main:not(:first-child){margin-top:24px}.mfui-parameter__main_with-out-title{margin-top:16px!important}.mfui-parameter__main_with-badge{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-parameter__title-item_size_default{font-size:15px;font-weight:500;line-height:24px}.mfui-parameter__title-item_size_big{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-parameter__title-item_size_big{font-size:20px;line-height:28px}}@media screen and (max-width:767px){.mfui-parameter__title-item{font-size:15px;font-weight:500;line-height:24px}}.mfui-parameter__icon{display:inline-block;height:24px;margin-left:1px;margin-right:8px;overflow:hidden;vertical-align:bottom;width:24px}.mfui-parameter__badge{margin-bottom:8px}@media screen and (min-width:768px){.mfui-parameter__title .mfui-parameter__desc{width:100%}}.mfui-parameter__tooltip{cursor:pointer;display:inline-block;height:20px;margin-left:8px;vertical-align:text-bottom;width:20px;fill:var(--spbSky2)}.mfui-parameter__tooltip-inner{max-width:350px}.mfui-parameter__desc{margin-top:12px}@media screen and (min-width:768px){.mfui-parameter__desc{width:70%}}.mfui-parameter__desc_collapsible{margin-top:12px}.mfui-parameter__value-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-radius:8px;padding:4px 8px;text-align:right;white-space:pre-line}.mfui-parameter__value-wrapper_frame_default{background:var(--base)}.mfui-parameter__value-wrapper_frame_gray{background:var(--spbSky0)}.mfui-parameter__value{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-parameter__value{font-size:20px;line-height:28px}}@media screen and (max-width:767px){.mfui-parameter__value{font-size:15px;font-weight:500;line-height:24px}}.mfui-parameter__value-unit:before{content:" "}

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

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import PromoBadge from '../Badges/PromoBadge/PromoBadge';
+import { DescriptionType } from './components/ParameterDescription';
+import './Parameter.scss';
+type BadgeTypesType = React.ComponentProps<typeof PromoBadge>['type'];
+type BadgeColorType = React.ComponentProps<typeof PromoBadge>['color'];
+type TitleSizeType = 'default' | 'big';
+type ValueFrameColorType = 'none' | 'default' | 'gray';
+type ItemType = {
+    title?: React.ReactNode[];
+    titleSize?: TitleSizeType;
+    description?: DescriptionType[];
+    value?: string | React.ReactNode;
+    valueUnit?: string;
+    valueFrameColor?: ValueFrameColorType;
+};
+export interface IParameter {
+    /** Массив с данными для строки */
+    items: ItemType[];
+    /** Дополнительный класс для основного контейнера */
+    className?: string;
+    /** Текст для бейджа */
+    badge?: string;
+    /** DEPRECATED. Тип бэйджа (используйте badgeColor) */
+    badgeType?: BadgeTypesType;
+    /** Цвет бейджа */
+    badgeColor?: BadgeColorType;
+    /** Текст тултипа */
+    tooltip?: string;
+    /** Отключить верхнюю границу */
+    disableBorderTop?: boolean;
+    /** Наличие нижней границы */
+    borderBottom?: boolean;
+    /** Цвет верхней и нижней границ */
+    borderColor?: 'default' | 'darker';
+    /** Единое значение для всей строки */
+    mergedValue?: string;
+    /** Иконка для строки */
+    icon?: React.ReactNode;
+    /** Растягивание компонента на всю доступную ширину */
+    fullWidth?: boolean;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        moreLink?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        itemValue?: Record<string, string>;
+    };
+    /** Дополнительные классы для внутренних элементов */
+    classes?: {
+        title?: string;
+        openedDescription?: string;
+        toggleDescription?: string;
+    };
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+}
+declare const Parameter: React.FC<IParameter>;
+export default Parameter;

package/dist/lib/components/Parameter/Parameter.js

@@ -0,0 +1,148 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.map.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+var _PromoBadge = _interopRequireDefault(require("../Badges/PromoBadge/PromoBadge"));
+var _Caption = _interopRequireDefault(require("../Caption/Caption"));
+var _Grid = _interopRequireDefault(require("../Grid/Grid"));
+var _GridColumn = _interopRequireDefault(require("../Grid/GridColumn"));
+var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
+var _ParameterDescription = _interopRequireDefault(require("./components/ParameterDescription"));
+var _helpers = require("./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 InfoIcon = function InfoIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
+  }));
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-parameter');
+var Parameter = function Parameter(_ref) {
+  var items = _ref.items,
+    className = _ref.className,
+    _ref$badge = _ref.badge,
+    badge = _ref$badge === void 0 ? '' : _ref$badge,
+    _ref$badgeType = _ref.badgeType,
+    badgeType = _ref$badgeType === void 0 ? 'popular' : _ref$badgeType,
+    badgeColor = _ref.badgeColor,
+    tooltip = _ref.tooltip,
+    icon = _ref.icon,
+    _ref$disableBorderTop = _ref.disableBorderTop,
+    disableBorderTop = _ref$disableBorderTop === void 0 ? false : _ref$disableBorderTop,
+    _ref$borderBottom = _ref.borderBottom,
+    borderBottom = _ref$borderBottom === void 0 ? false : _ref$borderBottom,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? 'default' : _ref$borderColor,
+    _ref$mergedValue = _ref.mergedValue,
+    mergedValue = _ref$mergedValue === void 0 ? '' : _ref$mergedValue,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    rootRef = _ref.rootRef;
+  var tooltipRef = React.useRef(null);
+  var renderTitle = function renderTitle(titles, titleSize, isFirstItem) {
+    return titles === null || titles === void 0 ? void 0 : titles.map(function (titleItem, i) {
+      var isFirstTitle = i === 0;
+      return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+        key: i,
+        className: cn('title-item', {
+          size: titleSize
+        }, [classes.title])
+      }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, i + 1)), icon && isFirstTitle && /*#__PURE__*/React.createElement("div", {
+        className: cn('icon')
+      }, icon), titleItem, tooltip && isFirstItem && isFirstTitle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: cn('tooltip'),
+        ref: tooltipRef
+      }, /*#__PURE__*/React.createElement(InfoIcon, null)), /*#__PURE__*/React.createElement(_Tooltip["default"], {
+        className: cn('tooltip-inner'),
+        triggerElement: tooltipRef
+      }, tooltip)));
+    });
+  };
+  var renderDescription = function renderDescription(description) {
+    return description === null || description === void 0 ? void 0 : description.map(function (_ref2, j) {
+      var value = _ref2.value,
+        isCollapsible = _ref2.isCollapsible;
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('desc', {
+          collapsible: isCollapsible
+        }),
+        key: j
+      }, /*#__PURE__*/React.createElement(_ParameterDescription["default"], {
+        value: value,
+        isCollapsible: isCollapsible,
+        dataAttrs: {
+          moreLink: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink
+        },
+        classes: {
+          open: classes.openedDescription,
+          toggle: classes.toggleDescription
+        }
+      }));
+    });
+  };
+  var renderValue = function renderValue(valueFrameColor, value, valueUnit) {
+    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+      className: cn('value-wrapper', {
+        frame: valueFrameColor
+      })
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemValue)), /*#__PURE__*/React.createElement("div", {
+      className: cn('value')
+    }, typeof value === 'string' ? (0, _uiHelpers.convert)(value, {}) : value), valueUnit && /*#__PURE__*/React.createElement(_Caption["default"], {
+      className: cn('value-unit'),
+      hasMargin: false
+    }, (0, _uiHelpers.convert)(valueUnit, {})));
+  };
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn({
+      'border-top': !disableBorderTop,
+      'border-bottom': borderBottom,
+      'border-color': borderColor
+    }, [className])
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    ref: rootRef
+  }), /*#__PURE__*/React.createElement(_Grid["default"], null, /*#__PURE__*/React.createElement(_GridColumn["default"], (0, _helpers.getColumnConfig)(fullWidth), /*#__PURE__*/React.createElement("div", {
+    className: cn('wrapper')
+  }, items.map(function (_ref3, i) {
+    var title = _ref3.title,
+      value = _ref3.value,
+      description = _ref3.description,
+      _ref3$valueUnit = _ref3.valueUnit,
+      valueUnit = _ref3$valueUnit === void 0 ? '' : _ref3$valueUnit,
+      _ref3$titleSize = _ref3.titleSize,
+      titleSize = _ref3$titleSize === void 0 ? 'default' : _ref3$titleSize,
+      _ref3$valueFrameColor = _ref3.valueFrameColor,
+      valueFrameColor = _ref3$valueFrameColor === void 0 ? 'none' : _ref3$valueFrameColor;
+    var isFirstItem = i === 0;
+    var isRenderBadge = isFirstItem && !!badge;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: i
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cn('main', {
+        'with-badge': isRenderBadge,
+        'with-out-title': !title
+      })
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cn('title')
+    }, isRenderBadge && /*#__PURE__*/React.createElement(_PromoBadge["default"], {
+      className: cn('badge'),
+      type: badgeType,
+      color: badgeColor
+    }, badge), title ? renderTitle(title, titleSize, isFirstItem) : renderDescription(description)), mergedValue && isFirstItem && renderValue(valueFrameColor, mergedValue, valueUnit), !mergedValue && value && renderValue(valueFrameColor, value, valueUnit)), title && renderDescription(description));
+  })))));
+};
+var _default = exports["default"] = Parameter;

package/dist/lib/components/Parameter/components/ParameterDescription.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-parameter-description__collapse{color:var(--systemBlue);cursor:pointer;font-size:12px;-webkit-text-decoration:underline dashed var(--systemBlue);text-decoration:underline dashed var(--systemBlue)}.mfui-parameter-description__content-inner{margin-bottom:8px}

package/dist/lib/components/Parameter/components/ParameterDescription.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import './ParameterDescription.scss';
+export type DescriptionType = {
+    value: string | React.ReactNode[];
+    isCollapsible?: boolean;
+    classes?: {
+        toggle?: string;
+        open?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        moreLink?: Record<string, string>;
+    };
+};
+declare const ParameterDescription: React.FC<DescriptionType>;
+export default ParameterDescription;

package/dist/lib/components/Parameter/components/ParameterDescription.js

@@ -0,0 +1,48 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+var _Collapse = _interopRequireDefault(require("../../_Collapse/Collapse"));
+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-parameter-description');
+var ParameterDescription = function ParameterDescription(_ref) {
+  var value = _ref.value,
+    _ref$isCollapsible = _ref.isCollapsible,
+    isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
+  var _React$useState = React.useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    isOpened = _React$useState2[0],
+    setIsOpened = _React$useState2[1];
+  var handleClickDesc = React.useCallback(function () {
+    return setIsOpened(!isOpened);
+  }, [isOpened]);
+  if (isCollapsible) {
+    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+      className: cn([isOpened ? classes.open : undefined])
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(_Collapse["default"], {
+      className: cn('content'),
+      classNameContainer: cn('content-inner'),
+      isOpened: isOpened
+    }, value), /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
+      className: cn('collapse', classes.toggle)
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink), {
+      onClick: handleClickDesc
+    }), isOpened ? 'Скрыть' : 'Подробнее'));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn()
+  }, value);
+};
+var _default = exports["default"] = ParameterDescription;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import GridColumn from '../Grid/GridColumn';
+type GridColumnPropsType = React.ComponentProps<typeof GridColumn>;
+type GridColumnConfigType = Partial<Pick<GridColumnPropsType, 'all' | 'wide' | 'desktop' | 'tablet' | 'mobile'>>;
+export declare const getColumnConfig: (isFullWidth: boolean) => GridColumnConfigType;
+export {};

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumnConfig = void 0;
+var getColumnConfig = exports.getColumnConfig = function getColumnConfig(isFullWidth) {
+  return isFullWidth ? {
+    all: '12'
+  } : {
+    wide: '8',
+    desktop: '10',
+    tablet: '12',
+    mobile: '12'
+  };
+};

package/dist/lib/components/Sliders/SliderRatio/SliderRatio.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-ratio__range-container{position:relative;width:100%}.mfui-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-slider-ratio__range-input:focus{outline:none}.mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(i/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-slider-ratio_disabled .mfui-slider-ratio__head{color:var(--spbSky3)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(i/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-track{cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__scale{display:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-ratio__range-container{position:relative;width:100%}.mfui-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-slider-ratio__range-input:focus{outline:none}.mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-slider-ratio_disabled .mfui-slider-ratio__head{color:var(--spbSky3)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-ratio_disabled .mfui-slider-ratio__range-track{cursor:default}.mfui-slider-ratio_disabled .mfui-slider-ratio__scale{display:none}

package/dist/lib/index.d.ts

@@ -43,6 +43,8 @@ export { default as PaginationButton } from './components/Pagination/components/
 export { default as PaginationButtons } from './components/Pagination/components/PaginationButtons/PaginationButtons';
 export { default as PaginationNavigation } from './components/Pagination/components/PaginationNavigation/PaginationNavigation';
 export { default as Paragraph } from './components/Paragraph/Paragraph';
+export { default as Parameter } from './components/Parameter/Parameter';
+export { default as ParameterDescription } from './components/Parameter/components/ParameterDescription';
 export { default as Preloader } from './components/Preloader/Preloader';
 export { default as PriceBadge } from './components/Badges/PriceBadge/PriceBadge';
 export { default as PromoBadge } from './components/Badges/PromoBadge/PromoBadge';

package/dist/lib/index.js

@@ -261,6 +261,18 @@ Object.defineProperty(exports, "Paragraph", {
     return _Paragraph["default"];
   }
 });
+Object.defineProperty(exports, "Parameter", {
+  enumerable: true,
+  get: function get() {
+    return _Parameter["default"];
+  }
+});
+Object.defineProperty(exports, "ParameterDescription", {
+  enumerable: true,
+  get: function get() {
+    return _ParameterDescription["default"];
+  }
+});
 Object.defineProperty(exports, "Preloader", {
   enumerable: true,
   get: function get() {
@@ -528,6 +540,8 @@ var _PaginationButton = _interopRequireDefault(require("./components/Pagination/
 var _PaginationButtons = _interopRequireDefault(require("./components/Pagination/components/PaginationButtons/PaginationButtons"));
 var _PaginationNavigation = _interopRequireDefault(require("./components/Pagination/components/PaginationNavigation/PaginationNavigation"));
 var _Paragraph = _interopRequireDefault(require("./components/Paragraph/Paragraph"));
+var _Parameter = _interopRequireDefault(require("./components/Parameter/Parameter"));
+var _ParameterDescription = _interopRequireDefault(require("./components/Parameter/components/ParameterDescription"));
 var _Preloader = _interopRequireDefault(require("./components/Preloader/Preloader"));
 var _PriceBadge = _interopRequireDefault(require("./components/Badges/PriceBadge/PriceBadge"));
 var _PromoBadge = _interopRequireDefault(require("./components/Badges/PromoBadge/PromoBadge"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "8.0.5",
+    "version": "8.1.1",
     "files": [
         "dist",
         "styles"
@@ -50,7 +50,7 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^3.8.0",
+        "@megafon/ui-icons": "^3.8.1",
         "@svgr/core": "^2.4.1",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
@@ -89,7 +89,7 @@
         "@datepicker-react/hooks": "^2.7.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
-        "@megafon/ui-helpers": "^4.0.0",
+        "@megafon/ui-helpers": "^4.0.1",
         "@mona-health/react-input-mask": "^3.0.3",
         "@popperjs/core": "^2.11.8",
         "core-js": "^3.6.4",
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "da89fd366d75df783e07e4fe1d65f4af83a4cf67"
+    "gitHead": "8f7c745516c705fbacf35241c8470de2ce8be671"
 }

package/dist/es/components/Avatar/i/placeholder.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-    <path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
-    <path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
-</svg>

package/dist/es/components/Search/i/textarea-resizer.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 11L11 1"  stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
-<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
-</svg>

package/dist/es/components/Selector/i/check.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4.5228 8.36841L12.386 0L14 1.91387L4.5228 12L0 7.1866L1.61401 5.27272L4.5228 8.36841Z"/>
-</svg>

package/dist/es/components/TextField/i/textarea-resizer.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 11L11 1"  stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
-<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
-</svg>

package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/attach.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25.5379 8.29708C24.5936 7.29955 23.338 6.75022 22.0025 6.75022C20.6671 6.75022 19.4115 7.29955 18.4671 8.29708L10.5856 16.6223C9.41593 17.8577 9.41593 19.868 10.5856 21.1036C11.7553 22.3391 13.6585 22.339 14.8282 21.1035L20.018 15.6215C20.4085 15.209 20.4085 14.5402 20.018 14.1277C19.6276 13.7152 18.9944 13.7152 18.6038 14.1277L13.414 19.6097C13.0242 20.0217 12.3897 20.0216 11.9998 19.6098C11.6099 19.1979 11.6099 18.5278 11.9997 18.116L19.8813 9.79092C20.4479 9.19244 21.2012 8.86281 22.0025 8.86281C22.8039 8.86281 23.5572 9.19244 24.1237 9.79092C25.2934 11.0265 25.2934 13.0367 24.1239 14.2723L15.5353 23.3442C13.5857 25.4033 10.4138 25.4033 8.46443 23.3442C7.52006 22.3467 6.99994 21.0205 6.99994 19.6098C6.99994 18.1991 7.52006 16.8728 8.46443 15.8753L17.0528 6.80324C17.4434 6.39074 17.4434 5.72198 17.0528 5.30948C16.6624 4.89704 16.0292 4.89697 15.6387 5.30948L7.05027 14.3815C5.72811 15.778 5 17.6348 5 19.6098C5 21.5848 5.72811 23.4416 7.05027 24.838C8.41503 26.2796 10.2071 27.0003 11.9998 27.0001C13.7921 27 15.5849 26.2793 16.9494 24.838L25.538 15.766C27.4874 13.7068 27.4873 10.3563 25.5379 8.29708Z" fill="#999999"/>
-</svg>

package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/excel.svg

@@ -1,25 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 3C8 2.44772 8.44772 2 9 2H19V9H8V3Z" fill="#50A36D"/>
-<rect x="8" y="9" width="11" height="7" fill="#387947"/>
-<rect x="8" y="16" width="11" height="7" fill="#2D5A3A"/>
-<path d="M8 23H30V29C30 29.5523 29.5523 30 29 30H9C8.44772 30 8 29.5523 8 29V23Z" fill="#2D5A3A"/>
-<path d="M19 2H29C29.5523 2 30 2.44772 30 3V9H19V2Z" fill="#63C087"/>
-<rect x="19" y="9" width="11" height="7" fill="#4EA06B"/>
-<rect x="19" y="16" width="11" height="7" fill="#387947"/>
-<g filter="url(#filter0_d_96_3911)">
-<rect x="2" y="8" width="16" height="16" rx="1" fill="#3B7F4C"/>
-</g>
-<path d="M6.70532 19.575L8.97532 15.905L6.87532 12.425H8.70532L10.0653 14.805L11.4153 12.425H13.0753L11.0353 15.855L13.2953 19.575H11.4553L9.90532 16.915L8.36532 19.575H6.70532Z" fill="white"/>
-<defs>
-<filter id="filter0_d_96_3911" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_3911"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_3911" result="shape"/>
-</filter>
-</defs>
-</svg>

package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/image.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.21016 2.05792H26.7884C28.5277 2.05792 29.9421 3.56629 29.9421 5.42396V26.5798C29.9421 28.4353 28.5277 29.9421 26.7884 29.9421H5.21026C3.47091 29.9421 2.05798 28.4353 2.05798 26.5798V5.42396C2.05789 3.56629 3.47082 2.05792 5.21016 2.05792ZM11.9108 7.23896C10.2287 7.23896 8.86462 8.51916 8.86462 10.3134C8.86462 12.1077 10.2288 13.2587 11.9108 13.2587C13.5933 13.2587 14.9569 12.1077 14.9569 10.3134C14.9569 8.51916 13.5933 7.23896 11.9108 7.23896ZM6.19922 26.8321H25.3647C26.206 26.8321 26.5807 26.1828 26.2014 25.3817L21.7584 15.1297C21.3797 14.3287 20.2313 14.417 19.72 15.1297L14.1051 21.5044C13.5938 22.2171 12.8943 22.1377 12.0748 21.7267L9.26358 20.234C8.85583 19.9547 8.09257 19.6905 7.61027 20.4255L5.54891 25.4997C5.06754 26.2358 5.35793 26.8321 6.19922 26.8321Z" fill="#D8D8D8"/>
-</svg>

package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/pdf.svg

@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="16" cy="16" r="14" fill="#BA2F26"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6702 13.5391C15.7712 13.3131 15.8713 13.0747 15.9652 12.8312C16.0838 12.5287 16.189 12.2208 16.2806 11.9087C16.4506 11.3209 16.5306 10.812 16.4942 10.382C16.3634 8.87175 15.5365 7.90607 14.3914 8.00725C13.2462 8.10843 12.5952 9.20505 12.726 10.7153C12.7609 11.1096 12.9047 11.553 13.1358 12.05C13.2608 12.3178 13.409 12.5946 13.5761 12.8788C13.7695 13.2076 13.9752 13.5286 14.1928 13.841C14.1459 13.9648 14.0987 14.0884 14.0513 14.212C13.6473 15.2755 13.2322 16.3344 12.8059 17.3888C12.5714 17.9745 12.3252 18.5553 12.0675 19.1307C11.8376 19.1747 11.5997 19.2254 11.3599 19.2829C11.0511 19.3572 10.7456 19.4456 10.4444 19.5478C9.87473 19.7442 9.41987 19.9689 9.09725 20.2471C7.96373 21.2232 7.66582 22.4701 8.40406 23.3718C9.14376 24.2735 10.395 24.1902 11.5271 23.2141C11.8235 22.9581 12.0953 22.5832 12.3598 22.1041C12.5022 21.8466 12.6388 21.5625 12.771 21.2604C12.9122 20.9336 13.0418 20.6016 13.1596 20.2653C14.377 19.8815 15.6478 19.5384 16.9099 19.2398C17.3582 19.1337 17.8077 19.0333 18.2584 18.9387C18.2765 18.9551 18.2954 18.9721 18.3151 18.9898C18.5287 19.1802 18.7613 19.3767 19.0025 19.5701C19.267 19.7784 19.5257 19.9674 19.78 20.1325C20.2857 20.4629 20.742 20.6831 21.1562 20.7649C22.6094 21.0536 23.743 20.506 23.9653 19.3514C24.1862 18.1967 23.336 17.2534 21.8828 16.9662C21.5021 16.8903 21.0472 16.9096 20.5168 17.0004C20.2319 17.0495 19.9311 17.1194 19.6172 17.2043C19.281 17.2967 18.9482 17.4014 18.6195 17.5184C18.2613 17.168 17.9225 16.7974 17.6045 16.4082C16.8741 15.5149 16.2266 14.5544 15.6702 13.5391ZM17.1922 17.8657C17.0038 17.6599 16.8186 17.4461 16.6366 17.2251C16.0626 16.5275 15.5445 15.7887 15.0843 15.0449C14.7903 15.8131 14.4906 16.5791 14.185 17.3426L13.97 17.8738C13.8355 18.2045 13.707 18.5152 13.585 18.8043C14.5895 18.5053 15.6022 18.2362 16.6221 17.9973C16.8119 17.9525 17.002 17.9086 17.1922 17.8657ZM13.9816 10.6037C13.999 10.821 14.1007 11.1334 14.2751 11.5054C14.3763 11.7225 14.7432 12.3714 14.7769 12.431L14.7805 12.4323C14.7969 12.3849 15.0004 11.7971 15.0715 11.5515C15.2008 11.1022 15.259 10.7317 15.2386 10.4921C15.1631 9.61275 14.8506 9.24671 14.5018 9.27796C14.1516 9.30921 13.9046 9.72583 13.9816 10.6037ZM10.7176 22.2261C10.8804 22.0862 11.0722 21.8199 11.2698 21.4628C11.3905 21.2425 11.7247 20.5045 11.7247 20.5045C11.7247 20.5045 11.0984 20.6831 10.8513 20.7679C10.4153 20.9167 10.0869 21.0804 9.90671 21.2351C9.24548 21.8035 9.13358 22.2752 9.35738 22.5504C9.58409 22.8257 10.0578 22.7945 10.7176 22.2261ZM21.6401 18.2309C21.4323 18.1893 21.1111 18.2027 20.713 18.2711H20.7144C20.4717 18.3128 19.7015 18.5107 19.7015 18.5107C19.7015 18.5107 20.2305 18.899 20.4499 19.0419C20.8365 19.2933 21.1664 19.454 21.3989 19.4987C22.2461 19.6668 22.6748 19.4615 22.7417 19.1088C22.81 18.7562 22.4874 18.3991 21.6401 18.2309Z" fill="white"/>
-</svg>

package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/power.svg

@@ -1,21 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="17" cy="16" r="13" fill="#C45A3B"/>
-<path d="M30 16C30 14.2928 29.6637 12.6023 29.0104 11.0251C28.3571 9.44788 27.3995 8.01477 26.1924 6.80761C24.9852 5.60045 23.5521 4.64288 21.9749 3.98957C20.3977 3.33625 18.7072 3 17 3L17 16H30Z" fill="#F19473"/>
-<path d="M17 3C15.2928 3 13.6023 3.33625 12.0251 3.98957C10.4479 4.64288 9.01477 5.60045 7.80761 6.80761C6.60045 8.01477 5.64288 9.44788 4.98957 11.0251C4.33625 12.6023 4 14.2928 4 16L17 16V3Z" fill="#DE7351"/>
-<g filter="url(#filter0_d_96_3928)">
-<rect x="2" y="8" width="16" height="16" rx="1" fill="#B6472B"/>
-</g>
-<path d="M7.3999 19.575V12.425H9.8699C11.6099 12.425 12.5999 13.195 12.5999 14.705V14.745C12.5999 16.255 11.5499 16.975 9.9199 16.975H9.0099V19.575H7.3999ZM9.0099 15.845H9.8299C10.6199 15.845 11.0399 15.465 11.0399 14.755V14.715C11.0399 13.955 10.5999 13.655 9.8299 13.655H9.0099V15.845Z" fill="white"/>
-<defs>
-<filter id="filter0_d_96_3928" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_3928"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_3928" result="shape"/>
-</filter>
-</defs>
-</svg>

package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/word.svg

@@ -1,22 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 3C8 2.44772 8.44772 2 9 2H29C29.5523 2 30 2.44772 30 3V9H8V3Z" fill="#5BA5E8"/>
-<rect x="8" y="9" width="22" height="7" fill="#407DCD"/>
-<rect x="8" y="16" width="22" height="7" fill="#295CB7"/>
-<path d="M8 23H30V29C30 29.5523 29.5523 30 29 30H9C8.44772 30 8 29.5523 8 29V23Z" fill="#1B418C"/>
-<g filter="url(#filter0_d_532_5821)">
-<rect x="2" y="8" width="16" height="16" rx="1" fill="#2C62BB"/>
-</g>
-<path d="M7.09498 19.575L5.35498 12.425H6.99498L8.11498 17.365L9.33498 12.425H10.715L11.985 17.395L13.145 12.425H14.645L12.905 19.575H11.255L9.96498 14.635L8.65498 19.575H7.09498Z" fill="white"/>
-<defs>
-<filter id="filter0_d_532_5821" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_5821"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_5821" result="shape"/>
-</filter>
-</defs>
-</svg>

package/dist/lib/components/Avatar/i/placeholder.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-    <path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
-    <path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
-</svg>

package/dist/lib/components/Search/i/textarea-resizer.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 11L11 1"  stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
-<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
-</svg>

package/dist/lib/components/Selector/i/check.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4.5228 8.36841L12.386 0L14 1.91387L4.5228 12L0 7.1866L1.61401 5.27272L4.5228 8.36841Z"/>
-</svg>

package/dist/lib/components/TextField/i/textarea-resizer.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 11L11 1"  stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
-<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
-</svg>

package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/attach.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25.5379 8.29708C24.5936 7.29955 23.338 6.75022 22.0025 6.75022C20.6671 6.75022 19.4115 7.29955 18.4671 8.29708L10.5856 16.6223C9.41593 17.8577 9.41593 19.868 10.5856 21.1036C11.7553 22.3391 13.6585 22.339 14.8282 21.1035L20.018 15.6215C20.4085 15.209 20.4085 14.5402 20.018 14.1277C19.6276 13.7152 18.9944 13.7152 18.6038 14.1277L13.414 19.6097C13.0242 20.0217 12.3897 20.0216 11.9998 19.6098C11.6099 19.1979 11.6099 18.5278 11.9997 18.116L19.8813 9.79092C20.4479 9.19244 21.2012 8.86281 22.0025 8.86281C22.8039 8.86281 23.5572 9.19244 24.1237 9.79092C25.2934 11.0265 25.2934 13.0367 24.1239 14.2723L15.5353 23.3442C13.5857 25.4033 10.4138 25.4033 8.46443 23.3442C7.52006 22.3467 6.99994 21.0205 6.99994 19.6098C6.99994 18.1991 7.52006 16.8728 8.46443 15.8753L17.0528 6.80324C17.4434 6.39074 17.4434 5.72198 17.0528 5.30948C16.6624 4.89704 16.0292 4.89697 15.6387 5.30948L7.05027 14.3815C5.72811 15.778 5 17.6348 5 19.6098C5 21.5848 5.72811 23.4416 7.05027 24.838C8.41503 26.2796 10.2071 27.0003 11.9998 27.0001C13.7921 27 15.5849 26.2793 16.9494 24.838L25.538 15.766C27.4874 13.7068 27.4873 10.3563 25.5379 8.29708Z" fill="#999999"/>
-</svg>

package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/excel.svg

@@ -1,25 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 3C8 2.44772 8.44772 2 9 2H19V9H8V3Z" fill="#50A36D"/>
-<rect x="8" y="9" width="11" height="7" fill="#387947"/>
-<rect x="8" y="16" width="11" height="7" fill="#2D5A3A"/>
-<path d="M8 23H30V29C30 29.5523 29.5523 30 29 30H9C8.44772 30 8 29.5523 8 29V23Z" fill="#2D5A3A"/>
-<path d="M19 2H29C29.5523 2 30 2.44772 30 3V9H19V2Z" fill="#63C087"/>
-<rect x="19" y="9" width="11" height="7" fill="#4EA06B"/>
-<rect x="19" y="16" width="11" height="7" fill="#387947"/>
-<g filter="url(#filter0_d_96_3911)">
-<rect x="2" y="8" width="16" height="16" rx="1" fill="#3B7F4C"/>
-</g>
-<path d="M6.70532 19.575L8.97532 15.905L6.87532 12.425H8.70532L10.0653 14.805L11.4153 12.425H13.0753L11.0353 15.855L13.2953 19.575H11.4553L9.90532 16.915L8.36532 19.575H6.70532Z" fill="white"/>
-<defs>
-<filter id="filter0_d_96_3911" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_3911"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_3911" result="shape"/>
-</filter>
-</defs>
-</svg>

package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/image.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.21016 2.05792H26.7884C28.5277 2.05792 29.9421 3.56629 29.9421 5.42396V26.5798C29.9421 28.4353 28.5277 29.9421 26.7884 29.9421H5.21026C3.47091 29.9421 2.05798 28.4353 2.05798 26.5798V5.42396C2.05789 3.56629 3.47082 2.05792 5.21016 2.05792ZM11.9108 7.23896C10.2287 7.23896 8.86462 8.51916 8.86462 10.3134C8.86462 12.1077 10.2288 13.2587 11.9108 13.2587C13.5933 13.2587 14.9569 12.1077 14.9569 10.3134C14.9569 8.51916 13.5933 7.23896 11.9108 7.23896ZM6.19922 26.8321H25.3647C26.206 26.8321 26.5807 26.1828 26.2014 25.3817L21.7584 15.1297C21.3797 14.3287 20.2313 14.417 19.72 15.1297L14.1051 21.5044C13.5938 22.2171 12.8943 22.1377 12.0748 21.7267L9.26358 20.234C8.85583 19.9547 8.09257 19.6905 7.61027 20.4255L5.54891 25.4997C5.06754 26.2358 5.35793 26.8321 6.19922 26.8321Z" fill="#D8D8D8"/>
-</svg>

package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/pdf.svg

@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="16" cy="16" r="14" fill="#BA2F26"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6702 13.5391C15.7712 13.3131 15.8713 13.0747 15.9652 12.8312C16.0838 12.5287 16.189 12.2208 16.2806 11.9087C16.4506 11.3209 16.5306 10.812 16.4942 10.382C16.3634 8.87175 15.5365 7.90607 14.3914 8.00725C13.2462 8.10843 12.5952 9.20505 12.726 10.7153C12.7609 11.1096 12.9047 11.553 13.1358 12.05C13.2608 12.3178 13.409 12.5946 13.5761 12.8788C13.7695 13.2076 13.9752 13.5286 14.1928 13.841C14.1459 13.9648 14.0987 14.0884 14.0513 14.212C13.6473 15.2755 13.2322 16.3344 12.8059 17.3888C12.5714 17.9745 12.3252 18.5553 12.0675 19.1307C11.8376 19.1747 11.5997 19.2254 11.3599 19.2829C11.0511 19.3572 10.7456 19.4456 10.4444 19.5478C9.87473 19.7442 9.41987 19.9689 9.09725 20.2471C7.96373 21.2232 7.66582 22.4701 8.40406 23.3718C9.14376 24.2735 10.395 24.1902 11.5271 23.2141C11.8235 22.9581 12.0953 22.5832 12.3598 22.1041C12.5022 21.8466 12.6388 21.5625 12.771 21.2604C12.9122 20.9336 13.0418 20.6016 13.1596 20.2653C14.377 19.8815 15.6478 19.5384 16.9099 19.2398C17.3582 19.1337 17.8077 19.0333 18.2584 18.9387C18.2765 18.9551 18.2954 18.9721 18.3151 18.9898C18.5287 19.1802 18.7613 19.3767 19.0025 19.5701C19.267 19.7784 19.5257 19.9674 19.78 20.1325C20.2857 20.4629 20.742 20.6831 21.1562 20.7649C22.6094 21.0536 23.743 20.506 23.9653 19.3514C24.1862 18.1967 23.336 17.2534 21.8828 16.9662C21.5021 16.8903 21.0472 16.9096 20.5168 17.0004C20.2319 17.0495 19.9311 17.1194 19.6172 17.2043C19.281 17.2967 18.9482 17.4014 18.6195 17.5184C18.2613 17.168 17.9225 16.7974 17.6045 16.4082C16.8741 15.5149 16.2266 14.5544 15.6702 13.5391ZM17.1922 17.8657C17.0038 17.6599 16.8186 17.4461 16.6366 17.2251C16.0626 16.5275 15.5445 15.7887 15.0843 15.0449C14.7903 15.8131 14.4906 16.5791 14.185 17.3426L13.97 17.8738C13.8355 18.2045 13.707 18.5152 13.585 18.8043C14.5895 18.5053 15.6022 18.2362 16.6221 17.9973C16.8119 17.9525 17.002 17.9086 17.1922 17.8657ZM13.9816 10.6037C13.999 10.821 14.1007 11.1334 14.2751 11.5054C14.3763 11.7225 14.7432 12.3714 14.7769 12.431L14.7805 12.4323C14.7969 12.3849 15.0004 11.7971 15.0715 11.5515C15.2008 11.1022 15.259 10.7317 15.2386 10.4921C15.1631 9.61275 14.8506 9.24671 14.5018 9.27796C14.1516 9.30921 13.9046 9.72583 13.9816 10.6037ZM10.7176 22.2261C10.8804 22.0862 11.0722 21.8199 11.2698 21.4628C11.3905 21.2425 11.7247 20.5045 11.7247 20.5045C11.7247 20.5045 11.0984 20.6831 10.8513 20.7679C10.4153 20.9167 10.0869 21.0804 9.90671 21.2351C9.24548 21.8035 9.13358 22.2752 9.35738 22.5504C9.58409 22.8257 10.0578 22.7945 10.7176 22.2261ZM21.6401 18.2309C21.4323 18.1893 21.1111 18.2027 20.713 18.2711H20.7144C20.4717 18.3128 19.7015 18.5107 19.7015 18.5107C19.7015 18.5107 20.2305 18.899 20.4499 19.0419C20.8365 19.2933 21.1664 19.454 21.3989 19.4987C22.2461 19.6668 22.6748 19.4615 22.7417 19.1088C22.81 18.7562 22.4874 18.3991 21.6401 18.2309Z" fill="white"/>
-</svg>

package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/power.svg

@@ -1,21 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="17" cy="16" r="13" fill="#C45A3B"/>
-<path d="M30 16C30 14.2928 29.6637 12.6023 29.0104 11.0251C28.3571 9.44788 27.3995 8.01477 26.1924 6.80761C24.9852 5.60045 23.5521 4.64288 21.9749 3.98957C20.3977 3.33625 18.7072 3 17 3L17 16H30Z" fill="#F19473"/>
-<path d="M17 3C15.2928 3 13.6023 3.33625 12.0251 3.98957C10.4479 4.64288 9.01477 5.60045 7.80761 6.80761C6.60045 8.01477 5.64288 9.44788 4.98957 11.0251C4.33625 12.6023 4 14.2928 4 16L17 16V3Z" fill="#DE7351"/>
-<g filter="url(#filter0_d_96_3928)">
-<rect x="2" y="8" width="16" height="16" rx="1" fill="#B6472B"/>
-</g>
-<path d="M7.3999 19.575V12.425H9.8699C11.6099 12.425 12.5999 13.195 12.5999 14.705V14.745C12.5999 16.255 11.5499 16.975 9.9199 16.975H9.0099V19.575H7.3999ZM9.0099 15.845H9.8299C10.6199 15.845 11.0399 15.465 11.0399 14.755V14.715C11.0399 13.955 10.5999 13.655 9.8299 13.655H9.0099V15.845Z" fill="white"/>
-<defs>
-<filter id="filter0_d_96_3928" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_3928"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_3928" result="shape"/>
-</filter>
-</defs>
-</svg>

package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/word.svg

@@ -1,22 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 3C8 2.44772 8.44772 2 9 2H29C29.5523 2 30 2.44772 30 3V9H8V3Z" fill="#5BA5E8"/>
-<rect x="8" y="9" width="22" height="7" fill="#407DCD"/>
-<rect x="8" y="16" width="22" height="7" fill="#295CB7"/>
-<path d="M8 23H30V29C30 29.5523 29.5523 30 29 30H9C8.44772 30 8 29.5523 8 29V23Z" fill="#1B418C"/>
-<g filter="url(#filter0_d_532_5821)">
-<rect x="2" y="8" width="16" height="16" rx="1" fill="#2C62BB"/>
-</g>
-<path d="M7.09498 19.575L5.35498 12.425H6.99498L8.11498 17.365L9.33498 12.425H10.715L11.985 17.395L13.145 12.425H14.645L12.905 19.575H11.255L9.96498 14.635L8.65498 19.575H7.09498Z" fill="white"/>
-<defs>
-<filter id="filter0_d_532_5821" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="1" dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_5821"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_5821" result="shape"/>
-</filter>
-</defs>
-</svg>