@skbkontur/react-ui 0.0.0-34314258fc → 0.0.0-4bd3603e53

package/components/Radio/Radio/Radio.js

@@ -1,13 +1,31 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["disabled", "warning", "error", "focused", "onMouseOver", "onMouseEnter", "onMouseLeave", "onValueChange"];
+
+var _class, _class2, _temp; // TODO: Enable this rule in functional components.
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+
 import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Radio.styles";
-export var Radio = /*#__PURE__*/function (_React$Component) {
+import { cx } from "../../../lib/theming/Emotion";
+import { keyListener } from "../../../lib/events/keyListener";
+import { rootNode } from "../../../lib/rootNode";
+import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
+import { isEdge, isIE11 } from "../../../lib/client";
+import { RadioGroupContext } from "../../RadioGroup/RadioGroupContext";
+import { styles, globalClasses } from "../Radio.styles";
+export var RadioDataTids = {
+  root: 'Radio__root'
+};
+/**
+ * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.
+ */
+
+export var Radio = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Radio, _React$Component);
 
   function Radio() {
@@ -18,29 +36,31 @@ export var Radio = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.theme = void 0;
+    _this.state = {
+      focusedByKeyboard: false
+    };
+    _this.context = _this.context;
     _this.inputEl = /*#__PURE__*/React.createRef();
 
     _this.renderMain = function (props) {
-      var _cn;
+      var _cx, _cx2;
 
-      var active = props.active,
-          _props$disabled = props.disabled,
+      var _props$disabled = props.disabled,
           disabled = _props$disabled === void 0 ? _this.context.disabled : _props$disabled,
           _props$warning = props.warning,
           warning = _props$warning === void 0 ? _this.context.warning : _props$warning,
           _props$error = props.error,
           error = _props$error === void 0 ? _this.context.error : _props$error,
           focused = props.focused,
-          pressed = props.pressed,
-          hovered = props.hovered,
           onMouseOver = props.onMouseOver,
           onMouseEnter = props.onMouseEnter,
           onMouseLeave = props.onMouseLeave,
           onValueChange = props.onValueChange,
-          rest = _objectWithoutPropertiesLoose(props, ["active", "disabled", "warning", "error", "focused", "pressed", "hovered", "onMouseOver", "onMouseEnter", "onMouseLeave", "onValueChange"]);
+          rest = _objectWithoutPropertiesLoose(props, _excluded);
 
-      var radioClassNames = cn((_cn = {}, _cn[jsStyles.radio(_this.theme)] = true, _cn[jsStyles.checked(_this.theme)] = _this.props.checked, _cn[jsStyles.focus(_this.theme)] = _this.props.focused, _cn[jsStyles.error(_this.theme)] = error, _cn[jsStyles.warning(_this.theme)] = warning, _cn[jsStyles.disabled(_this.theme)] = disabled, _cn));
+      var radioProps = {
+        className: cx((_cx = {}, _cx[styles.circle(_this.theme)] = true, _cx[styles.checked(_this.theme)] = _this.props.checked, _cx[styles.focus(_this.theme)] = _this.props.focused || _this.state.focusedByKeyboard, _cx[styles.error(_this.theme)] = error, _cx[styles.warning(_this.theme)] = warning, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.checkedDisabled(_this.theme)] = _this.props.checked && disabled, _cx[globalClasses.circle] = true, _cx))
+      };
       var value;
 
       if (typeof _this.props.value === 'string' || typeof _this.props.value === 'number') {
@@ -49,34 +69,40 @@ export var Radio = /*#__PURE__*/function (_React$Component) {
 
       var inputProps = _extends({}, rest, {
         type: 'radio',
-        className: jsStyles.input(),
+        className: styles.input(),
         disabled: disabled,
         tabIndex: _this.props.tabIndex,
         value: value,
         ref: _this.inputEl,
-        onChange: _this.handleChange
+        onChange: _this.handleChange,
+        onFocus: _this.handleFocus,
+        onBlur: _this.handleBlur
       });
 
       var labelProps = {
-        className: jsStyles.root(_this.theme),
+        className: cx(styles.root(_this.theme), (_cx2 = {}, _cx2[styles.rootChecked(_this.theme)] = _this.props.checked, _cx2[styles.rootIE11()] = isIE11 || isEdge, _cx2)),
         onMouseOver: _this.handleMouseOver,
         onMouseEnter: _this.handleMouseEnter,
-        onMouseLeave: _this.handleMouseLeave
+        onMouseLeave: _this.handleMouseLeave,
+        onClick: fixFirefoxModifiedClickOnLabel(_this.inputEl)
       };
 
       if (_this._isInRadioGroup()) {
+        var _cx3, _cx4;
+
         var checked = _this.props.value === _this.context.activeItem;
         inputProps.checked = checked;
         inputProps.name = _this.context.name;
         inputProps.suppressHydrationWarning = true;
-        radioClassNames = cn(radioClassNames, checked && jsStyles.checked(_this.theme));
+        labelProps.className = cx(styles.root(_this.theme), (_cx3 = {}, _cx3[styles.rootChecked(_this.theme)] = checked, _cx3[styles.rootIE11()] = isIE11 || isEdge, _cx3));
+        radioProps.className = cx(radioProps.className, (_cx4 = {}, _cx4[styles.checked(_this.theme)] = checked, _cx4[styles.checkedDisabled(_this.theme)] = checked && disabled, _cx4));
       }
 
-      return /*#__PURE__*/React.createElement("label", labelProps, /*#__PURE__*/React.createElement("input", inputProps), /*#__PURE__*/React.createElement("span", {
-        className: radioClassNames
-      }, /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.placeholder()
-      })), _this.props.children && _this.renderLabel());
+      return /*#__PURE__*/React.createElement("label", _extends({
+        "data-tid": RadioDataTids.root
+      }, labelProps), /*#__PURE__*/React.createElement("input", inputProps), /*#__PURE__*/React.createElement("span", radioProps, /*#__PURE__*/React.createElement("span", {
+        className: styles.placeholder()
+      })), _this.props.children && _this.renderCaption());
     };
 
     _this._isInRadioGroup = function () {
@@ -105,6 +131,32 @@ export var Radio = /*#__PURE__*/function (_React$Component) {
       _this.props.onMouseLeave == null ? void 0 : _this.props.onMouseLeave(e);
     };
 
+    _this.handleFocus = function (e) {
+      if (!_this.context.disabled) {
+        // focus event fires before keyDown eventlistener
+        // so we should check tabPressed in async way
+        requestAnimationFrame(function () {
+          if (keyListener.isArrowPressed || keyListener.isTabPressed) {
+            _this.setState({
+              focusedByKeyboard: true
+            });
+          }
+        });
+
+        if (_this.props.onFocus) {
+          _this.props.onFocus(e);
+        }
+      }
+    };
+
+    _this.handleBlur = function (e) {
+      _this.props.onBlur == null ? void 0 : _this.props.onBlur(e);
+
+      _this.setState({
+        focusedByKeyboard: false
+      });
+    };
+
     return _this;
   }
 
@@ -115,21 +167,24 @@ export var Radio = /*#__PURE__*/function (_React$Component) {
 
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _this2.props, _this2.renderMain);
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.props), _this2.renderMain);
     });
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
   _proto.focus = function focus() {
     var _this$inputEl$current;
 
+    keyListener.isTabPressed = true;
     (_this$inputEl$current = this.inputEl.current) == null ? void 0 : _this$inputEl$current.focus();
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -139,26 +194,16 @@ export var Radio = /*#__PURE__*/function (_React$Component) {
     (_this$inputEl$current2 = this.inputEl.current) == null ? void 0 : _this$inputEl$current2.blur();
   };
 
-  _proto.renderLabel = function renderLabel() {
-    var _cn2;
+  _proto.renderCaption = function renderCaption() {
+    var _cx5;
 
-    var labelClassNames = cn((_cn2 = {}, _cn2[jsStyles.label(this.theme)] = true, _cn2[jsStyles.labelDisabled()] = !!(this.props.disabled || this.context.disabled), _cn2));
+    var captionClassNames = cx((_cx5 = {}, _cx5[styles.caption(this.theme)] = true, _cx5[styles.captionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled), _cx5[styles.captionIE11()] = isIE11 || isEdge, _cx5));
     return /*#__PURE__*/React.createElement("div", {
-      className: labelClassNames
+      className: captionClassNames
     }, this.props.children);
   };
 
   return Radio;
-}(React.Component);
-Radio.__KONTUR_REACT_UI__ = 'Radio';
-Radio.contextTypes = {
-  activeItem: PropTypes.any,
-  onSelect: PropTypes.func,
-  name: PropTypes.string,
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
-  warning: PropTypes.bool
-};
-Radio.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Radio', _class2.defaultProps = {
   focused: false
-};
+}, _class2.contextType = RadioGroupContext, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["Radio.tsx"],"names":["React","PropTypes","cn","ThemeContext","CommonWrapper","jsStyles","Radio","theme","inputEl","createRef","renderMain","props","active","disabled","context","warning","error","focused","pressed","hovered","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","radioClassNames","radio","checked","focus","value","inputProps","type","className","input","tabIndex","ref","onChange","handleChange","labelProps","root","handleMouseOver","handleMouseEnter","handleMouseLeave","_isInRadioGroup","activeItem","name","suppressHydrationWarning","placeholder","children","renderLabel","Boolean","e","onSelect","render","current","blur","labelClassNames","label","labelDisabled","Component","__KONTUR_REACT_UI__","contextTypes","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\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Radio.styles';\r\n\r\nexport interface RadioProps<T>\r\n  extends CommonProps,\r\n    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 <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\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 = (props: CommonWrapperRestProps<RadioProps<T>>) => {\r\n    const {\r\n      active,\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      ...rest\r\n    } = 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":["React","ThemeContext","CommonWrapper","cx","keyListener","rootNode","fixFirefoxModifiedClickOnLabel","isEdge","isIE11","RadioGroupContext","styles","globalClasses","RadioDataTids","root","Radio","state","focusedByKeyboard","context","inputEl","createRef","renderMain","props","disabled","warning","error","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","radioProps","className","circle","theme","checked","focus","checkedDisabled","value","inputProps","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","rootChecked","rootIE11","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","_isInRadioGroup","activeItem","name","suppressHydrationWarning","placeholder","children","renderCaption","Boolean","e","onSelect","requestAnimationFrame","isArrowPressed","isTabPressed","setState","render","setRootNode","current","blur","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","defaultProps","contextType"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport 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 { isEdge, isIE11 } from '../../lib/client';\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         *  Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\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\nexport const RadioDataTids = {\n  root: 'Radio__root',\n} as const;\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.circle(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.circle]: 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), {\n        [styles.rootChecked(this.theme)]: this.props.checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\n      }),\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), {\n        [styles.rootChecked(this.theme)]: checked,\n        [styles.rootIE11()]: isIE11 || isEdge,\n      });\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 data-tid={RadioDataTids.root} {...labelProps}>\n        <input {...inputProps} />\n        <span {...radioProps}>\n          <span className={styles.placeholder()} />\n        </span>\n        {this.props.children && this.renderCaption()}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderCaption() {\n    const captionClassNames = cx({\n      [styles.caption(this.theme)]: true,\n      [styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n      [styles.captionIE11()]: isIE11 || isEdge,\n    });\n\n    return <div className={captionClassNames}>{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/components/Radio/Radio.d.ts

@@ -1,44 +1,64 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Override } from '../../typings/utility-types';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';
 export interface RadioProps<T> extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /** Состояние ошибки */
+    /**
+     *  Состояние валидации при ошибке.
+     */
     error?: boolean;
-    /** Состояние Предупреждения */
+    /**
+     * Состояние валидации при предупреждении.
+     */
     warning?: boolean;
-    /** Состояние фокуса */
+    /**
+     * Состояние фокуса.
+     */
     focused?: boolean;
-    /** Состояние нажатия */
-    pressed?: boolean;
-    /** Состояние hover */
-    hovered?: boolean;
-    /** Состояние active */
-    active?: boolean;
-    /** Вызывается при изменении `value` */
+    /**
+     * Функция, вызываемая при изменении `value`.
+     */
     onValueChange?: (value: T) => void;
+    /**
+     * HTML-событие `onmouseenter`
+     */
     onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-событие `mouseleave`
+     */
     onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-событие `onmouseover`
+     */
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Значение */
+    /**
+     * HTML-атрибут `value`.
+     */
     value: T;
 }> {
 }
-export declare class Radio<T> extends React.Component<RadioProps<T>> {
+export interface RadioState {
+    focusedByKeyboard: boolean;
+}
+export declare const RadioDataTids: {
+    readonly root: "Radio__root";
+};
+/**
+ * Радио-кнопки используются, когда может быть выбран только один вариант из нескольких.
+ */
+export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState> {
     static __KONTUR_REACT_UI__: string;
-    static contextTypes: {
-        activeItem: PropTypes.Requireable<any>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        name: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
+    state: {
+        focusedByKeyboard: boolean;
     };
     static defaultProps: {
         focused: boolean;
     };
-    private theme;
+    static contextType: React.Context<RadioGroupContextType<any>>;
+    context: RadioGroupContextType<T>;
     private inputEl;
+    private setRootNode;
+    private theme;
     render(): JSX.Element;
     /**
      * @public
@@ -50,9 +70,11 @@ export declare class Radio<T> extends React.Component<RadioProps<T>> {
     blur(): void;
     renderMain: (props: CommonWrapperRestProps<RadioProps<T>>) => JSX.Element;
     private _isInRadioGroup;
-    private renderLabel;
+    private renderCaption;
     private handleChange;
     private handleMouseOver;
     private handleMouseEnter;
     private handleMouseLeave;
+    private handleFocus;
+    private handleBlur;
 }

package/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/components/Radio/Radio.styles/Radio.styles.js

@@ -1,47 +1,68 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+import { getLabGrotesqueBaselineCompensation } from "../../../lib/styles/getLabGrotesqueBaselineCompensation";
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { isChrome } from "../../../lib/client";
+export var globalClasses = prefix('radio')({
+  circle: 'circle'
+});
+var mixins = {
+  afterOutline: function afterOutline(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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, t.radioOutlineWidth, t.radioSizeAfter, t.radioSizeAfter, t.radioOutlineWidth);
+  }
+};
+export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: inline-block;\n    "])), t.radioPaddingY, t.radioPaddingY);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: inline-flex;\n      align-items: baseline;\n      line-height: ", ";\n      font-size: ", ";\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\00A0';\n        display: inline-block;\n        width: ", ";\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: inline-flex;\n      align-items: baseline;\n      line-height: ", ";\n      font-size: ", ";\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        width: ", ";\n        flex: 0 0 auto;\n      }\n    "])), t.radioPaddingY, t.radioPaddingY, t.radioLineHeight, t.radioFontSize, globalClasses.circle, t.radioHoverBg, t.radioHoverShadow, globalClasses.circle, t.radioActiveBg, t.radioActiveShadow, t.radioSize);
+  },
+  rootIE11: function rootIE11() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n    "])));
   },
-  after: function after(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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, t.radioOutlineWidth, t.radioSizeAfter, t.radioSizeAfter, t.radioOutlineWidth);
+  rootChecked: function rootChecked(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, 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 css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, radioSize, radioSize, t.radioVerticalAlign, radioMarginY, radioMarginX, cssName(styles.root(t)), cssName(styles.disabled(t)), t.radioHoverBg, t.radioHoverShadow, cssName(styles.root(t)), cssName(styles.checked(t)), cssName(styles.disabled(t)), t.radioCheckedHoverBgColor, cssName(styles.root(t)), t.radioActiveBg, t.radioActiveShadow, cssName(styles.input()), styles.after(t), t.radioFocusShadow, t.radioBorderColorFocus);
+  circle: function circle(t) {
+    var labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);
+    var fontSize = parseInt(t.checkboxFontSize);
+    var baselineCompensation = getLabGrotesqueBaselineCompensation(fontSize, labGrotesqueCompenstation, isChrome);
+    var circleSize = "calc(" + t.radioSize + " - 2 * " + t.radioBorderWidthCompensation + ")";
+    var circleOffsetY = "calc(" + t.radioCircleOffsetY + " + " + t.radioBorderWidthCompensation + " + " + baselineCompensation + "px)";
+    var circleMarginX = t.radioBorderWidthCompensation;
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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: absolute;\n      left: 0;\n      margin: ", " ", " 0;\n      background-color: ", ";\n    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, circleSize, circleSize, circleOffsetY, circleMarginX, t.radioBgColor);
   },
   focus: function focus(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), styles.after(t), t.radioFocusShadow, t.radioBorderColorFocus);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), mixins.afterOutline(t), t.radioFocusShadow, t.radioBorderColorFocus);
   },
   warning: function warning(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), styles.after(t), t.radioFocusShadow, t.radioBorderColorWarning);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), mixins.afterOutline(t), t.radioFocusShadow, t.radioBorderColorWarning);
   },
   error: function error(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), styles.after(t), t.radioFocusShadow, t.radioBorderColorError);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), mixins.afterOutline(t), t.radioFocusShadow, t.radioBorderColorError);
   },
   checked: function checked(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      background-color: ", ";\n      border-color: ", " !important;\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    "])), t.radioCheckedBgColor, t.radioCheckedBorderColor, t.radioBulletSize, t.radioBulletSize, t.radioCheckedBulletColor, cssName(styles.disabled(t)), t.gray);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\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, t.radioBulletSize, t.radioBulletSize, t.radioCheckedBulletColor);
+  },
+  checkedDisabled: function checkedDisabled(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &::before {\n        background: ", ";\n      }\n    "])), t.gray);
   },
   input: function input() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
   },
   disabled: function disabled(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      background: ", " !important;\n      border-color: transparent !important;\n      box-shadow: ", " !important;\n    "])), t.bgDisabled, t.radioDisabledShadow);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\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);
+  },
+  caption: function caption(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
   },
-  label: function label(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      display: ", ";\n      line-height: ", ";\n      margin-left: ", ";\n      white-space: normal;\n      font-size: ", ";\n    "])), t.radioLabelDisplay, t.radioLineHeight, t.radioLabelGap, t.radioFontSize);
+  captionIE11: function captionIE11() {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: table-cell;\n    "])));
   },
-  labelDisabled: function labelDisabled() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: #a0a0a0;\n    "])));
+  captionDisabled: function captionDisabled(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDisabled);
   },
   placeholder: function placeholder() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["Radio.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","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","radioCheckedBorderColor","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      border-color: ${t.radioCheckedBorderColor} !important;\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":["getLabGrotesqueBaselineCompensation","css","memoizeStyle","prefix","isChrome","globalClasses","circle","mixins","afterOutline","t","radioOutlineWidth","radioSizeAfter","styles","root","radioPaddingY","radioLineHeight","radioFontSize","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","radioSize","rootIE11","rootChecked","radioCheckedHoverBgColor","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","checkboxFontSize","baselineCompensation","circleSize","radioBorderWidthCompensation","circleOffsetY","radioCircleOffsetY","circleMarginX","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","focus","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioBulletSize","radioCheckedBulletColor","checkedDisabled","gray","input","disabled","radioDisabledBg","radioDisabledShadow","caption","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","captionDisabled","textColorDisabled","placeholder"],"mappings":"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","sourcesContent":["import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isChrome } from '../../lib/client';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\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-flex;\n      align-items: baseline;\n      line-height: ${t.radioLineHeight};\n      font-size: ${t.radioFontSize};\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        width: ${t.radioSize};\n        flex: 0 0 auto;\n      }\n    `;\n  },\n\n  rootIE11() {\n    return css`\n      display: inline-table;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n\n    const baselineCompensation = getLabGrotesqueBaselineCompensation(fontSize, labGrotesqueCompenstation, isChrome);\n    const circleSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\n    const circleOffsetY = `calc(${t.radioCircleOffsetY} + ${t.radioBorderWidthCompensation} + ${baselineCompensation}px)`;\n    const circleMarginX = 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: ${circleSize};\n      width: ${circleSize};\n      position: absolute;\n      left: 0;\n      margin: ${circleOffsetY} ${circleMarginX} 0;\n      background-color: ${t.radioBgColor};\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      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  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"]}