@megafon/ui-core 3.0.0-beta.3 → 3.0.0-beta.7

package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.js

@@ -34,11 +34,13 @@ var PaginationButtons = function PaginationButtons(_ref) {
       theme = _ref.theme,
       onClick = _ref.onClick,
       activeButton = _ref.activeButton,
-      hiddenButton = _ref.hiddenButton;
+      hiddenButton = _ref.hiddenButton,
+      dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn()
   }, items.map(function (pageNumber, index) {
     var isHiddenButton = hiddenButton === pageNumber;
+    var dataIndex = typeof pageNumber === 'number' ? pageNumber : undefined;
 
     if (isHiddenButton) {
       return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
@@ -51,6 +53,9 @@ var PaginationButtons = function PaginationButtons(_ref) {
 
     var isActive = pageNumber === activeButton;
     return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
+      dataAttrs: {
+        root: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, dataIndex)
+      },
       isActive: isActive,
       key: index,
       className: cn('button'),
@@ -66,6 +71,9 @@ PaginationButtons.propTypes = {
   theme: _propTypes["default"].oneOf(['default', 'light']),
   activeButton: _propTypes["default"].number.isRequired,
   hiddenButton: _propTypes["default"].string.isRequired,
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
   onClick: _propTypes["default"].func.isRequired
 };
 var _default = PaginationButtons;

package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.css

@@ -1,50 +1,3 @@
-:root {
-  --green: #00B956;
-  --purple: #731982;
-  --base: #FFFFFF;
-  --content: #333333;
-  --spbSky0: #F6F6F6;
-  --spbSky1: #EDEDED;
-  --spbSky2: #D8D8D8;
-  --spbSky3: #999999;
-  --warmRedC: #EB5A40;
-  --137C: #FFA717;
-  --311C: #5BD9E5;
-  --reflexBlue: #444189;
-  --fury: #F62434;
-  --systemBlue: #34AAF2;
-  --background: #FFFFFF;
-  --buttonHoverGreen: #10E272;
-  --buttonhoverPurple: #534455;
-  --buttonDown: #404D46;
-  --gradientBasic: linear-gradient(90deg, #01873F 0%, #00B956 74%, #14CD6A 100%);
-  --gradientVIP: linear-gradient(90deg, #5B1168 0%, #731982 74%, #821E93 100%);
-  --gradientExclusive: linear-gradient(90deg, #2A2674 0%, #444189 74%, #504D93 100%);
-  --STCWhite: #FFFFFF;
-  --STCBlack: #333333;
-  --STCWhite5: #FFFFFF0D;
-  --STCWhite10: #FFFFFF1A;
-  --STCWhite20: #FFFFFF33;
-  --STCWhite50: #FFFFFF80;
-  --STCBlack5: #3333330D;
-  --STCBlack10: #3333331A;
-  --STCBlack20: #33333333;
-  --STCBlack50: #33333380;
-  --green80: #0CDC78;
-  --green20: #DDFFEC;
-  --purple80: #AA67C1;
-  --purple20: #FFEEFF;
-  --warmRedC80: #FF765D;
-  --warmRedC20: #FFCFC7;
-  --137C80: #FFB945;
-  --137C20: #FFEDD1;
-  --311C80: #62E3FF;
-  --311C20: #E1FAFF;
-  --reflexBlue80: #554FC9;
-  --reflexBlue20: #EBEAFF;
-  --fury80: #F8505D;
-  --fury20: #FFC5C9;
-}
 h1,
 h2,
 h3,

package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
 import './PaginationNavigation.less';
-interface IPaginationNavigation {
+interface IPaginationNavigationProps {
     direction?: 'left' | 'right';
     theme?: 'default' | 'light';
     disabled?: boolean;
     isActive?: boolean;
     className?: string;
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
     onClick?: (value?: number | string) => void;
 }
-declare const PaginationNavigation: React.FC<IPaginationNavigation>;
+declare const PaginationNavigation: React.FC<IPaginationNavigationProps>;
 export default PaginationNavigation;

package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js

@@ -34,8 +34,10 @@ var PaginationNavigation = function PaginationNavigation(_ref) {
       disabled = _ref.disabled,
       isActive = _ref.isActive,
       onClick = _ref.onClick,
-      className = _ref.className;
+      className = _ref.className,
+      dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
+    dataAttrs: dataAttrs,
     className: cn({
       direction: direction
     }, className),
@@ -54,6 +56,9 @@ PaginationNavigation.propTypes = {
   disabled: _propTypes["default"].bool,
   isActive: _propTypes["default"].bool,
   className: _propTypes["default"].string,
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
   onClick: _propTypes["default"].func
 };
 var _default = PaginationNavigation;

package/dist/lib/components/Paragraph/Paragraph.css

@@ -23,16 +23,21 @@
 .mfui-paragraph_has-margin {
   margin: 0 0 16px;
 }
+.mfui-paragraph_color_inherit {
+  color: inherit;
+}
+.mfui-paragraph_color_default {
+  color: var(--content);
+}
+.mfui-paragraph_color_white {
+  color: var(--stcWhite);
+}
 .mfui-paragraph_color_green {
   color: var(--brandGreen);
 }
 .mfui-paragraph_color_purple {
   color: var(--brandPurple);
 }
-.mfui-paragraph_color_base,
-.mfui-paragraph_color_clearWhite {
-  color: var(--stcWhite);
-}
 .mfui-paragraph_color_spbSky0 {
   color: var(--spbSky0);
 }
@@ -42,10 +47,3 @@
 .mfui-paragraph_color_spbSky2 {
   color: var(--spbSky2);
 }
-.mfui-paragraph_color_content,
-.mfui-paragraph_color_freshAsphalt {
-  color: var(--content);
-}
-.mfui-paragraph_color_inherit {
-  color: inherit;
-}

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

@@ -1,18 +1,14 @@
 import * as React from 'react';
 import './Paragraph.less';
 declare const COLORS: {
-    GREEN: string;
-    PURPLE: string;
-    BASE: string;
-    SPB_SKY_0: string;
-    SPB_SKY_1: string;
-    SPB_SKY_2: string;
-    CONTENT: string;
-    INHERIT: string;
-    /** @deprecated */
-    CLEAR_WHITE: string;
-    /** @deprecated */
-    FRESH_ASPHALT: string;
+    readonly INHERIT: "inherit";
+    readonly DEFAULT: "default";
+    readonly WHITE: "white";
+    readonly GREEN: "green";
+    readonly PURPLE: "purple";
+    readonly SPB_SKY_0: "spbSky0";
+    readonly SPB_SKY_1: "spbSky1";
+    readonly SPB_SKY_2: "spbSky2";
 };
 declare type ColorType = typeof COLORS[keyof typeof COLORS];
 export interface IParagraphProps {
@@ -26,6 +22,10 @@ export interface IParagraphProps {
     color?: ColorType;
     /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
 }
 declare const Paragraph: React.FC<IParagraphProps>;
 export default Paragraph;

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

@@ -7,13 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-require("core-js/modules/es.array.concat");
-
-require("core-js/modules/es.array.includes");
-
 require("core-js/modules/es.object.values");
 
-require("core-js/modules/es.string.includes");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -25,21 +21,17 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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 COLORS = {
+  INHERIT: 'inherit',
+  DEFAULT: 'default',
+  WHITE: 'white',
   GREEN: 'green',
   PURPLE: 'purple',
-  BASE: 'base',
   SPB_SKY_0: 'spbSky0',
   SPB_SKY_1: 'spbSky1',
-  SPB_SKY_2: 'spbSky2',
-  CONTENT: 'content',
-  INHERIT: 'inherit',
-
-  /** @deprecated */
-  CLEAR_WHITE: 'clearWhite',
-
-  /** @deprecated */
-  FRESH_ASPHALT: 'freshAsphalt'
+  SPB_SKY_2: 'spbSky2'
 };
 var cn = (0, _uiHelpers.cnCreate)('mfui-paragraph');
 
@@ -48,44 +40,30 @@ var Paragraph = function Paragraph(_ref) {
       size = _ref$size === void 0 ? 'regular' : _ref$size,
       align = _ref.align,
       _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'freshAsphalt' : _ref$color,
+      color = _ref$color === void 0 ? COLORS.DEFAULT : _ref$color,
       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", {
+  return /*#__PURE__*/React.createElement("p", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       size: size,
       align: align,
       color: color,
       'has-margin': hasMargin
     }, className)
-  }, children);
+  }), children);
 };
 
 Paragraph.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   align: PropTypes.oneOf(['left', 'center', 'right']),
   size: PropTypes.oneOf(['regular', 'small']),
   hasMargin: PropTypes.bool,
-  color: function color(props, propName, componentName) {
-    var deprecatedBlackValue = COLORS.FRESH_ASPHALT;
-    var deprecatedWhiteValue = COLORS.CLEAR_WHITE;
-    var propValue = props[propName];
-
-    if (propValue && !Object.values(COLORS).includes(propValue)) {
-      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            expected one of [").concat(Object.values(COLORS), "]"));
-    }
-
-    if (propValue && props[propName] === deprecatedBlackValue) {
-      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            value '").concat(deprecatedBlackValue, "' is deprecated, please use value '").concat(COLORS.CONTENT, "'"));
-    }
-
-    if (propValue && props[propName] === deprecatedWhiteValue) {
-      return new Error("Failed prop type: Invalid prop '".concat(propName, "' of value '").concat(propValue, "' supplied to '").concat(componentName, "',\n            value '").concat(deprecatedWhiteValue, "' is deprecated, please use value '").concat(COLORS.BASE, "'"));
-    }
-
-    return null;
-  }
+  color: PropTypes.oneOf(Object.values(COLORS))
 };
 var _default = Paragraph;
 exports["default"] = _default;

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

@@ -26,6 +26,10 @@ export interface IPreloaderProps {
     sizeMobile?: PreloaderSizesType;
     /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
 }
 declare const Preloader: React.FC<IPreloaderProps>;
 export default Preloader;

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

@@ -11,6 +11,8 @@ require("core-js/modules/es.object.values");
 
 require("core-js/modules/web.timers");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var React = _interopRequireWildcard(require("react"));
@@ -47,7 +49,8 @@ var Preloader = function Preloader(_ref) {
       sizeDesktop = _ref.sizeDesktop,
       sizeTablet = _ref.sizeTablet,
       sizeMobile = _ref.sizeMobile,
-      className = _ref.className;
+      className = _ref.className,
+      dataAttrs = _ref.dataAttrs;
 
   var _React$useState = React.useState(false),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -62,7 +65,7 @@ var Preloader = function Preloader(_ref) {
       clearTimeout(timerId);
     };
   }, []);
-  return isShowed ? /*#__PURE__*/React.createElement("div", {
+  return isShowed ? /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       color: color,
       'size-all': sizeAll,
@@ -71,7 +74,7 @@ var Preloader = function Preloader(_ref) {
       'size-tablet': sizeTablet,
       'size-mobile': sizeMobile
     }, className)
-  }, /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: cn('item', {
       first: true
     })
@@ -93,7 +96,10 @@ Preloader.propTypes = {
   sizeDesktop: PropTypes.oneOf(Object.values(PreloaderSizes)),
   sizeTablet: PropTypes.oneOf(Object.values(PreloaderSizes)),
   sizeMobile: PropTypes.oneOf(Object.values(PreloaderSizes)),
-  className: PropTypes.string
+  className: PropTypes.string,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
 };
 var _default = Preloader;
 exports["default"] = _default;

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

@@ -1,8 +1,6 @@
 import * as React from 'react';
-import { IFilterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import './RadioButton.less';
-export interface IRadioButtonProps extends IFilterDataAttrs {
+export interface IRadioButtonProps {
     /** Значение */
     value: string;
     /** Имя для тега form */
@@ -22,35 +20,17 @@ export interface IRadioButtonProps extends IFilterDataAttrs {
         customInput?: string;
         labelText?: string;
     };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        input?: Record<string, string>;
+        text?: Record<string, string>;
+    };
     children?: React.ReactNode;
     /** Обработчик изменения значения 'value' */
     onChange?: (value: string) => void;
     /** Ссылка на input */
     inputRef?: React.Ref<HTMLInputElement>;
 }
-declare class RadioButton extends React.Component<IRadioButtonProps> {
-    static propTypes: {
-        value: PropTypes.Validator<string>;
-        name: PropTypes.Requireable<string>;
-        textSize: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        isChecked: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        classes: PropTypes.Requireable<PropTypes.InferProps<{
-            root: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            customInput: PropTypes.Requireable<string>;
-            labelText: PropTypes.Requireable<string>;
-        }>>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        inputRef: PropTypes.Requireable<any>;
-        dataAttrs: PropTypes.Requireable<{
-            [x: string]: string;
-        }>;
-    };
-    static defaultProps: Partial<IRadioButtonProps>;
-    handleChange: () => void;
-    render(): JSX.Element;
-}
+declare const RadioButton: React.FC<IRadioButtonProps>;
 export default RadioButton;

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

@@ -11,30 +11,12 @@ require("core-js/modules/es.array.concat");
 
 require("core-js/modules/es.array.is-array");
 
-require("core-js/modules/es.date.to-string");
-
 require("core-js/modules/es.function.name");
 
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.reflect.construct");
-
-require("core-js/modules/es.regexp.to-string");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var React = _interopRequireWildcard(require("react"));
 
 var _uiHelpers = require("@megafon/ui-helpers");
@@ -47,102 +29,54 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _createSuper(Derived) {
-  return function () {
-    var Super = (0, _getPrototypeOf2["default"])(Derived),
-        result;
-
-    if (_isNativeReflectConstruct()) {
-      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
+var cn = (0, _uiHelpers.cnCreate)('mfui-radio-button');
 
-    return (0, _possibleConstructorReturn2["default"])(this, result);
+var RadioButton = function RadioButton(_ref) {
+  var 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 && onChange(value);
   };
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
 
-  try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-var cn = (0, _uiHelpers.cnCreate)('mfui-radio-button');
-
-var RadioButton = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RadioButton, _React$Component);
-
-  var _super = _createSuper(RadioButton);
-
-  function RadioButton() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, RadioButton);
-    _this = _super.apply(this, arguments);
-
-    _this.handleChange = function () {
-      var _this$props = _this.props,
-          onChange = _this$props.onChange,
-          value = _this$props.value;
-      onChange && onChange(value);
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2["default"])(RadioButton, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          isChecked = _this$props2.isChecked,
-          disabled = _this$props2.disabled,
-          name = _this$props2.name,
-          value = _this$props2.value,
-          textSize = _this$props2.textSize,
-          children = _this$props2.children,
-          inputRef = _this$props2.inputRef,
-          className = _this$props2.className,
-          _this$props2$classes = _this$props2.classes,
-          classes = _this$props2$classes === void 0 ? {} : _this$props2$classes,
-          dataAttrs = _this$props2.dataAttrs;
-      var checkedProp = isChecked !== undefined ? {
-        checked: isChecked
-      } : {};
-      var rootClassNames = Array.isArray(className) ? [].concat((0, _toConsumableArray2["default"])(className), [classes.root]) : [className, classes.root];
-      return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-        className: cn(rootClassNames)
-      }, (0, _uiHelpers.filterDataAttrs)(dataAttrs)), /*#__PURE__*/React.createElement("label", {
-        className: cn('label', {
-          disabled: disabled
-        }, classes.label)
-      }, /*#__PURE__*/React.createElement("input", (0, _extends2["default"])({}, checkedProp, {
-        className: cn('input'),
-        type: "radio",
-        name: name,
-        value: value,
-        onChange: this.handleChange,
-        disabled: disabled,
-        ref: inputRef
-      })), /*#__PURE__*/React.createElement("div", {
-        className: cn('custom-input', classes.customInput)
-      }), children && /*#__PURE__*/React.createElement("div", {
-        className: cn('text', {
-          size: textSize
-        }, classes.labelText)
-      }, children)));
-    }
-  }]);
-  return RadioButton;
-}(React.Component);
+  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', {
+      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'),
+    type: "radio",
+    name: name,
+    value: value,
+    onChange: handleChange,
+    disabled: disabled,
+    ref: inputRef
+  })), /*#__PURE__*/React.createElement("div", {
+    className: cn('custom-input', classes.customInput)
+  }), children && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
+    className: cn('text', {
+      size: textSize
+    }, classes.labelText)
+  }), children)));
+};
 
 RadioButton.propTypes = {
   value: PropTypes.string.isRequired,
@@ -157,16 +91,16 @@ RadioButton.propTypes = {
     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])]),
-  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired)
-};
-RadioButton.defaultProps = {
-  textSize: 'medium',
-  disabled: false
+  }), PropTypes.any])])
 };
 var _default = RadioButton;
 exports["default"] = _default;