@megafon/ui-core 3.3.0 → 3.5.0

package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.js

@@ -0,0 +1,133 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.date.now");
+
+require("core-js/modules/es.date.to-string");
+
+require("core-js/modules/web.timers");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+var _Timer = _interopRequireDefault(require("./Timer/Timer"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var TimerIcon = function TimerIcon(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
+  }));
+};
+
+var SECONDS_IN_HOUR = 3600;
+var MS_IN_SECOND = 1000;
+var TIMEOUT = 1000;
+var TimerBadgeTheme = {
+  RED: 'red',
+  GREY: 'grey'
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-timer-badge');
+
+var TimerBadge = function TimerBadge(_ref) {
+  var expirationDate = _ref.expirationDate,
+      _ref$countdownStart = _ref.countdownStart,
+      countdownStart = _ref$countdownStart === void 0 ? 86400 : _ref$countdownStart,
+      _ref$hasPrefix = _ref.hasPrefix,
+      hasPrefix = _ref$hasPrefix === void 0 ? false : _ref$hasPrefix,
+      _ref$countdownText = _ref.countdownText,
+      countdownText = _ref$countdownText === void 0 ? 'Закончится через' : _ref$countdownText,
+      _ref$expirationDateTe = _ref.expirationDateText,
+      expirationDateText = _ref$expirationDateTe === void 0 ? 'Воспользуйтесь до' : _ref$expirationDateTe,
+      className = _ref.className,
+      dataAttrs = _ref.dataAttrs;
+  var remainingTime = (expirationDate.getTime() - Date.now()) / MS_IN_SECOND;
+
+  var _useState = (0, _react.useState)(remainingTime),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      actualRemainingTime = _useState2[0],
+      setActualRemainingTime = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      showCountdown = _useState4[0],
+      setShowCountdown = _useState4[1];
+
+  var isLastHour = actualRemainingTime < SECONDS_IN_HOUR;
+  var isTimeExpired = actualRemainingTime < 1;
+  var theme = showCountdown ? TimerBadgeTheme.RED : TimerBadgeTheme.GREY;
+  var additionalText = showCountdown ? countdownText : expirationDateText;
+  (0, _react.useEffect)(function () {
+    setShowCountdown(actualRemainingTime < countdownStart);
+  }, [actualRemainingTime, countdownStart]);
+  (0, _react.useEffect)(function () {
+    if (isTimeExpired) {
+      return undefined;
+    }
+
+    var timeoutId = window.setTimeout(function () {
+      return setActualRemainingTime(actualRemainingTime - 1);
+    }, TIMEOUT);
+    return function () {
+      return clearTimeout(timeoutId);
+    };
+  }, [isTimeExpired, showCountdown, actualRemainingTime]);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn({
+      theme: theme
+    }, className)
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('icon-container', {
+      shadow: isLastHour && showCountdown
+    })
+  }, /*#__PURE__*/_react["default"].createElement(TimerIcon, {
+    className: cn('icon')
+  })), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
+    className: cn('text')
+  }), isTimeExpired ? 'Время действия истекло' : /*#__PURE__*/_react["default"].createElement(_Timer["default"], {
+    additionalText: hasPrefix ? additionalText : undefined,
+    showCountdown: showCountdown,
+    expirationDate: expirationDate,
+    actualRemainingTime: actualRemainingTime,
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.timer
+    }
+  })));
+};
+
+TimerBadge.propTypes = {
+  expirationDate: PropTypes.instanceOf(Date).isRequired,
+  countdownStart: PropTypes.number,
+  hasPrefix: PropTypes.bool,
+  countdownText: PropTypes.string,
+  expirationDateText: PropTypes.string,
+  className: PropTypes.string,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    text: PropTypes.objectOf(PropTypes.string.isRequired),
+    timer: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
+};
+var _default = TimerBadge;
+exports["default"] = _default;

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

@@ -69,7 +69,7 @@ export interface IButtonProps {
     showArrow?: boolean;
     /** Иконка */
     icon?: JSX.Element;
-    /** Управление возможностью взаимодействия с компонентом */
+    /** Отключение кнопки */
     disabled?: boolean;
     /** Ссылка на элемент */
     buttonRef?: Ref<HTMLButtonElement | HTMLAnchorElement>;

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

@@ -25,7 +25,7 @@ export interface ICheckboxProps {
     value?: string;
     /** Управление состоянием вкл/выкл компонента */
     checked?: boolean;
-    /** Управление возможностью взаимодействия с компонентом */
+    /** Отключение чекбокса */
     disabled?: boolean;
     /** Отобразить компонент в состоянии ошибки */
     error?: boolean;

package/dist/lib/components/Collapse/Collapse.js

@@ -76,6 +76,7 @@ var Collapse = function Collapse(props) {
     } else {
       animationStart.current = null;
       animationId.current = null;
+      rootNode.current.style.height = isOpenAction ? 'auto' : '0px';
     }
   }, []);
   (0, React.useEffect)(function () {

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

@@ -18,7 +18,7 @@ export interface ICounterProps {
     min?: number;
     /** Максимальное доступное значение */
     max?: number;
-    /** Запретить взаимодействие с компонентом */
+    /** Отключение счетчика */
     disabled?: boolean;
     /** Обработчик изменения значения 'value' */
     onChange?: (value: number) => void;

package/dist/lib/components/Logo/Logo.css

@@ -23,6 +23,11 @@
   display: block;
   width: 100%;
 }
+.mfui-logo__img {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
 .mfui-logo_view_horizontal .mfui-logo__img {
   min-height: 23px;
 }

package/dist/lib/components/Notification/Notification.css

@@ -189,19 +189,27 @@ h5 {
 .mfui-notification_colored .mfui-notification__icon-container {
   background-color: var(--stcWhite);
 }
+.mfui-notification_colored.mfui-notification_type_info {
+  background-color: var(--311C20);
+}
+.mfui-notification_colored.mfui-notification_type_warning {
+  background-color: var(--137C20);
+}
 .mfui-notification_colored.mfui-notification_type_success {
   background-color: var(--brandGreen20);
 }
+.mfui-notification_colored.mfui-notification_type_info .mfui-notification__title,
+.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_success .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__text,
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__link {
+.mfui-notification_colored.mfui-notification_type_info .mfui-notification__text,
+.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__text,
+.mfui-notification_colored.mfui-notification_type_success .mfui-notification__text {
   color: var(--stcBlack);
 }
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__right-arrow {
-  fill: var(--stcBlack);
-}
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__icon-container {
-  background-color: var(--stcWhite);
+.mfui-notification_colored.mfui-notification_type_info .mfui-notification__link,
+.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__link,
+.mfui-notification_colored.mfui-notification_type_success .mfui-notification__link {
+  color: var(--systemBlue);
 }
 .mfui-notification_colored.mfui-notification_type_error {
   background-color: var(--fury80);
@@ -221,17 +229,3 @@ h5 {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_info .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_info .mfui-notification__text,
-.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__text,
-.mfui-notification_colored.mfui-notification_type_info .mfui-notification__link,
-.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__link {
-  color: var(--stcBlack);
-}
-.mfui-notification_colored.mfui-notification_type_info {
-  background-color: var(--311C20);
-}
-.mfui-notification_colored.mfui-notification_type_warning {
-  background-color: var(--137C20);
-}

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

@@ -7,7 +7,7 @@ export interface IRadioButtonProps {
     name?: string;
     /** Размер текста лейбла */
     textSize?: 'small' | 'medium';
-    /** Управление возможностью взаимодействия с компонентом */
+    /** Отключение радио-кнопки */
     disabled?: boolean;
     /** Управление состоянием вкл/выкл компонента */
     isChecked?: boolean;

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

@@ -36,7 +36,7 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string;
-    /** Управление возможностью взаимодействия с компонентом */
+    /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */
     required?: boolean;
@@ -54,6 +54,8 @@ export interface ISearchProps {
     onSubmit?: (value: string) => void;
     /** Обработчик выхода из фокуса */
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** Обработчик входа в фокус */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
 }
 declare const Search: React.FC<ISearchProps>;
 export default Search;

package/dist/lib/components/Search/Search.js

@@ -73,7 +73,8 @@ var Search = function Search(_ref) {
       classes = _ref.classes,
       onChange = _ref.onChange,
       onSubmit = _ref.onSubmit,
-      onBlur = _ref.onBlur;
+      onBlur = _ref.onBlur,
+      onFocus = _ref.onFocus;
 
   var _React$useState = _react["default"].useState(value),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -134,9 +135,10 @@ var Search = function Search(_ref) {
     };
   }, [handleItemSubmit, activeIndex]);
 
-  var handleFocus = _react["default"].useCallback(function () {
+  var handleFocus = _react["default"].useCallback(function (e) {
     setFocus(true);
-  }, []);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  }, [onFocus]);
 
   var handleBlur = _react["default"].useCallback(function (e) {
     setFocus(false);
@@ -281,7 +283,8 @@ Search.propTypes = {
   }),
   onChange: PropTypes.func,
   onSubmit: PropTypes.func,
-  onBlur: PropTypes.func
+  onBlur: PropTypes.func,
+  onFocus: PropTypes.func
 };
 var _default = Search;
 exports["default"] = _default;

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

@@ -40,7 +40,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string;
-    /** Управление возможностью взаимодействия с компонентом */
+    /** Отключение селекта */
     disabled?: boolean;
     /** Делает поле обязательным */
     required?: boolean;

package/dist/lib/components/Switcher/Switcher.css

@@ -1,48 +1,121 @@
 .mfui-switcher {
-  top: 22px;
-  right: 28px;
-  width: 48px;
-  height: 28px;
-  border: 1px solid var(--stcBlack20);
-  border-radius: 15.5px;
-  background-color: var(--base);
-  cursor: pointer;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.mfui-switcher__content {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+  -ms-flex-item-align: center;
+      align-self: center;
+  margin-left: 12px;
+}
+.mfui-switcher__content_size_small {
+  font-size: 12px;
+  line-height: 16px;
+}
+.mfui-switcher__content_left {
+  margin-right: 12px;
+  margin-left: 0;
+}
+.mfui-switcher__content_left + .mfui-switcher__input {
+  margin-left: auto;
 }
 .mfui-switcher__pointer {
   position: relative;
-  top: 1px;
-  left: 1px;
+  top: 2px;
+  left: 2px;
   width: 24px;
   height: 24px;
-  border: 1px solid var(--stcBlack20);
   border-radius: 50%;
-  background-color: var(--base);
-  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05), 0 3px 1px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05), 0 3px 1px rgba(0, 0, 0, 0.05);
+  background-color: var(--stcWhite);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
-.mfui-switcher_no-touch:hover:not(.mfui-switcher_disabled) {
+.mfui-switcher__loader {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+}
+.mfui-switcher__loader:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 300%;
+  height: 100%;
+  background: -webkit-gradient(linear, left top, right top, from(var(--spbSky1)), color-stop(16%, var(--spbSky2)), color-stop(33%, var(--spbSky1)), color-stop(50%, var(--spbSky2)), color-stop(66%, var(--spbSky1)), color-stop(82%, var(--spbSky2)), to(var(--spbSky1)));
+  background: linear-gradient(90deg, var(--spbSky1) 0%, var(--spbSky2) 16%, var(--spbSky1) 33%, var(--spbSky2) 50%, var(--spbSky1) 66%, var(--spbSky2) 82%, var(--spbSky1) 100%);
+  -webkit-animation: shining 0.8s linear infinite;
+          animation: shining 0.8s linear infinite;
+}
+@-webkit-keyframes shining {
+  0% {
+    -webkit-transform: translateX(-33%);
+            transform: translateX(-33%);
+  }
+  100% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+}
+@keyframes shining {
+  0% {
+    -webkit-transform: translateX(-33%);
+            transform: translateX(-33%);
+  }
+  100% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+}
+.mfui-switcher__input {
+  position: relative;
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+  width: 48px;
+  min-width: 48px;
+  height: 28px;
+  border-radius: 15.5px;
+  overflow: hidden;
+  background-color: var(--spbSky1);
+  cursor: pointer;
+  -webkit-transition: background-color 0.3s;
+  transition: background-color 0.3s;
+}
+.mfui-switcher__input_disabled {
   background-color: var(--spbSky1);
 }
-.mfui-switcher_checked {
+.mfui-switcher__input_disabled,
+.mfui-switcher__input_loaded {
+  cursor: default;
+}
+.mfui-switcher__input:hover:not(.mfui-switcher__input_disabled) {
+  background-color: var(--spbSky2);
+}
+.mfui-switcher__input_checked:not(.mfui-switcher__input_disabled) {
   border-color: var(--brandGreen);
   background-color: var(--brandGreen);
 }
-.mfui-switcher_checked .mfui-switcher__pointer {
-  left: 21px;
-}
-.mfui-switcher_checked.mfui-switcher_no-touch:hover {
+.mfui-switcher__input_checked:hover:not(.mfui-switcher__input_disabled) {
   border-color: var(--buttonHoverGreen);
   background-color: var(--buttonHoverGreen);
 }
-.mfui-switcher_disabled {
-  background-color: var(--spbSky1);
-  cursor: default;
-}
-.mfui-switcher_disabled.mfui-switcher_checked.mfui-switcher_no-touch {
-  border-color: var(--spbSky2);
+.mfui-switcher__input_disabled .mfui-switcher__pointer {
   background-color: var(--spbSky2);
 }
+.mfui-switcher__input_checked .mfui-switcher__pointer {
+  left: 22px;
+}
+.mfui-switcher__input_checked .mfui-switcher__loader:before {
+  background: -webkit-gradient(linear, left top, right top, from(var(--brandGreen)), color-stop(16%, var(--buttonHoverGreen)), color-stop(33%, var(--brandGreen)), color-stop(50%, var(--buttonHoverGreen)), color-stop(66%, var(--brandGreen)), color-stop(82%, var(--buttonHoverGreen)), to(var(--brandGreen)));
+  background: linear-gradient(90deg, var(--brandGreen) 0%, var(--buttonHoverGreen) 16%, var(--brandGreen) 33%, var(--buttonHoverGreen) 50%, var(--brandGreen) 66%, var(--buttonHoverGreen) 82%, var(--brandGreen) 100%);
+}
+.mfui-switcher_disabled .mfui-switcher__content {
+  color: var(--spbSky3);
+}

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { AccessibilityEventType } from '@megafon/ui-helpers';
 import './Switcher.less';
 export interface ISwitcherProps {
     /** Дополнительные data атрибуты к внутренним элементам */
@@ -9,10 +10,16 @@ export interface ISwitcherProps {
     className?: string;
     /** Управление состоянием вкл/выкл компонента */
     checked?: boolean;
-    /** Управление возможностью взаимодействия с компонентом */
+    /** Отключение переключателя */
     disabled?: boolean;
+    /** Cостояние загрузки */
+    showLoader?: boolean;
+    /** Размер текста лейбла */
+    textSize?: 'small' | 'medium';
+    /** Позиция лейбла относительно свитчера */
+    textPosition?: 'left' | 'right';
     /** Обработчик изменения элемента */
-    onChange?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onChange?: (e: AccessibilityEventType) => void;
 }
 declare const Switcher: React.FC<ISwitcherProps>;
 export default Switcher;

package/dist/lib/components/Switcher/Switcher.js

@@ -30,27 +30,53 @@ var Switcher = function Switcher(_ref) {
       checked = _ref$checked === void 0 ? false : _ref$checked,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$showLoader = _ref.showLoader,
+      showLoader = _ref$showLoader === void 0 ? false : _ref$showLoader,
+      children = _ref.children,
+      _ref$textSize = _ref.textSize,
+      textSize = _ref$textSize === void 0 ? 'medium' : _ref$textSize,
+      _ref$textPosition = _ref.textPosition,
+      textPosition = _ref$textPosition === void 0 ? 'right' : _ref$textPosition,
       onChange = _ref.onChange;
   var isTouch = (0, _uiHelpers.detectTouch)();
-
-  var handleChange = function handleChange(e) {
-    if (disabled) {
+  var isLeftContent = !!children && textPosition === 'left';
+  var isRightContent = !!children && textPosition === 'right';
+  var isInteractiveDisabled = showLoader || disabled;
+  var handleChange = React.useCallback(function (e) {
+    if (isInteractiveDisabled || !(0, _uiHelpers.checkEventIsClickOrEnterPress)(e)) {
       return;
     }
 
     onChange === null || onChange === void 0 ? void 0 : onChange(e);
-  };
-
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+  }, [isInteractiveDisabled, onChange]);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn({
+      disabled: disabled
+    }, className)
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), isLeftContent && /*#__PURE__*/React.createElement("div", {
+    className: cn('content', {
+      size: textSize,
+      left: true
+    })
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: cn('input', {
       checked: checked,
       disabled: disabled,
+      loaded: showLoader,
       'no-touch': !isTouch
-    }, className),
-    onClick: handleChange
+    }),
+    onClick: handleChange,
+    onKeyDown: handleChange,
+    tabIndex: isInteractiveDisabled ? undefined : 0
+  }, showLoader && !disabled && /*#__PURE__*/React.createElement("div", {
+    className: cn('loader')
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('pointer')
-  }));
+  })), isRightContent && /*#__PURE__*/React.createElement("div", {
+    className: cn('content', {
+      size: textSize
+    })
+  }, children));
 };
 
 Switcher.propTypes = {
@@ -58,8 +84,11 @@ Switcher.propTypes = {
     root: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
+  textSize: PropTypes.oneOf(['small', 'medium']),
+  textPosition: PropTypes.oneOf(['left', 'right']),
   checked: PropTypes.bool,
   disabled: PropTypes.bool,
+  showLoader: PropTypes.bool,
   onChange: PropTypes.func
 };
 var _default = Switcher;

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

@@ -31,7 +31,7 @@ export declare type TextFieldProps = {
     verification?: 'valid' | 'error';
     /** Подпись снизу, меняет цвет в зависимости от аргумента verification */
     noticeText?: string;
-    /** Управление возможностью взаимодействия с компонентом */
+    /** Отключение поля ввода */
     disabled?: boolean;
     /** Показывает обязательность поля  */
     required?: boolean;

package/dist/lib/index.d.ts

@@ -40,5 +40,7 @@ export { default as Tabs } from './components/Tabs/Tabs';
 export { default as TextField } from './components/TextField/TextField';
 export { default as TextLink } from './components/TextLink/TextLink';
 export { default as Tile } from './components/Tile/Tile';
+export { default as Timer } from './components/Badges/components/TimerBadge/Timer/Timer';
+export { default as TimerBadge } from './components/Badges/components/TimerBadge/TimerBadge';
 export { default as Tooltip } from './components/Tooltip/Tooltip';
 export { default as usePagination } from './components/Pagination/usePagination';

package/dist/lib/index.js

@@ -255,6 +255,18 @@ Object.defineProperty(exports, "Tile", {
     return _Tile["default"];
   }
 });
+Object.defineProperty(exports, "Timer", {
+  enumerable: true,
+  get: function get() {
+    return _Timer["default"];
+  }
+});
+Object.defineProperty(exports, "TimerBadge", {
+  enumerable: true,
+  get: function get() {
+    return _TimerBadge["default"];
+  }
+});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function get() {
@@ -352,6 +364,10 @@ var _TextLink = _interopRequireDefault(require("./components/TextLink/TextLink")
 
 var _Tile = _interopRequireDefault(require("./components/Tile/Tile"));
 
+var _Timer = _interopRequireDefault(require("./components/Badges/components/TimerBadge/Timer/Timer"));
+
+var _TimerBadge = _interopRequireDefault(require("./components/Badges/components/TimerBadge/TimerBadge"));
+
 var _Tooltip = _interopRequireDefault(require("./components/Tooltip/Tooltip"));
 
 var _usePagination = _interopRequireDefault(require("./components/Pagination/usePagination"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "files": [
     "dist",
     "styles"
@@ -54,7 +54,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^1.1.0",
+    "@megafon/ui-icons": "^1.1.1",
     "@svgr/core": "^2.4.1",
     "@testing-library/react-hooks": "^7.0.1",
     "@types/enzyme": "^3.10.5",
@@ -86,7 +86,7 @@
   "dependencies": {
     "@babel/runtime": "^7.8.4",
     "@datepicker-react/hooks": "^2.7.0",
-    "@megafon/ui-helpers": "^2.1.0",
+    "@megafon/ui-helpers": "^2.1.1",
     "@popperjs/core": "^2.5.3",
     "core-js": "^3.6.4",
     "date-fns": "^2.16.1",
@@ -97,5 +97,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "e1007fdaa6e0dd724388f6c5ebae4448cf2732c8"
+  "gitHead": "48ac683c2daf04dfdc42d1359024800699f2e7dc"
 }