@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-3974a633b4

package/cjs/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Radio.tsx"],"names":["Radio","theme","inputEl","React","createRef","_isInRadioGroup","Boolean","context","name","handleChange","e","props","onValueChange","value","onSelect","onChange","handleMouseOver","onMouseOver","handleMouseEnter","onMouseEnter","handleMouseLeave","onMouseLeave","render","renderMain","focus","current","blur","active","children","disabled","warning","error","focused","pressed","hovered","className","style","rest","radioClassNames","jsStyles","radio","checked","inputProps","type","input","tabIndex","ref","labelProps","root","activeItem","suppressHydrationWarning","placeholder","renderLabel","labelClassNames","label","labelDisabled","Component","__KONTUR_REACT_UI__","contextTypes","PropTypes","any","func","string","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { Override } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Radio.styles';\r\n\r\nexport type RadioProps<T> = Override<\r\n  React.InputHTMLAttributes<HTMLInputElement>,\r\n  {\r\n    /** Состояние ошибки */\r\n    error?: boolean;\r\n    /** Состояние Предупреждения */\r\n    warning?: boolean;\r\n    /** Состояние фокуса */\r\n    focused?: boolean;\r\n    /** Состояние нажатия */\r\n    pressed?: boolean;\r\n    /** Состояние hover */\r\n    hovered?: boolean;\r\n    /** Состояние active */\r\n    active?: boolean;\r\n    /** Вызывается при изменении `value` */\r\n    onValueChange?: (value: T) => void;\r\n    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\r\n    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\r\n    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\r\n    /** Значение */\r\n    value: T;\r\n  }\r\n>;\r\n\r\nexport class Radio<T> extends React.Component<RadioProps<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'Radio';\r\n\r\n  public static contextTypes = {\r\n    activeItem: PropTypes.any,\r\n    onSelect: PropTypes.func,\r\n    name: PropTypes.string,\r\n    disabled: PropTypes.bool,\r\n    error: PropTypes.bool,\r\n    warning: PropTypes.bool,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    focused: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private inputEl = React.createRef<HTMLInputElement>();\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    this.inputEl.current?.focus();\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    this.inputEl.current?.blur();\r\n  }\r\n\r\n  public renderMain() {\r\n    const {\r\n      active,\r\n      children,\r\n      disabled = this.context.disabled,\r\n      warning = this.context.warning,\r\n      error = this.context.error,\r\n      focused,\r\n      pressed,\r\n      hovered,\r\n      onMouseOver,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      onValueChange,\r\n\r\n      className,\r\n      style,\r\n\r\n      ...rest\r\n    } = this.props;\r\n\r\n    let radioClassNames = cn({\r\n      [jsStyles.radio(this.theme)]: true,\r\n      [jsStyles.checked(this.theme)]: this.props.checked,\r\n      [jsStyles.focus(this.theme)]: this.props.focused,\r\n      [jsStyles.error(this.theme)]: error,\r\n      [jsStyles.warning(this.theme)]: warning,\r\n      [jsStyles.disabled(this.theme)]: disabled,\r\n    });\r\n\r\n    let value: string | number | undefined;\r\n    if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {\r\n      value = this.props.value;\r\n    }\r\n\r\n    const inputProps = {\r\n      ...rest,\r\n      type: 'radio',\r\n      className: jsStyles.input(),\r\n      disabled,\r\n      tabIndex: this.props.tabIndex,\r\n      value,\r\n      ref: this.inputEl,\r\n      onChange: this.handleChange,\r\n    };\r\n\r\n    const labelProps = {\r\n      className: jsStyles.root(this.theme),\r\n      onMouseOver: this.handleMouseOver,\r\n      onMouseEnter: this.handleMouseEnter,\r\n      onMouseLeave: this.handleMouseLeave,\r\n    };\r\n\r\n    if (this._isInRadioGroup()) {\r\n      const checked = this.props.value === this.context.activeItem;\r\n      inputProps.checked = checked;\r\n      inputProps.name = this.context.name;\r\n      inputProps.suppressHydrationWarning = true;\r\n      radioClassNames = cn(radioClassNames, checked && jsStyles.checked(this.theme));\r\n    }\r\n\r\n    return (\r\n      <label {...labelProps}>\r\n        <input {...inputProps} />\r\n        <span className={radioClassNames}>\r\n          <span className={jsStyles.placeholder()} />\r\n        </span>\r\n        {this.props.children && this.renderLabel()}\r\n      </label>\r\n    );\r\n  }\r\n\r\n  private _isInRadioGroup = () => Boolean(this.context.name);\r\n\r\n  private renderLabel() {\r\n    const labelClassNames = cn({\r\n      [jsStyles.label(this.theme)]: true,\r\n      [jsStyles.labelDisabled()]: !!(this.props.disabled || this.context.disabled),\r\n    });\r\n\r\n    return <div className={labelClassNames}>{this.props.children}</div>;\r\n  }\r\n\r\n  private handleChange: React.ChangeEventHandler<HTMLInputElement> = e => {\r\n    this.props.onValueChange?.(this.props.value);\r\n\r\n    if (this._isInRadioGroup()) {\r\n      this.context.onSelect(this.props.value);\r\n    }\r\n\r\n    this.props.onChange?.(e);\r\n  };\r\n\r\n  private handleMouseOver: React.MouseEventHandler<HTMLLabelElement> = e => {\r\n    this.props.onMouseOver?.(e);\r\n  };\r\n\r\n  private handleMouseEnter: React.MouseEventHandler<HTMLLabelElement> = e => {\r\n    this.props.onMouseEnter?.(e);\r\n  };\r\n\r\n  private handleMouseLeave: React.MouseEventHandler<HTMLLabelElement> = e => {\r\n    this.props.onMouseLeave?.(e);\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Radio.tsx"],"names":["Radio","rootNode","state","focusedByKeyboard","context","inputEl","React","createRef","setRootNode","theme","renderMain","props","disabled","warning","error","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","radioProps","className","styles","radio","checked","focus","checkedDisabled","globalClasses","value","inputProps","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","root","rootChecked","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","_isInRadioGroup","activeItem","name","suppressHydrationWarning","placeholder","children","renderLabel","Boolean","e","onSelect","requestAnimationFrame","keyListener","isArrowPressed","isTabPressed","setState","render","current","blur","labelClassNames","label","labelDisabled","Component","__KONTUR_REACT_UI__","defaultProps","contextType","RadioGroupContext"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { RadioGroupContext, RadioGroupContextType } from '../RadioGroup/RadioGroupContext';\n\nimport { styles, globalClasses } from './Radio.styles';\n\nexport interface RadioProps<T>\n  extends CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         *  Cостояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Cостояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /**\n         * Состояние фокуса.\n         */\n        focused?: boolean;\n        /**\n         * Функция, вызываемая при изменении `value`.\n         */\n        onValueChange?: (value: T) => void;\n        /**\n         * HTML-событие `onmouseenter`\n         */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseleave`\n         */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `onmouseover`\n         */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-атрибут `value`.\n         */\n        value: T;\n      }\n    > {}\n\nexport interface RadioState {\n  focusedByKeyboard: boolean;\n}\n\n/**\n * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.\n */\n@rootNode\nexport class Radio<T> extends React.Component<RadioProps<T>, RadioState> {\n  public static __KONTUR_REACT_UI__ = 'Radio';\n\n  public state = {\n    focusedByKeyboard: false,\n  };\n\n  public static defaultProps = {\n    focused: false,\n  };\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>) => {\n    const {\n      disabled = this.context.disabled,\n      warning = this.context.warning,\n      error = this.context.error,\n      focused,\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n      onValueChange,\n      ...rest\n    } = props;\n\n    const radioProps = {\n      className: cx({\n        [styles.radio(this.theme)]: true,\n        [styles.checked(this.theme)]: this.props.checked,\n        [styles.focus(this.theme)]: this.props.focused || this.state.focusedByKeyboard,\n        [styles.error(this.theme)]: error,\n        [styles.warning(this.theme)]: warning,\n        [styles.disabled(this.theme)]: disabled,\n        [styles.checkedDisabled(this.theme)]: this.props.checked && disabled,\n        [globalClasses.radio]: true,\n      }),\n    };\n\n    let value: string | number | undefined;\n    if (typeof this.props.value === 'string' || typeof this.props.value === 'number') {\n      value = this.props.value;\n    }\n\n    const inputProps = {\n      ...rest,\n      type: 'radio',\n      className: styles.input(),\n      disabled,\n      tabIndex: this.props.tabIndex,\n      value,\n      ref: this.inputEl,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n    };\n\n    const labelProps = {\n      className: cx(styles.root(this.theme), this.props.checked && styles.rootChecked(this.theme)),\n      onMouseOver: this.handleMouseOver,\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\n    };\n\n    if (this._isInRadioGroup()) {\n      const checked = this.props.value === this.context.activeItem;\n      inputProps.checked = checked;\n      inputProps.name = this.context.name;\n      inputProps.suppressHydrationWarning = true;\n      labelProps.className = cx(styles.root(this.theme), checked && styles.rootChecked(this.theme));\n      radioProps.className = cx(radioProps.className, {\n        [styles.checked(this.theme)]: checked,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n      });\n    }\n\n    return (\n      <label {...labelProps}>\n        <input {...inputProps} />\n        <span {...radioProps}>\n          <span className={styles.placeholder()} />\n        </span>\n        {this.props.children && this.renderLabel()}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderLabel() {\n    const labelClassNames = cx({\n      [styles.label(this.theme)]: true,\n      [styles.labelDisabled()]: !!(this.props.disabled || this.context.disabled),\n    });\n\n    return <div className={labelClassNames}>{this.props.children}</div>;\n  }\n\n  private handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    this.props.onValueChange?.(this.props.value);\n\n    if (this._isInRadioGroup()) {\n      this.context.onSelect(this.props.value);\n    }\n\n    this.props.onChange?.(e);\n  };\n\n  private handleMouseOver: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseOver?.(e);\n  };\n\n  private handleMouseEnter: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseEnter?.(e);\n  };\n\n  private handleMouseLeave: React.MouseEventHandler<HTMLLabelElement> = (e) => {\n    this.props.onMouseLeave?.(e);\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.context.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isArrowPressed || keyListener.isTabPressed) {\n          this.setState({ focusedByKeyboard: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.props.onBlur?.(e);\n    this.setState({ focusedByKeyboard: false });\n  };\n}\n"]}

package/cjs/components/Radio/Radio.md

@@ -1,14 +1,38 @@
-```jsx harmony
-import { Gapped, Radio } from '@skbkontur/react-ui';
-
-<Gapped gap={20}>
-  <Radio value="value" />
-  <Radio value="value" disabled />
-  <Radio value="value" disabled checked />
-  <Radio value="value" checked />
-  <Radio value="value" focused />
-  <Radio value="value" focused checked />
-  <Radio value="value" error />
-  <Radio value="value" warning />
-</Gapped>;
-```
+Различные виды радио-кнопок.
+
+```jsx harmony
+import { Gapped, Radio, RadioGroup } from '@skbkontur/react-ui';
+
+const [chosen, setChosen] = React.useState(null);
+
+<RadioGroup onValueChange={(value) => setChosen(value)}>
+  <Gapped gap={3} vertical>
+    <Radio value={1}>
+      Обычная радио-кнопка
+    </Radio>
+    <Radio value={2} disabled>
+      Отключенная радио-кнопка
+    </Radio>
+    <Radio value={3} checked={!chosen}>
+      Радио-кнопка отмеченная по умолчанию
+    </Radio>
+    <Radio value={4} focused>
+      Радио-кнопка в состоянии <b>focused</b> (меняется только обводка)
+    </Radio>
+    <Radio value={5} error>
+      Радио-кнопка в состоянии <b>error</b>
+    </Radio>
+    <Radio value={6} warning>
+      Радио-кнопка в состоянии <b>warning</b>
+    </Radio>
+  </Gapped>
+</RadioGroup>
+```
+
+Радио-кнопки могут иметь сразу несколько состояний.
+
+```jsx harmony
+<Radio disabled checked warning>
+  Отключенная, отмеченная радио-кнопка в состоянии <b>warning</b>
+</Radio>
+```

package/cjs/components/Radio/Radio.styles.d.ts

@@ -1,14 +1,19 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    after(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    radio(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    checked(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    radio: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootChecked(t: Theme): string;
+    radio(t: Theme): string;
+    focus(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    checked(t: Theme): string;
+    checkedDisabled(t: Theme): string;
     input(): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    label(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    disabled(t: Theme): string;
+    label(t: Theme): string;
     labelDisabled(): string;
     placeholder(): string;
 };

package/cjs/components/Radio/Radio.styles.js

@@ -1,20 +1,13 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #a0a0a0;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: ", ";\n      line-height: ", ";\n      margin-left: ", ";\n      white-space: normal;\n      font-size: ", ";\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      border-color: transparent !important;\n      box-shadow: ", " !important;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      background-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        height: ", ";\n        width: ", ";\n        border-radius: 50%;\n        background: ", " !important;\n      }\n\n      ", "&::before {\n        background: ", " !important;\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      height: ", ";\n      width: ", ";\n      position: relative;\n      vertical-align: ", ";\n      margin: ", " ", ";\n\n      ", ":hover &:not(", ") {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      ", ":hover &", ":not(", ") {\n        background: ", ";\n      }\n      ", ":active & {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      ", ":focus + &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n      &::after {\n        content: ' ';\n        display: inline-block;\n      }\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      content: ' ';\n      position: absolute;\n      left: -", ";\n      top: -", ";\n      width: ", ";\n      height: ", ";\n      border-width: ", ";\n      border-style: solid;\n      border-radius: 50%;\n      box-sizing: border-box;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: inline-block;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-
-
-var styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
 
-
-    t.radioPaddingY,
-    t.radioPaddingY);
+var globalClasses = (0, _Emotion.prefix)('radio')({
+  radio: 'radio' });exports.globalClasses = globalClasses;
 
 
-  },
-
-  after: function after(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+var mixins = {
+  afterOutline: function afterOutline(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      content: ' ';\n      position: absolute;\n      left: -", ";\n      top: -", ";\n      width: ", ";\n      height: ", ";\n      border-width: ", ";\n      border-style: solid;\n      border-radius: 50%;\n      box-sizing: border-box;\n    "])),
 
 
     t.radioOutlineWidth,
@@ -26,13 +19,43 @@ var styles = {
 
 
 
+  } };
+
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: inline-block;\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])),
+
+
+
+    t.radioPaddingY,
+    t.radioPaddingY,
+
+
+    globalClasses.radio,
+    t.radioHoverBg,
+    t.radioHoverShadow,
+
+    globalClasses.radio,
+    t.radioActiveBg,
+    t.radioActiveShadow);
+
+
+  },
+
+  rootChecked: function rootChecked(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])),
+    globalClasses.radio,
+    t.radioCheckedHoverBgColor);
+
+
   },
 
   radio: function radio(t) {
     var radioSize = "calc(" + t.radioSize + " - 2 * " + t.radioBorderWidthCompensation + ")";
     var radioMarginY = "calc(" + t.radioMarginY + " + " + t.radioBorderWidthCompensation + ")";
     var radioMarginX = t.radioBorderWidthCompensation;
-    return (0, _Emotion.css)(_templateObject3(),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      height: ", ";\n      width: ", ";\n      position: relative;\n      vertical-align: ", ";\n      margin: ", " ", ";\n      background-color: ", ";\n\n      &::after {\n        content: ' ';\n        display: inline-block;\n      }\n    "])),
     t.radioBgImage,
 
     t.radioBorder,
@@ -44,22 +67,7 @@ var styles = {
 
     t.radioVerticalAlign,
     radioMarginY, radioMarginX,
-
-    (0, _Emotion.cssName)(styles.root(t)), (0, _Emotion.cssName)(styles.disabled(t)),
-    t.radioHoverBg,
-    t.radioHoverShadow,
-
-    (0, _Emotion.cssName)(styles.root(t)), (0, _Emotion.cssName)(styles.checked(t)), (0, _Emotion.cssName)(styles.disabled(t)),
-    t.radioCheckedHoverBgColor,
-
-    (0, _Emotion.cssName)(styles.root(t)),
-    t.radioActiveBg,
-    t.radioActiveShadow,
-
-    (0, _Emotion.cssName)(styles.input()),
-    styles.after(t),
-    t.radioFocusShadow,
-    t.radioBorderColorFocus);
+    t.radioBgColor);
 
 
 
@@ -69,9 +77,9 @@ var styles = {
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject4(),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])),
 
-    styles.after(t),
+    mixins.afterOutline(t),
     t.radioFocusShadow,
     t.radioBorderColorFocus);
 
@@ -79,9 +87,9 @@ var styles = {
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject5(),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])),
 
-    styles.after(t),
+    mixins.afterOutline(t),
     t.radioFocusShadow,
     t.radioBorderColorWarning);
 
@@ -89,9 +97,9 @@ var styles = {
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])),
 
-    styles.after(t),
+    mixins.afterOutline(t),
     t.radioFocusShadow,
     t.radioBorderColorError);
 
@@ -99,9 +107,10 @@ var styles = {
   },
 
   checked: function checked(t) {
-    return (0, _Emotion.css)(_templateObject7(),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        height: ", ";\n        width: ", ";\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])),
 
     t.radioCheckedBgColor,
+    t.radioCheckedBorderColor,
 
 
 
@@ -114,17 +123,21 @@ var styles = {
     t.radioBulletSize,
     t.radioBulletSize,
 
-    t.radioCheckedBulletColor,
+    t.radioCheckedBulletColor);
+
 
+  },
+
+  checkedDisabled: function checkedDisabled(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::before {\n        background: ", ";\n      }\n    "])),
 
-    (0, _Emotion.cssName)(styles.disabled(t)),
     t.gray);
 
 
   },
 
   input: function input() {
-    return (0, _Emotion.css)(_templateObject8());
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
 
 
 
@@ -135,34 +148,32 @@ var styles = {
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject9(),
-    t.bgDisabled,
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "])),
+    t.radioDisabledBg,
 
     t.radioDisabledShadow);
 
   },
 
   label: function label(t) {
-    return (0, _Emotion.css)(_templateObject10(),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: ", ";\n      line-height: ", ";\n      margin-left: ", ";\n      white-space: normal;\n      font-size: ", ";\n      color: ", ";\n    "])),
     t.radioLabelDisplay,
     t.radioLineHeight,
     t.radioLabelGap,
 
-    t.radioFontSize);
+    t.radioFontSize,
+    t.radioTextColor);
 
   },
 
   labelDisabled: function labelDisabled() {
-    return (0, _Emotion.css)(_templateObject11());
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #a0a0a0;\n    "])));
 
 
   },
 
   placeholder: function placeholder() {
-    return (0, _Emotion.css)(_templateObject12());
-
-
-  } };
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/components/Radio/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Radio.styles.ts"],"names":["styles","root","t","css","radioPaddingY","after","radioOutlineWidth","radioSizeAfter","radio","radioSize","radioBorderWidthCompensation","radioMarginY","radioMarginX","radioBgImage","radioBorder","radioBoxShadow","radioVerticalAlign","disabled","radioHoverBg","radioHoverShadow","checked","radioCheckedHoverBgColor","radioActiveBg","radioActiveShadow","input","radioFocusShadow","radioBorderColorFocus","focus","warning","radioBorderColorWarning","error","radioBorderColorError","radioCheckedBgColor","radioBulletSize","radioCheckedBulletColor","gray","bgDisabled","radioDisabledShadow","label","radioLabelDisplay","radioLineHeight","radioLabelGap","radioFontSize","labelDisabled","placeholder","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      cursor: pointer;\r\n      position: relative;\r\n      white-space: nowrap;\r\n      padding-top: ${t.radioPaddingY};\r\n      padding-bottom: ${t.radioPaddingY};\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  after(t: Theme) {\r\n    return css`\r\n      content: ' ';\r\n      position: absolute;\r\n      left: -${t.radioOutlineWidth};\r\n      top: -${t.radioOutlineWidth};\r\n      width: ${t.radioSizeAfter};\r\n      height: ${t.radioSizeAfter};\r\n      border-width: ${t.radioOutlineWidth};\r\n      border-style: solid;\r\n      border-radius: 50%;\r\n      box-sizing: border-box;\r\n    `;\r\n  },\r\n\r\n  radio(t: Theme) {\r\n    const radioSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\r\n    const radioMarginY = `calc(${t.radioMarginY} + ${t.radioBorderWidthCompensation})`;\r\n    const radioMarginX = t.radioBorderWidthCompensation;\r\n    return css`\r\n      background-image: ${t.radioBgImage};\r\n      border-radius: 50%;\r\n      border: ${t.radioBorder};\r\n      box-shadow: ${t.radioBoxShadow};\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n      height: ${radioSize};\r\n      width: ${radioSize};\r\n      position: relative;\r\n      vertical-align: ${t.radioVerticalAlign};\r\n      margin: ${radioMarginY} ${radioMarginX};\r\n\r\n      ${cssName(styles.root(t))}:hover &:not(${cssName(styles.disabled(t))}) {\r\n        background: ${t.radioHoverBg};\r\n        box-shadow: ${t.radioHoverShadow};\r\n      }\r\n      ${cssName(styles.root(t))}:hover &${cssName(styles.checked(t))}:not(${cssName(styles.disabled(t))}) {\r\n        background: ${t.radioCheckedHoverBgColor};\r\n      }\r\n      ${cssName(styles.root(t))}:active & {\r\n        background: ${t.radioActiveBg};\r\n        box-shadow: ${t.radioActiveShadow};\r\n      }\r\n      ${cssName(styles.input())}:focus + &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorFocus};\r\n      }\r\n      &::after {\r\n        content: ' ';\r\n        display: inline-block;\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorFocus};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorError};\r\n      }\r\n    `;\r\n  },\r\n\r\n  checked(t: Theme) {\r\n    return css`\r\n      position: relative;\r\n      background-color: ${t.radioCheckedBgColor};\r\n\r\n      &::before {\r\n        content: ' ';\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        margin: auto;\r\n        height: ${t.radioBulletSize};\r\n        width: ${t.radioBulletSize};\r\n        border-radius: 50%;\r\n        background: ${t.radioCheckedBulletColor} !important;\r\n      }\r\n\r\n      ${cssName(styles.disabled(t))}&::before {\r\n        background: ${t.gray} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  input() {\r\n    return css`\r\n      display: inline-block;\r\n      height: 0;\r\n      opacity: 0;\r\n      position: absolute;\r\n      width: 0;\r\n      z-index: -1;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: ${t.bgDisabled} !important;\r\n      border-color: transparent !important;\r\n      box-shadow: ${t.radioDisabledShadow} !important;\r\n    `;\r\n  },\r\n\r\n  label(t: Theme) {\r\n    return css`\r\n      display: ${t.radioLabelDisplay};\r\n      line-height: ${t.radioLineHeight};\r\n      margin-left: ${t.radioLabelGap};\r\n      white-space: normal;\r\n      font-size: ${t.radioFontSize};\r\n    `;\r\n  },\r\n\r\n  labelDisabled() {\r\n    return css`\r\n      color: #a0a0a0;\r\n    `;\r\n  },\r\n\r\n  placeholder() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Radio.styles.ts"],"names":["globalClasses","radio","mixins","afterOutline","t","css","radioOutlineWidth","radioSizeAfter","styles","root","radioPaddingY","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","rootChecked","radioCheckedHoverBgColor","radioSize","radioBorderWidthCompensation","radioMarginY","radioMarginX","radioBgImage","radioBorder","radioBoxShadow","radioVerticalAlign","radioBgColor","focus","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioBulletSize","radioCheckedBulletColor","checkedDisabled","gray","input","disabled","radioDisabledBg","radioDisabledShadow","label","radioLabelDisplay","radioLineHeight","radioLabelGap","radioFontSize","radioTextColor","labelDisabled","placeholder"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('radio')({\n  radio: 'radio',\n});\n\nconst mixins = {\n  afterOutline(t: Theme) {\n    return css`\n      content: ' ';\n      position: absolute;\n      left: -${t.radioOutlineWidth};\n      top: -${t.radioOutlineWidth};\n      width: ${t.radioSizeAfter};\n      height: ${t.radioSizeAfter};\n      border-width: ${t.radioOutlineWidth};\n      border-style: solid;\n      border-radius: 50%;\n      box-sizing: border-box;\n    `;\n  },\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ${t.radioPaddingY};\n      padding-bottom: ${t.radioPaddingY};\n      display: inline-block;\n\n      &:hover .${globalClasses.radio} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.radio} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.radio} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  radio(t: Theme) {\n    const radioSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\n    const radioMarginY = `calc(${t.radioMarginY} + ${t.radioBorderWidthCompensation})`;\n    const radioMarginX = t.radioBorderWidthCompensation;\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      height: ${radioSize};\n      width: ${radioSize};\n      position: relative;\n      vertical-align: ${t.radioVerticalAlign};\n      margin: ${radioMarginY} ${radioMarginX};\n      background-color: ${t.radioBgColor};\n\n      &::after {\n        content: ' ';\n        display: inline-block;\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorFocus};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorError};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      position: relative;\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        height: ${t.radioBulletSize};\n        width: ${t.radioBulletSize};\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.gray};\n      }\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  label(t: Theme) {\n    return css`\n      display: ${t.radioLabelDisplay};\n      line-height: ${t.radioLineHeight};\n      margin-left: ${t.radioLabelGap};\n      white-space: normal;\n      font-size: ${t.radioFontSize};\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  labelDisabled() {\n    return css`\n      color: #a0a0a0;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"]}

package/cjs/components/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Radio';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Radio';\n"]}

package/cjs/components/RadioGroup/Prevent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Prevent.tsx"],"names":["Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","React","Component"],"mappings":"mPAAA,sD;;;;;;AAMaA,O;;;;;AAKHC,IAAAA,Q,GAAW,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,K,qDAPMC,M,GAAP,kBAAgB,CACd,oBAAO,uCAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,C,kBAH0BC,eAAMC,S","sourcesContent":["import React from 'react';\r\n\r\nexport interface PreventProps {\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport class Prevent extends React.Component<PreventProps> {\r\n  public render() {\r\n    return <span onClick={this._prevent}>{this.props.children}</span>;\r\n  }\r\n\r\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Prevent.tsx"],"names":["Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","React","Component"],"mappings":"mPAAA,sD;;;;;;AAMaA,O;;;;;AAKHC,IAAAA,Q,GAAW,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,K,qDAPMC,M,GAAP,kBAAgB,CACd,oBAAO,uCAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,C,kBAH0BC,eAAMC,S","sourcesContent":["import React from 'react';\n\nexport interface PreventProps {\n  children?: React.ReactNode;\n}\n\nexport class Prevent extends React.Component<PreventProps> {\n  public render() {\n    return <span onClick={this._prevent}>{this.props.children}</span>;\n  }\n\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"]}

package/cjs/components/RadioGroup/RadioGroup.d.ts

@@ -1,16 +1,58 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
 import { Prevent } from './Prevent';
-export interface RadioGroupProps<T = string | number> {
+export interface RadioGroupProps<T = string | number> extends CommonProps {
+    /**
+     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
+     * или значений из параметра `items`
+     */
     defaultValue?: T;
+    /**
+     * Значение радиогруппы. Должно быть одним из значений радиокнопок.
+     * Если не указано, то компонент будет работать, как неконтроллируемый
+     */
     value?: T;
+    /**
+     * Может быть использовано, если не передан параметр `children`
+     *
+     * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
+     * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
+     * — значение которое будет использовано вторым параметром в `renderItem`.
+     * Если тип `items: Array<Value>`, то он будет приведен к типу
+     * `Array<[Value, Value]>`
+     */
     items?: T[] | [T, React.ReactNode][];
+    /**
+     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
+     * случайное имя
+     */
     name?: string;
+    /**
+     * Дизейблит все радиокнопки
+     */
     disabled?: boolean;
+    /**
+     * Переводит все радиокнопки в состояние валидации: предупреждение.
+     */
     warning?: boolean;
+    /**
+     * Переводит все радиокнопки в состояние валидации: ошибка.
+     */
     error?: boolean;
+    /**
+     * Выравнивает элементы в строку. Не работает с `children`
+     */
     inline?: boolean;
+    /**
+     * Ширина радиогруппы. Не работает с `children`
+     */
     width?: React.CSSProperties['width'];
+    /**
+     * Метод отрисовки контента радиокнопки. Не работает с `children`.
+     *
+     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
+     */
     renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
     /** Вызывается при изменении `value` */
     onValueChange?: (value: T) => void;
@@ -22,85 +64,25 @@ export interface RadioGroupProps<T = string | number> {
 export interface RadioGroupState<T> {
     activeItem?: T;
 }
+/**
+ *
+ * `children` может содержать любую разметку с компонентами Radio,
+ * если не передан параметр `items`.
+ * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
+ * как и параметр `value` самой радиогруппы.
+ *
+ * Значения активного элемента сравниваются по строгому равенству `===`
+ */
 export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
     static __KONTUR_REACT_UI__: string;
-    static childContextTypes: {
-        error: PropTypes.Requireable<boolean>;
-        name: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        activeItem: PropTypes.Requireable<any>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static propTypes: {
-        /**
-         * Может быть использовано, если не передан параметр `items`
-         *
-         * `children` может содержать любую разметку с компонентами Radio.
-         * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
-         * как и параметр `value` самой радиогруппы.
-         *
-         * Значения активного элемента сравниваются по строгому равенству `===`
-         */
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
-         * или значей из параметра `items`
-         */
-        defaultValue: PropTypes.Requireable<any>;
-        /**
-         * Дизейблит все радиокнопки
-         */
         disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Переводит все радиокнопки в состоянии ошибки
-         */
         error: PropTypes.Requireable<boolean>;
-        /**
-         * Выравнивает элементы в строку. Не работает с `children`
-         */
         inline: PropTypes.Requireable<boolean>;
-        /**
-         * Может быть использовано, если не передан параметр `children`
-         *
-         * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
-         * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
-         * — значение которое будет использовано вторым параметром в `renderItem`.
-         * Если тип `items: Array<Value>`, то он будет приведен к типу
-         * `Array<[Value, Value]>`
-         */
-        items: PropTypes.Requireable<any>;
-        /**
-         * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
-         * случайное имя по алгоритму
-         * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)
-         */
         name: PropTypes.Requireable<string>;
-        /**
-         * Метод отрисовки контента радиокнопки. Не работает с `children`.
-         *
-         * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
-         */
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Значение радиогруппы. Должно быть одним из значений радиокнопок.
-         * Если не указано, то компонент будет работать, как неконтроллируемый
-         */
-        value: PropTypes.Requireable<any>;
-        /**
-         * Переводит все радиокнопки в состоянии предупреждения
-         */
         warning: PropTypes.Requireable<boolean>;
-        /**
-         * Ширина радиогруппы. Не работает с `children`
-         */
         width: PropTypes.Requireable<string | number>;
-        /**
-         * Обработчик события при переключении радиокнопок.
-         * Имеет тип
-         * `(value: Value) => any`
-         */
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
@@ -114,15 +96,9 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
     private node;
     private name;
     private getProps;
+    private setRootNode;
     constructor(props: RadioGroupProps<T>);
-    getChildContext(): {
-        activeItem: T | undefined;
-        onSelect: (value: T) => void;
-        name: string;
-        disabled: boolean | undefined;
-        error: boolean | undefined;
-        warning: boolean | undefined;
-    };
+    private getRadioGroupContextValue;
     render(): JSX.Element;
     renderMain(): JSX.Element;
     /**