@megafon/ui-core 6.2.1 → 7.0.0

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

@@ -1,224 +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;
-  }
-}
+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)}}

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

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

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

@@ -1,71 +1,51 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = 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");
-
-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 = {
+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 PreloaderColors = exports.PreloaderColors = {
   DEFAULT: 'default',
   WHITE: 'white',
   BLACK: 'black'
 };
-exports.PreloaderColors = PreloaderColors;
-var PreloaderSizes = {
+var PreloaderSizes = exports.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);
@@ -97,19 +77,4 @@ var Preloader = function Preloader(_ref) {
     })
   })) : null;
 };
-
-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;
+var _default = exports["default"] = Preloader;

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

@@ -1,120 +1 @@
-.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;
-}
+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}

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

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

package/dist/lib/components/RadioButton/RadioButton.js

@@ -1,70 +1,50 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.is-array.js");
-
 require("core-js/modules/es.array.concat.js");
-
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.function.name.js");
 var React = _interopRequireWildcard(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-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 }; }
-
+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-radio-button');
-
 var RadioButton = function RadioButton(_ref) {
-  var _cn;
-
   var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'dark' : _ref$color,
-      isChecked = _ref.isChecked,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
-      value = _ref.value,
-      _ref$textSize = _ref.textSize,
-      textSize = _ref$textSize === void 0 ? 'medium' : _ref$textSize,
-      children = _ref.children,
-      inputRef = _ref.inputRef,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs,
-      onChange = _ref.onChange;
+    color = _ref$color === void 0 ? 'dark' : _ref$color,
+    isChecked = _ref.isChecked,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    name = _ref.name,
+    value = _ref.value,
+    _ref$textSize = _ref.textSize,
+    textSize = _ref$textSize === void 0 ? 'medium' : _ref$textSize,
+    children = _ref.children,
+    inputRef = _ref.inputRef,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    onChange = _ref.onChange;
   var checkedProp = isChecked !== undefined ? {
     checked: isChecked
   } : {};
   var rootClassNames = Array.isArray(className) ? [].concat((0, _toConsumableArray2["default"])(className), [classes.root]) : [className, classes.root];
-
   var handleChange = function handleChange() {
     return onChange === null || onChange === void 0 ? void 0 : onChange(value);
   };
-
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn(rootClassNames)
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("label", {
-    className: cn('label', (_cn = {}, (0, _defineProperty2["default"])(_cn, color, true), (0, _defineProperty2["default"])(_cn, "disabled", disabled), _cn), classes.label)
+    className: cn('label', (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, color, true), "disabled", disabled), classes.label)
   }, /*#__PURE__*/React.createElement("input", (0, _extends2["default"])({}, checkedProp, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
     className: cn('input', (0, _defineProperty2["default"])({}, color, true)),
     type: "radio",
@@ -81,31 +61,4 @@ var RadioButton = function RadioButton(_ref) {
     }, classes.labelText)
   }), children)));
 };
-
-RadioButton.propTypes = {
-  color: PropTypes.oneOf(['dark', 'light']),
-  value: PropTypes.string.isRequired,
-  name: PropTypes.string,
-  textSize: PropTypes.oneOf(['small', 'medium']),
-  disabled: PropTypes.bool,
-  isChecked: PropTypes.bool,
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    label: PropTypes.string,
-    customInput: PropTypes.string,
-    labelText: PropTypes.string
-  }),
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    input: PropTypes.objectOf(PropTypes.string.isRequired),
-    text: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  children: PropTypes.node,
-  onChange: PropTypes.func,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])])
-};
-var _default = RadioButton;
-exports["default"] = _default;
+var _default = exports["default"] = RadioButton;