@megafon/ui-core 6.0.0-beta.4 → 6.0.1

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Paragraph.scss';
+import './Paragraph.less';
 declare const COLORS: {
     readonly INHERIT: "inherit";
     readonly DEFAULT: "default";
@@ -8,7 +8,7 @@ declare const COLORS: {
     readonly GREEN: "green";
     readonly PURPLE: "purple";
 };
-type ColorType = (typeof COLORS)[keyof typeof COLORS];
+declare type ColorType = typeof COLORS[keyof typeof COLORS];
 export interface IParagraphProps {
     /** Выравнивание по горизонтали */
     align?: 'left' | 'center' | 'right';
@@ -24,8 +24,6 @@ export interface IParagraphProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
-    /** Дочерний элемент компонента */
-    children: React.ReactNode;
 }
 declare const Paragraph: React.FC<IParagraphProps>;
 export default Paragraph;

package/dist/lib/components/Paragraph/Paragraph.js

@@ -1,16 +1,28 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("core-js/modules/es.object.values.js");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var COLORS = {
   INHERIT: 'inherit',
   DEFAULT: 'default',
@@ -20,17 +32,18 @@ var COLORS = {
   PURPLE: 'purple'
 };
 var cn = (0, _uiHelpers.cnCreate)('mfui-paragraph');
+
 var Paragraph = function Paragraph(_ref) {
   var align = _ref.align,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'default' : _ref$color,
-    _ref$space = _ref.space,
-    space = _ref$space === void 0 ? 'wide' : _ref$space,
-    className = _ref.className,
-    _ref$hasMargin = _ref.hasMargin,
-    hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
-    dataAttrs = _ref.dataAttrs,
-    children = _ref.children;
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'default' : _ref$color,
+      _ref$space = _ref.space,
+      space = _ref$space === void 0 ? 'wide' : _ref$space,
+      className = _ref.className,
+      _ref$hasMargin = _ref.hasMargin,
+      hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
+      dataAttrs = _ref.dataAttrs,
+      children = _ref.children;
   return /*#__PURE__*/React.createElement("p", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       align: align,
@@ -40,4 +53,15 @@ var Paragraph = function Paragraph(_ref) {
     }, className)
   }), children);
 };
-var _default = exports["default"] = Paragraph;
+
+Paragraph.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  space: PropTypes.oneOf(['wide', 'tight']),
+  hasMargin: PropTypes.bool,
+  color: PropTypes.oneOf(Object.values(COLORS))
+};
+var _default = Paragraph;
+exports["default"] = _default;

package/dist/lib/components/Preloader/Preloader.css

@@ -1 +1,224 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-preloader{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-preloader_size-all_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-all_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-all_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-all_medium .mfui-preloader__item:not(:last-child){margin-right:6px}@media screen and (min-width:1280px){.mfui-preloader_size-wide_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-wide_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-wide_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-wide_medium .mfui-preloader__item:not(:last-child){margin-right:6px}}@media screen and (min-width:1024px){.mfui-preloader_size-desktop_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-desktop_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-desktop_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-desktop_medium .mfui-preloader__item:not(:last-child){margin-right:6px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-preloader_size-tablet_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-tablet_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-tablet_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-tablet_medium .mfui-preloader__item:not(:last-child){margin-right:6px}}@media screen and (max-width:767px){.mfui-preloader_size-mobile_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-mobile_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-mobile_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-mobile_medium .mfui-preloader__item:not(:last-child){margin-right:6px}}.mfui-preloader__item{position:relative}.mfui-preloader__item:before{border-radius:50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform}.mfui-preloader_color_default .mfui-preloader__item:before{-webkit-animation:scaling 1s linear infinite;animation:scaling 1s linear infinite}.mfui-preloader_color_default .mfui-preloader__item_first:before{background-color:var(--brandGreen)}.mfui-preloader_color_default .mfui-preloader__item_second:before{-webkit-animation-delay:.166s;animation-delay:.166s;background-color:var(--brandGreen)}.mfui-preloader_color_default .mfui-preloader__item_third:before{-webkit-animation-delay:.33s;animation-delay:.33s;background-color:var(--brandPurple)}.mfui-preloader_color_black .mfui-preloader__item:before{-webkit-animation:opacityScaling 1s linear infinite;animation:opacityScaling 1s linear infinite;background-color:var(--stcBlack);opacity:.35}.mfui-preloader_color_black .mfui-preloader__item_second:before{-webkit-animation-delay:.166s;animation-delay:.166s}.mfui-preloader_color_black .mfui-preloader__item_third:before{-webkit-animation-delay:.33s;animation-delay:.33s}.mfui-preloader_color_white .mfui-preloader__item:before{-webkit-animation:scaling 1s linear infinite;animation:scaling 1s linear infinite;background-color:var(--stcWhite)}.mfui-preloader_color_white .mfui-preloader__item_second:before{-webkit-animation-delay:.166s;animation-delay:.166s}.mfui-preloader_color_white .mfui-preloader__item_third:before{-webkit-animation-delay:.33s;animation-delay:.33s}.mfui-preloader_disable-animate .mfui-preloader__item:before{-webkit-animation:none;animation:none}@-webkit-keyframes scaling{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1.4);transform:scale(1.4)}66%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaling{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1.4);transform:scale(1.4)}66%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes opacityScaling{0%{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}33%{opacity:.65;-webkit-transform:scale(1.4);transform:scale(1.4)}66%{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}}@keyframes opacityScaling{0%{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}33%{opacity:.65;-webkit-transform:scale(1.4);transform:scale(1.4)}66%{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}}
+.mfui-preloader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.mfui-preloader_size-all_small .mfui-preloader__item {
+  width: 6px;
+  height: 6px;
+}
+.mfui-preloader_size-all_small .mfui-preloader__item:not(:last-child) {
+  margin-right: 3px;
+}
+.mfui-preloader_size-all_medium .mfui-preloader__item {
+  width: 12px;
+  height: 12px;
+}
+.mfui-preloader_size-all_medium .mfui-preloader__item:not(:last-child) {
+  margin-right: 6px;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-preloader_size-wide_small .mfui-preloader__item {
+    width: 6px;
+    height: 6px;
+  }
+  .mfui-preloader_size-wide_small .mfui-preloader__item:not(:last-child) {
+    margin-right: 3px;
+  }
+  .mfui-preloader_size-wide_medium .mfui-preloader__item {
+    width: 12px;
+    height: 12px;
+  }
+  .mfui-preloader_size-wide_medium .mfui-preloader__item:not(:last-child) {
+    margin-right: 6px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .mfui-preloader_size-desktop_small .mfui-preloader__item {
+    width: 6px;
+    height: 6px;
+  }
+  .mfui-preloader_size-desktop_small .mfui-preloader__item:not(:last-child) {
+    margin-right: 3px;
+  }
+  .mfui-preloader_size-desktop_medium .mfui-preloader__item {
+    width: 12px;
+    height: 12px;
+  }
+  .mfui-preloader_size-desktop_medium .mfui-preloader__item:not(:last-child) {
+    margin-right: 6px;
+  }
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-preloader_size-tablet_small .mfui-preloader__item {
+    width: 6px;
+    height: 6px;
+  }
+  .mfui-preloader_size-tablet_small .mfui-preloader__item:not(:last-child) {
+    margin-right: 3px;
+  }
+  .mfui-preloader_size-tablet_medium .mfui-preloader__item {
+    width: 12px;
+    height: 12px;
+  }
+  .mfui-preloader_size-tablet_medium .mfui-preloader__item:not(:last-child) {
+    margin-right: 6px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-preloader_size-mobile_small .mfui-preloader__item {
+    width: 6px;
+    height: 6px;
+  }
+  .mfui-preloader_size-mobile_small .mfui-preloader__item:not(:last-child) {
+    margin-right: 3px;
+  }
+  .mfui-preloader_size-mobile_medium .mfui-preloader__item {
+    width: 12px;
+    height: 12px;
+  }
+  .mfui-preloader_size-mobile_medium .mfui-preloader__item:not(:last-child) {
+    margin-right: 6px;
+  }
+}
+.mfui-preloader__item {
+  position: relative;
+}
+.mfui-preloader__item:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 50px;
+  will-change: transform;
+}
+.mfui-preloader_color_default .mfui-preloader__item:before {
+  -webkit-animation: scaling 1s linear infinite;
+          animation: scaling 1s linear infinite;
+}
+.mfui-preloader_color_default .mfui-preloader__item_first:before {
+  background-color: var(--brandGreen);
+}
+.mfui-preloader_color_default .mfui-preloader__item_second:before {
+  background-color: var(--brandGreen);
+  -webkit-animation-delay: 0.166s;
+          animation-delay: 0.166s;
+}
+.mfui-preloader_color_default .mfui-preloader__item_third:before {
+  background-color: var(--brandPurple);
+  -webkit-animation-delay: 0.33s;
+          animation-delay: 0.33s;
+}
+.mfui-preloader_color_black .mfui-preloader__item:before {
+  background-color: var(--stcBlack);
+  opacity: 0.35;
+  -webkit-animation: opacityScaling 1s linear infinite;
+          animation: opacityScaling 1s linear infinite;
+}
+.mfui-preloader_color_black .mfui-preloader__item_second:before {
+  -webkit-animation-delay: 0.166s;
+          animation-delay: 0.166s;
+}
+.mfui-preloader_color_black .mfui-preloader__item_third:before {
+  -webkit-animation-delay: 0.33s;
+          animation-delay: 0.33s;
+}
+.mfui-preloader_color_white .mfui-preloader__item:before {
+  background-color: var(--stcWhite);
+  -webkit-animation: scaling 1s linear infinite;
+          animation: scaling 1s linear infinite;
+}
+.mfui-preloader_color_white .mfui-preloader__item_second:before {
+  -webkit-animation-delay: 0.166s;
+          animation-delay: 0.166s;
+}
+.mfui-preloader_color_white .mfui-preloader__item_third:before {
+  -webkit-animation-delay: 0.33s;
+          animation-delay: 0.33s;
+}
+.mfui-preloader_disable-animate .mfui-preloader__item:before {
+  -webkit-animation: none;
+          animation: none;
+}
+@-webkit-keyframes scaling {
+  0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+  33% {
+    -webkit-transform: scale(1.4);
+            transform: scale(1.4);
+  }
+  66% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@keyframes scaling {
+  0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+  33% {
+    -webkit-transform: scale(1.4);
+            transform: scale(1.4);
+  }
+  66% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@-webkit-keyframes opacityScaling {
+  0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0.35;
+  }
+  33% {
+    -webkit-transform: scale(1.4);
+            transform: scale(1.4);
+    opacity: 0.65;
+  }
+  66% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0.35;
+  }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0.35;
+  }
+}
+@keyframes opacityScaling {
+  0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0.35;
+  }
+  33% {
+    -webkit-transform: scale(1.4);
+            transform: scale(1.4);
+    opacity: 0.65;
+  }
+  66% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0.35;
+  }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0.35;
+  }
+}

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

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import './Preloader.scss';
+import './Preloader.less';
 export declare const PreloaderColors: {
     readonly DEFAULT: "default";
     readonly WHITE: "white";
     readonly BLACK: "black";
 };
-export type PreloaderColorsType = (typeof PreloaderColors)[keyof typeof PreloaderColors];
+export declare type PreloaderColorsType = typeof PreloaderColors[keyof typeof PreloaderColors];
 export declare const PreloaderSizes: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export type PreloaderSizesType = (typeof PreloaderSizes)[keyof typeof PreloaderSizes];
+export declare type PreloaderSizesType = typeof PreloaderSizes[keyof typeof PreloaderSizes];
 export interface IPreloaderProps {
     /** Задержка отрисовки  */
     delay?: boolean;

package/dist/lib/components/Preloader/Preloader.js

@@ -1,51 +1,71 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.PreloaderSizes = exports.PreloaderColors = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 require("core-js/modules/web.timers.js");
+
+require("core-js/modules/es.object.values.js");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var PreloaderColors = exports.PreloaderColors = {
+
+var PreloaderColors = {
   DEFAULT: 'default',
   WHITE: 'white',
   BLACK: 'black'
 };
-var PreloaderSizes = exports.PreloaderSizes = {
+exports.PreloaderColors = PreloaderColors;
+var PreloaderSizes = {
   SMALL: 'small',
   MEDIUM: 'medium'
 };
+exports.PreloaderSizes = PreloaderSizes;
 var cn = (0, _uiHelpers.cnCreate)('mfui-preloader');
+
 var Preloader = function Preloader(_ref) {
   var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'default' : _ref$color,
-    _ref$sizeAll = _ref.sizeAll,
-    sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? true : _ref$delay,
-    _ref$disableAnimate = _ref.disableAnimate,
-    disableAnimate = _ref$disableAnimate === void 0 ? false : _ref$disableAnimate,
-    sizeWide = _ref.sizeWide,
-    sizeDesktop = _ref.sizeDesktop,
-    sizeTablet = _ref.sizeTablet,
-    sizeMobile = _ref.sizeMobile,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
+      color = _ref$color === void 0 ? 'default' : _ref$color,
+      _ref$sizeAll = _ref.sizeAll,
+      sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? true : _ref$delay,
+      _ref$disableAnimate = _ref.disableAnimate,
+      disableAnimate = _ref$disableAnimate === void 0 ? false : _ref$disableAnimate,
+      sizeWide = _ref.sizeWide,
+      sizeDesktop = _ref.sizeDesktop,
+      sizeTablet = _ref.sizeTablet,
+      sizeMobile = _ref.sizeMobile,
+      className = _ref.className,
+      dataAttrs = _ref.dataAttrs;
+
   var _React$useState = React.useState(!delay),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    isShowed = _React$useState2[0],
-    setIsShowed = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      isShowed = _React$useState2[0],
+      setIsShowed = _React$useState2[1];
+
   React.useEffect(function () {
     if (isShowed) {
       return undefined;
     }
+
     var timerId = setTimeout(function () {
       setIsShowed(true);
     }, 250);
@@ -77,4 +97,19 @@ var Preloader = function Preloader(_ref) {
     })
   })) : null;
 };
-var _default = exports["default"] = Preloader;
+
+Preloader.propTypes = {
+  color: PropTypes.oneOf(Object.values(PreloaderColors)),
+  sizeAll: PropTypes.oneOf(Object.values(PreloaderSizes)),
+  sizeWide: PropTypes.oneOf(Object.values(PreloaderSizes)),
+  sizeDesktop: PropTypes.oneOf(Object.values(PreloaderSizes)),
+  sizeTablet: PropTypes.oneOf(Object.values(PreloaderSizes)),
+  sizeMobile: PropTypes.oneOf(Object.values(PreloaderSizes)),
+  disableAnimate: PropTypes.bool,
+  className: PropTypes.string,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
+};
+var _default = Preloader;
+exports["default"] = _default;

package/dist/lib/components/RadioButton/RadioButton.css

@@ -1 +1,120 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-radio-button__input{left:0;opacity:0;position:absolute;top:0}.mfui-radio-button__label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:none;position:relative}.mfui-radio-button__custom-input,.mfui-radio-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-radio-button__custom-input{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:6px;width:32px}.mfui-radio-button__custom-input:before{border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:22px;-webkit-transition:background-color,border-color;transition:background-color,border-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:22px}.mfui-radio-button__label_dark{color:var(--content)}.mfui-radio-button__label_dark .mfui-radio-button__custom-input:before{background-color:var(--base);border:2px solid var(--spbSky2)}.mfui-radio-button__input_dark:checked+.mfui-radio-button__custom-input:before{border:7px solid var(--brandGreen)}@media (hover:hover){.mfui-radio-button__label_dark:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__custom-input:before{border-color:var(--buttonHoverGreen)}}.mfui-radio-button__label_dark:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__custom-input:before{border-color:var(--buttonDown)}.mfui-radio-button__label_dark.mfui-radio-button__label_disabled{color:var(--spbSky3);cursor:default}.mfui-radio-button__label_dark.mfui-radio-button__label_disabled .mfui-radio-button__custom-input:before,.mfui-radio-button__label_dark.mfui-radio-button__label_disabled .mfui-radio-button__input:checked+.mfui-radio-button__custom-input:before{background-color:var(--spbSky1);border-color:var(--spbSky2)}.mfui-radio-button__label_light{color:var(--stcWhite)}.mfui-radio-button__label_light .mfui-radio-button__custom-input:before{background-color:var(--stcWhite);border:2px solid var(--stcWhite)}.mfui-radio-button__input_light:checked+.mfui-radio-button__custom-input:before{background-color:var(--stcBlack);border:7px solid var(--stcWhite)}@media (hover:hover){.mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__custom-input:before{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__input:checked+.mfui-radio-button__custom-input:before{background-color:var(--stcBlack)}}.mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__custom-input:before{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__input:checked+.mfui-radio-button__custom-input:before{background-color:var(--stcWhite)}.mfui-radio-button__label_light.mfui-radio-button__label_disabled{color:var(--stcWhite50);cursor:default}.mfui-radio-button__label_light.mfui-radio-button__label_disabled .mfui-radio-button__custom-input:before,.mfui-radio-button__label_light.mfui-radio-button__label_disabled .mfui-radio-button__input:checked+.mfui-radio-button__custom-input:before{background-color:var(--stcWhite);border-color:var(--spbSky2)}.mfui-radio-button__text_size_small{font-size:12px;line-height:18px}.mfui-radio-button__text_size_medium{font-size:15px;font-weight:400;line-height:24px}
+.mfui-radio-button__input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+}
+.mfui-radio-button__label {
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  outline: none;
+  cursor: pointer;
+}
+.mfui-radio-button__custom-input {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 32px;
+  height: 32px;
+  margin-right: 6px;
+}
+.mfui-radio-button__custom-input:before {
+  content: '';
+  display: block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  -webkit-transition: background-color, border-color;
+  transition: background-color, border-color;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+}
+.mfui-radio-button__label_dark {
+  color: var(--content);
+}
+.mfui-radio-button__label_dark .mfui-radio-button__custom-input:before {
+  border: 2px solid var(--spbSky2);
+  background-color: var(--base);
+}
+.mfui-radio-button__input_dark:checked + .mfui-radio-button__custom-input:before {
+  border: 7px solid var(--brandGreen);
+}
+@media (hover: hover) {
+  .mfui-radio-button__label_dark:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__custom-input:before {
+    border-color: var(--buttonHoverGreen);
+  }
+}
+.mfui-radio-button__label_dark:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__custom-input:before {
+  border-color: var(--buttonDown);
+}
+.mfui-radio-button__label_dark.mfui-radio-button__label_disabled {
+  color: var(--spbSky3);
+  cursor: default;
+}
+.mfui-radio-button__label_dark.mfui-radio-button__label_disabled .mfui-radio-button__custom-input:before,
+.mfui-radio-button__label_dark.mfui-radio-button__label_disabled .mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
+  border-color: var(--spbSky2);
+  background-color: var(--spbSky1);
+}
+.mfui-radio-button__label_light {
+  color: var(--stcWhite);
+}
+.mfui-radio-button__label_light .mfui-radio-button__custom-input:before {
+  border: 2px solid var(--stcWhite);
+  background-color: var(--stcWhite);
+}
+.mfui-radio-button__input_light:checked + .mfui-radio-button__custom-input:before {
+  border: 7px solid var(--stcWhite);
+  background-color: var(--stcBlack);
+}
+@media (hover: hover) {
+  .mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__custom-input:before {
+    border-color: var(--buttonHoverGrey);
+    background-color: var(--buttonHoverGrey);
+  }
+}
+@media (hover: hover) {
+  .mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):hover .mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
+    background-color: var(--stcBlack);
+  }
+}
+.mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__custom-input:before {
+  border-color: var(--buttonDown);
+  background-color: var(--buttonDown);
+}
+.mfui-radio-button__label_light:not(.mfui-radio-button__label_disabled):active .mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
+  background-color: var(--stcWhite);
+}
+.mfui-radio-button__label_light.mfui-radio-button__label_disabled {
+  color: var(--stcWhite50);
+  cursor: default;
+}
+.mfui-radio-button__label_light.mfui-radio-button__label_disabled .mfui-radio-button__custom-input:before,
+.mfui-radio-button__label_light.mfui-radio-button__label_disabled .mfui-radio-button__input:checked + .mfui-radio-button__custom-input:before {
+  border-color: var(--spbSky2);
+  background-color: var(--stcWhite);
+}
+.mfui-radio-button__text_size_small {
+  font-size: 12px;
+  line-height: 18px;
+}
+.mfui-radio-button__text_size_medium {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './RadioButton.scss';
+import './RadioButton.less';
 export interface IRadioButtonProps {
     /** Тема кнопки */
     color?: 'dark' | 'light';