@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

package/cjs/components/Radio/Radio.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.RadioDataTids = exports.Radio = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.RadioDataTids = exports.Radio = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
@@ -20,7 +20,7 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
 var _SizeDecorator = require("../../lib/size/SizeDecorator");
 
-var _Radio2 = require("./Radio.styles");var _excluded = ["disabled", "warning", "error", "size", "focused", "onMouseOver", "onMouseEnter", "onMouseLeave", "onValueChange"];var _class, _Radio;
+var _Radio2 = require("./Radio.styles");var _excluded = ["disabled", "warning", "error", "size", "focused", "onMouseOver", "onMouseEnter", "onMouseLeave", "onValueChange"];var _class, _Radio;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
 
 
 
@@ -76,7 +76,7 @@ var RadioDataTids = exports.RadioDataTids = {
  */var
 
 
-Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Radio = /*#__PURE__*/function (_React$Component) {function Radio() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Radio = /*#__PURE__*/function (_React$Component) {function Radio() {var _this;(0, _classCallCheck2.default)(this, Radio);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, Radio, [].concat(args));_this.
 
 
 
@@ -165,7 +165,7 @@ Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
 
 
 
-    renderMain = function (props) {var _cx, _cx2;
+    renderMain = function (props) {
       var _props$disabled =
 
 
@@ -177,20 +177,20 @@ Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
 
 
 
-        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,size = props.size,focused = props.focused,onMouseOver = props.onMouseOver,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,onValueChange = props.onValueChange,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+        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,size = props.size,focused = props.focused,onMouseOver = props.onMouseOver,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,onValueChange = props.onValueChange,rest = (0, _objectWithoutProperties2.default)(props, _excluded);
 
       var radioProps = {
-        className: (0, _Emotion.cx)((_cx = {}, _cx[
-        _Radio2.styles.circle(_this.theme)] = true, _cx[
-        _this.getCircleSizeClassName()] = true, _cx[
-        _Radio2.styles.checked(_this.theme)] = _this.props.checked, _cx[
-        _this.getCheckedSizeClassName()] = _this.props.checked, _cx[
-        _Radio2.styles.focus(_this.theme)] = _this.getProps().focused || _this.state.focusedByKeyboard, _cx[
-        _Radio2.styles.error(_this.theme)] = error, _cx[
-        _Radio2.styles.warning(_this.theme)] = warning, _cx[
-        _Radio2.styles.disabled(_this.theme)] = disabled, _cx[
-        _Radio2.styles.checkedDisabled(_this.theme)] = _this.props.checked && disabled, _cx[
-        _Radio2.globalClasses.circle] = true, _cx)
+        className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+        _Radio2.styles.circle(_this.theme), true),
+        _this.getCircleSizeClassName(), true),
+        _Radio2.styles.checked(_this.theme), _this.props.checked),
+        _this.getCheckedSizeClassName(), _this.props.checked),
+        _Radio2.styles.focus(_this.theme), _this.getProps().focused || _this.state.focusedByKeyboard),
+        _Radio2.styles.error(_this.theme), error),
+        _Radio2.styles.warning(_this.theme), warning),
+        _Radio2.styles.disabled(_this.theme), disabled),
+        _Radio2.styles.checkedDisabled(_this.theme), _this.props.checked && disabled),
+        _Radio2.globalClasses.circle, true)
         )
       };
 
@@ -199,8 +199,8 @@ Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
         value = _this.props.value;
       }
 
-      var inputProps = (0, _extends2.default)({},
-      rest, {
+      var inputProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({},
+      rest), {}, {
         type: 'radio',
         className: _Radio2.styles.input(),
         disabled: disabled,
@@ -213,9 +213,9 @@ Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
 
 
       var labelProps = {
-        className: (0, _Emotion.cx)(_Radio2.styles.root(_this.theme), _this.getRootSizeClassName(), (_cx2 = {}, _cx2[
-        _Radio2.styles.rootChecked(_this.theme)] = _this.props.checked, _cx2[
-        _Radio2.styles.rootIE11()] = _client.isIE11 || _client.isEdge, _cx2)
+        className: (0, _Emotion.cx)(_Radio2.styles.root(_this.theme), _this.getRootSizeClassName(), (0, _defineProperty2.default)((0, _defineProperty2.default)({},
+        _Radio2.styles.rootChecked(_this.theme), _this.props.checked),
+        _Radio2.styles.rootIE11(), _client.isIE11 || _client.isEdge)
         ),
         onMouseOver: _this.handleMouseOver,
         onMouseEnter: _this.handleMouseEnter,
@@ -223,19 +223,19 @@ Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
         onClick: (0, _fixFirefoxModifiedClickOnLabel.fixFirefoxModifiedClickOnLabel)(_this.inputEl)
       };
 
-      if (_this._isInRadioGroup()) {var _cx3, _cx4;
+      if (_this._isInRadioGroup()) {
         var checked = _this.props.value === _this.context.activeItem;
         inputProps.checked = checked;
         inputProps.name = _this.context.name;
         inputProps.suppressHydrationWarning = true;
-        labelProps.className = (0, _Emotion.cx)(_Radio2.styles.root(_this.theme), _this.getRootSizeClassName(), (_cx3 = {}, _cx3[
-        _Radio2.styles.rootChecked(_this.theme)] = checked, _cx3[
-        _Radio2.styles.rootIE11()] = _client.isIE11 || _client.isEdge, _cx3)
+        labelProps.className = (0, _Emotion.cx)(_Radio2.styles.root(_this.theme), _this.getRootSizeClassName(), (0, _defineProperty2.default)((0, _defineProperty2.default)({},
+        _Radio2.styles.rootChecked(_this.theme), checked),
+        _Radio2.styles.rootIE11(), _client.isIE11 || _client.isEdge)
         );
-        radioProps.className = (0, _Emotion.cx)(radioProps.className, (_cx4 = {}, _cx4[
-        _Radio2.styles.checked(_this.theme)] = checked, _cx4[
-        _this.getCheckedSizeClassName()] = checked, _cx4[
-        _Radio2.styles.checkedDisabled(_this.theme)] = checked && disabled, _cx4)
+        radioProps.className = (0, _Emotion.cx)(radioProps.className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+        _Radio2.styles.checked(_this.theme), checked),
+        _this.getCheckedSizeClassName(), checked),
+        _Radio2.styles.checkedDisabled(_this.theme), checked && disabled)
         );
       }
 
@@ -264,33 +264,33 @@ Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
 
 
 
-    handleChange = function (e) {
-      _this.props.onValueChange == null || _this.props.onValueChange(_this.props.value);
+    handleChange = function (e) {var _this$props$onValueCh, _this$props, _this$props$onChange, _this$props2;
+      (_this$props$onValueCh = (_this$props = _this.props).onValueChange) === null || _this$props$onValueCh === void 0 || _this$props$onValueCh.call(_this$props, _this.props.value);
 
       if (_this._isInRadioGroup()) {
         _this.context.onSelect(_this.props.value);
       }
 
-      _this.props.onChange == null || _this.props.onChange(e);
+      (_this$props$onChange = (_this$props2 = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props2, e);
     };_this.
 
-    handleMouseOver = function (e) {
-      _this.props.onMouseOver == null || _this.props.onMouseOver(e);
+    handleMouseOver = function (e) {var _this$props$onMouseOv, _this$props3;
+      (_this$props$onMouseOv = (_this$props3 = _this.props).onMouseOver) === null || _this$props$onMouseOv === void 0 || _this$props$onMouseOv.call(_this$props3, e);
     };_this.
 
-    handleMouseEnter = function (e) {
-      _this.props.onMouseEnter == null || _this.props.onMouseEnter(e);
+    handleMouseEnter = function (e) {var _this$props$onMouseEn, _this$props4;
+      (_this$props$onMouseEn = (_this$props4 = _this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props4, e);
     };_this.
 
-    handleMouseLeave = function (e) {
-      _this.props.onMouseLeave == null || _this.props.onMouseLeave(e);
+    handleMouseLeave = function (e) {var _this$props$onMouseLe, _this$props5;
+      (_this$props$onMouseLe = (_this$props5 = _this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props5, e);
     };_this.
 
     handleFocus = function (e) {
-      if (!_this.context.disabled) {
+      if (!_this.context.disabled) {var _globalObject$request;
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
+        (_globalObject$request = _globalObject.globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(_globalObject.globalObject, function () {
           if (_keyListener.keyListener.isArrowPressed || _keyListener.keyListener.isTabPressed) {
             _this.setState({ focusedByKeyboard: true });
           }
@@ -304,11 +304,11 @@ Radio = exports.Radio = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
 
     resetFocus = function () {return _this.setState({ focusedByKeyboard: false });};_this.
 
-    handleBlur = function (e) {
+    handleBlur = function (e) {var _this$props$onBlur, _this$props6;
       _this.resetFocus();
-      _this.props.onBlur == null || _this.props.onBlur(e);
-    };return _this;}(0, _inheritsLoose2.default)(Radio, _React$Component);var _proto = Radio.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.size) {case 'large':return _Radio2.styles.rootLarge(this.theme);case 'medium':return _Radio2.styles.rootMedium(this.theme);case 'small':default:return _Radio2.styles.rootSmall(this.theme);}};_proto.getCircleSizeClassName = function getCircleSizeClassName() {switch (this.size) {case 'large':return _Radio2.styles.circleLarge(this.theme);case 'medium':return _Radio2.styles.circleMedium(this.theme);case 'small':default:return _Radio2.styles.circleSmall(this.theme);}};_proto.getCheckedSizeClassName = function getCheckedSizeClassName() {switch (this.size) {case 'large':return _Radio2.styles.checkedLarge(this.theme);case 'medium':return _Radio2.styles.checkedMedium(this.theme);case 'small':default:return _Radio2.styles.checkedSmall(this.theme);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});} /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
-   * @public
-   */;_proto.focus = function focus() {var _this$inputEl$current;_keyListener.keyListener.isTabPressed = true;(_this$inputEl$current = this.inputEl.current) == null || _this$inputEl$current.focus();} /** Программно снимает фокус с радиокнопки.
-   * @public
-   */;_proto.blur = function blur() {var _this$inputEl$current2;(_this$inputEl$current2 = this.inputEl.current) == null || _this$inputEl$current2.blur();};_proto.renderCaption = function renderCaption() {var _cx5;var captionClassNames = (0, _Emotion.cx)((_cx5 = {}, _cx5[_Radio2.styles.caption(this.theme)] = true, _cx5[_Radio2.styles.captionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled), _cx5[_Radio2.styles.captionIE11()] = _client.isIE11 || _client.isEdge, _cx5));return /*#__PURE__*/_react.default.createElement("div", { className: captionClassNames }, this.props.children);};return Radio;}(_react.default.Component), _Radio.__KONTUR_REACT_UI__ = 'Radio', _Radio.displayName = 'Radio', _Radio.defaultProps = { focused: false }, _Radio.contextType = _RadioGroupContext.RadioGroupContext, _Radio)) || _class) || _class;
+      (_this$props$onBlur = (_this$props6 = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props6, e);
+    };return _this;}(0, _inherits2.default)(Radio, _React$Component);return (0, _createClass2.default)(Radio, [{ key: "getRootSizeClassName", value: function getRootSizeClassName() {switch (this.size) {case 'large':return _Radio2.styles.rootLarge(this.theme);case 'medium':return _Radio2.styles.rootMedium(this.theme);case 'small':default:return _Radio2.styles.rootSmall(this.theme);}} }, { key: "getCircleSizeClassName", value: function getCircleSizeClassName() {switch (this.size) {case 'large':return _Radio2.styles.circleLarge(this.theme);case 'medium':return _Radio2.styles.circleMedium(this.theme);case 'small':default:return _Radio2.styles.circleSmall(this.theme);}} }, { key: "getCheckedSizeClassName", value: function getCheckedSizeClassName() {switch (this.size) {case 'large':return _Radio2.styles.checkedLarge(this.theme);case 'medium':return _Radio2.styles.checkedMedium(this.theme);case 'small':default:return _Radio2.styles.checkedSmall(this.theme);}} }, { key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});} /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
+     */ }, { key: "focus", value: function focus() {var _this$inputEl$current;_keyListener.keyListener.isTabPressed = true;(_this$inputEl$current = this.inputEl.current) === null || _this$inputEl$current === void 0 || _this$inputEl$current.focus();} /** Программно снимает фокус с радиокнопки.
+     * @public
+     */ }, { key: "blur", value: function blur() {var _this$inputEl$current2;(_this$inputEl$current2 = this.inputEl.current) === null || _this$inputEl$current2 === void 0 || _this$inputEl$current2.blur();} }, { key: "renderCaption", value: function renderCaption() {var captionClassNames = (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Radio2.styles.caption(this.theme), true), _Radio2.styles.captionDisabled(this.theme), !!(this.props.disabled || this.context.disabled)), _Radio2.styles.captionIE11(), _client.isIE11 || _client.isEdge));return /*#__PURE__*/_react.default.createElement("div", { className: captionClassNames }, this.props.children);} }]);}(_react.default.Component), _Radio.__KONTUR_REACT_UI__ = 'Radio', _Radio.displayName = 'Radio', _Radio.defaultProps = { focused: false }, _Radio.contextType = _RadioGroupContext.RadioGroupContext, _Radio)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_CommonWrapper","_Emotion","_keyListener","_rootNode","_fixFirefoxModifiedClickOnLabel","_client","_RadioGroupContext","_createPropsGetter","_FocusControlWrapper","_SizeDecorator","_Radio2","_excluded","_class","_Radio","RadioDataTids","exports","root","Radio","rootNode","withSize","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","createPropsGetter","defaultProps","context","inputEl","React","createRef","renderMain","props","_cx","_cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose2","default","radioProps","className","cx","styles","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","globalClasses","value","inputProps","_extends2","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","isIE11","isEdge","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","fixFirefoxModifiedClickOnLabel","_isInRadioGroup","_cx3","_cx4","activeItem","name","suppressHydrationWarning","createElement","FocusControlWrapper","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","globalObject","requestAnimationFrame","keyListener","isArrowPressed","isTabPressed","setState","_inheritsLoose2","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_cx5","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType","RadioGroupContext"],"sources":["Radio.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, globalClasses } from './Radio.styles';\n\nexport interface RadioProps<T>\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Меняет визуальное отображение поля на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n        error?: boolean;\n\n        /** Меняет визуальное отображение поля на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n        warning?: boolean;\n\n        /** Размер радиокнопки. */\n        size?: SizeProp;\n\n        /** Задаёт состояние фокуса. */\n        focused?: boolean;\n\n        /** Задаёт функцию, которая вызывается при изменении `value`. */\n        onValueChange?: (value: T) => void;\n\n        /** Задает HTML-событие `onmouseenter`.\n         * @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseleave`.\n         * @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseover`.\n         * @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\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\ntype DefaultProps = Required<Pick<RadioProps<any>, 'focused'>>;\n\n/** Радиокнопка позволяет выбрать одно значение из нескольких. Подходит при небольшом количестве вариантов — 2–5.\n *\n * Для создания группы радиокнопок используйте специальный контейнер — компонент [RadioGroup](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radiogroup--docs).\n */\n@rootNode\n@withSize\nexport class Radio<T> extends React.Component<RadioProps<T>, RadioState> {\n  public static __KONTUR_REACT_UI__ = 'Radio';\n  public static displayName = 'Radio';\n\n  public state = {\n    focusedByKeyboard: false,\n  };\n\n  public static defaultProps: DefaultProps = {\n    focused: false,\n  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n  private size!: SizeProp;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.circleLarge(this.theme);\n      case 'medium':\n        return styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.checkedLarge(this.theme);\n      case 'medium':\n        return styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return styles.checkedSmall(this.theme);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\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      size,\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        [this.getCircleSizeClassName()]: true,\n        [styles.checked(this.theme)]: this.props.checked,\n        [this.getCheckedSizeClassName()]: this.props.checked,\n        [styles.focus(this.theme)]: this.getProps().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), this.getRootSizeClassName(), {\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), this.getRootSizeClassName(), {\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        [this.getCheckedSizeClassName()]: checked,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n      });\n    }\n\n    return (\n      <label data-tid={RadioDataTids.root} {...labelProps}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} />\n        </FocusControlWrapper>\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      globalObject.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 resetFocus = () => this.setState({ focusedByKeyboard: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_CommonWrapper","_Emotion","_keyListener","_rootNode","_fixFirefoxModifiedClickOnLabel","_client","_RadioGroupContext","_createPropsGetter","_FocusControlWrapper","_SizeDecorator","_Radio2","_excluded","_class","_Radio","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","RadioDataTids","exports","root","Radio","rootNode","withSize","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","state","focusedByKeyboard","getProps","createPropsGetter","defaultProps","context","inputEl","React","createRef","renderMain","props","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutProperties2","radioProps","className","cx","_defineProperty2","styles","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","globalClasses","value","inputProps","_objectSpread2","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","isIE11","isEdge","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","fixFirefoxModifiedClickOnLabel","_isInRadioGroup","activeItem","name","suppressHydrationWarning","createElement","_extends2","FocusControlWrapper","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","_this$props$onValueCh","_this$props","_this$props$onChange","_this$props2","call","onSelect","_this$props$onMouseOv","_this$props3","_this$props$onMouseEn","_this$props4","_this$props$onMouseLe","_this$props5","_globalObject$request","globalObject","requestAnimationFrame","keyListener","isArrowPressed","isTabPressed","setState","_this$props$onBlur","_this$props6","_inherits2","_createClass2","key","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType","RadioGroupContext"],"sources":["Radio.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, globalClasses } from './Radio.styles';\n\nexport interface RadioProps<T>\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Меняет визуальное отображение поля на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n        error?: boolean;\n\n        /** Меняет визуальное отображение поля на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n        warning?: boolean;\n\n        /** Размер радиокнопки. */\n        size?: SizeProp;\n\n        /** Задаёт состояние фокуса. */\n        focused?: boolean;\n\n        /** Задаёт функцию, которая вызывается при изменении `value`. */\n        onValueChange?: (value: T) => void;\n\n        /** Задает HTML-событие `onmouseenter`.\n         * @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseleave`.\n         * @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseover`.\n         * @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\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\ntype DefaultProps = Required<Pick<RadioProps<any>, 'focused'>>;\n\n/** Радиокнопка позволяет выбрать одно значение из нескольких. Подходит при небольшом количестве вариантов — 2–5.\n *\n * Для создания группы радиокнопок используйте специальный контейнер — компонент [RadioGroup](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radiogroup--docs).\n */\n@rootNode\n@withSize\nexport class Radio<T> extends React.Component<RadioProps<T>, RadioState> {\n  public static __KONTUR_REACT_UI__ = 'Radio';\n  public static displayName = 'Radio';\n\n  public state = {\n    focusedByKeyboard: false,\n  };\n\n  public static defaultProps: DefaultProps = {\n    focused: false,\n  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n  private size!: SizeProp;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.circleLarge(this.theme);\n      case 'medium':\n        return styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.checkedLarge(this.theme);\n      case 'medium':\n        return styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return styles.checkedSmall(this.theme);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\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      size,\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        [this.getCircleSizeClassName()]: true,\n        [styles.checked(this.theme)]: this.props.checked,\n        [this.getCheckedSizeClassName()]: this.props.checked,\n        [styles.focus(this.theme)]: this.getProps().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), this.getRootSizeClassName(), {\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), this.getRootSizeClassName(), {\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        [this.getCheckedSizeClassName()]: checked,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n      });\n    }\n\n    return (\n      <label data-tid={RadioDataTids.root} {...labelProps}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} />\n        </FocusControlWrapper>\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      globalObject.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 resetFocus = () => this.setState({ focusedByKeyboard: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Radio/Radio.mixins.js

@@ -1,9 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.radioSizeMixin = exports.radioCheckedMixin = exports.outlineColorMixin = exports.circleSizeMixin = exports.afterOutlineMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.radioSizeMixin = exports.radioCheckedMixin = exports.outlineColorMixin = exports.circleSizeMixin = exports.afterOutlineMixin = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
 var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");
 var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var radioSizeMixin = exports.radioSizeMixin = function radioSizeMixin(fontSize, lineHeight, paddingY, radioSize) {
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " 0;\n    &::before {\n      width: ", ";\n    }\n  "])),
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " 0;\n    &::before {\n      width: ", ";\n    }\n  "])),
   fontSize,
   lineHeight,
   paddingY,
@@ -29,10 +29,10 @@ radioCircleOffsetY)
     _client.isChrome,
     _client.isFirefox
   );
-  var circleSize = "calc(" + radioSize + " - 2 * " + radioBorderWidthCompensation + ")";
-  var circleOffsetY = "calc(" + radioCircleOffsetY + " + " + radioBorderWidthCompensation + " + " + baselineCompensation + "px)";
+  var circleSize = "calc(".concat(radioSize, " - 2 * ").concat(radioBorderWidthCompensation, ")");
+  var circleOffsetY = "calc(".concat(radioCircleOffsetY, " + ").concat(radioBorderWidthCompensation, " + ").concat(baselineCompensation, "px)");
   var circleMarginX = radioBorderWidthCompensation;
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    height: ", ";\n    width: ", ";\n    margin: ", " ", " 0;\n  "])),
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    height: ", ";\n    width: ", ";\n    margin: ", " ", " 0;\n  "])),
   circleSize,
   circleSize,
   circleOffsetY, circleMarginX);
@@ -40,7 +40,7 @@ radioCircleOffsetY)
 };
 
 var radioCheckedMixin = exports.radioCheckedMixin = function radioCheckedMixin(bulletSize) {
-  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &::before {\n      height: ", ";\n      width: ", ";\n    }\n  "])),
+  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    &::before {\n      height: ", ";\n      width: ", ";\n    }\n  "])),
 
   bulletSize,
   bulletSize);
@@ -49,7 +49,7 @@ var radioCheckedMixin = exports.radioCheckedMixin = function radioCheckedMixin(b
 };
 
 var afterOutlineMixin = exports.afterOutlineMixin = function afterOutlineMixin(radioOutlineWidth) {
-  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    content: ' ';\n    position: absolute;\n    top: -", ";\n    bottom: -", ";\n    left: -", ";\n    right: -", ";\n    border-width: ", ";\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  "])),
+  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    content: ' ';\n    position: absolute;\n    top: -", ";\n    bottom: -", ";\n    left: -", ";\n    right: -", ";\n    border-width: ", ";\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  "])),
 
 
   radioOutlineWidth,
@@ -64,7 +64,7 @@ var afterOutlineMixin = exports.afterOutlineMixin = function afterOutlineMixin(r
 };
 
 var outlineColorMixin = exports.outlineColorMixin = function outlineColorMixin(shadow, borderColor) {
-  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    box-shadow: ", ";\n    border-color: ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    box-shadow: ", ";\n    border-color: ", ";\n  "])),
   shadow,
   borderColor);
 

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_getLabGrotesqueBaselineCompensation","_client","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","radioSizeMixin","exports","fontSize","lineHeight","paddingY","radioSize","css","_taggedTemplateLiteralLoose2","default","circleSizeMixin","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","labGrotesqueCompenstation","parseInt","radioFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox","circleSize","circleOffsetY","circleMarginX","radioCheckedMixin","bulletSize","afterOutlineMixin","radioOutlineWidth","outlineColorMixin","shadow","borderColor"],"sources":["Radio.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { isChrome, isFirefox } from '../../lib/client';\n\nexport const radioSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, radioSize: string) => {\n  return css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    padding: ${paddingY} 0;\n    &::before {\n      width: ${radioSize};\n    }\n  `;\n};\n\nexport const circleSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  radioSize: string,\n  radioBorderWidthCompensation: string,\n  radioCircleOffsetY: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const radioFontSize = parseInt(fontSize);\n\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    radioFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n  const circleSize = `calc(${radioSize} - 2 * ${radioBorderWidthCompensation})`;\n  const circleOffsetY = `calc(${radioCircleOffsetY} + ${radioBorderWidthCompensation} + ${baselineCompensation}px)`;\n  const circleMarginX = radioBorderWidthCompensation;\n  return css`\n    height: ${circleSize};\n    width: ${circleSize};\n    margin: ${circleOffsetY} ${circleMarginX} 0;\n  `;\n};\n\nexport const radioCheckedMixin = (bulletSize: string) => {\n  return css`\n    &::before {\n      height: ${bulletSize};\n      width: ${bulletSize};\n    }\n  `;\n};\n\nexport const afterOutlineMixin = (radioOutlineWidth: string) => {\n  return css`\n    content: ' ';\n    position: absolute;\n    top: -${radioOutlineWidth};\n    bottom: -${radioOutlineWidth};\n    left: -${radioOutlineWidth};\n    right: -${radioOutlineWidth};\n    border-width: ${radioOutlineWidth};\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  `;\n};\n\nexport const outlineColorMixin = (shadow: string, borderColor: string) => {\n  return css`\n    box-shadow: ${shadow};\n    border-color: ${borderColor};\n  `;\n};\n"],"mappings":"0YAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,oCAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA,qBAAuD,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEhD,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,SAAiB,EAAK;EAC3G,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;EACKN,QAAQ;EACNC,UAAU;EACdC,QAAQ;;EAERC,SAAS;;;AAGxB,CAAC;;AAEM,IAAMI,eAAe,GAAAR,OAAA,CAAAQ,eAAA,GAAG,SAAlBA,eAAeA;AAC1BC,gCAAwC;AACxCR,QAAgB;AAChBG,SAAiB;AACjBM,4BAAoC;AACpCC,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,aAAa,GAAGD,QAAQ,CAACZ,QAAQ,CAAC;;EAExC,IAAMc,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,aAAa;IACbF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;EACD,IAAMC,UAAU,aAAWf,SAAS,eAAUM,4BAA4B,MAAG;EAC7E,IAAMU,aAAa,aAAWT,kBAAkB,WAAMD,4BAA4B,WAAMK,oBAAoB,QAAK;EACjH,IAAMM,aAAa,GAAGX,4BAA4B;EAClD,WAAOL,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;EACEY,UAAU;EACXA,UAAU;EACTC,aAAa,EAAIC,aAAa;;AAE5C,CAAC;;AAEM,IAAMC,iBAAiB,GAAAtB,OAAA,CAAAsB,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,UAAkB,EAAK;EACvD,WAAOlB,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;EAEIgB,UAAU;EACXA,UAAU;;;AAGzB,CAAC;;AAEM,IAAMC,iBAAiB,GAAAxB,OAAA,CAAAwB,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,iBAAyB,EAAK;EAC9D,WAAOpB,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGAkB,iBAAiB;EACdA,iBAAiB;EACnBA,iBAAiB;EAChBA,iBAAiB;EACXA,iBAAiB;;;;;AAKrC,CAAC;;AAEM,IAAMC,iBAAiB,GAAA1B,OAAA,CAAA0B,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,MAAc,EAAEC,WAAmB,EAAK;EACxE,WAAOvB,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;EACMoB,MAAM;EACJC,WAAW;;AAE/B,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_getLabGrotesqueBaselineCompensation","_client","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","radioSizeMixin","exports","fontSize","lineHeight","paddingY","radioSize","css","_taggedTemplateLiteral2","default","circleSizeMixin","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","labGrotesqueCompenstation","parseInt","radioFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox","circleSize","concat","circleOffsetY","circleMarginX","radioCheckedMixin","bulletSize","afterOutlineMixin","radioOutlineWidth","outlineColorMixin","shadow","borderColor"],"sources":["Radio.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { isChrome, isFirefox } from '../../lib/client';\n\nexport const radioSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, radioSize: string) => {\n  return css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    padding: ${paddingY} 0;\n    &::before {\n      width: ${radioSize};\n    }\n  `;\n};\n\nexport const circleSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  radioSize: string,\n  radioBorderWidthCompensation: string,\n  radioCircleOffsetY: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const radioFontSize = parseInt(fontSize);\n\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    radioFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n  const circleSize = `calc(${radioSize} - 2 * ${radioBorderWidthCompensation})`;\n  const circleOffsetY = `calc(${radioCircleOffsetY} + ${radioBorderWidthCompensation} + ${baselineCompensation}px)`;\n  const circleMarginX = radioBorderWidthCompensation;\n  return css`\n    height: ${circleSize};\n    width: ${circleSize};\n    margin: ${circleOffsetY} ${circleMarginX} 0;\n  `;\n};\n\nexport const radioCheckedMixin = (bulletSize: string) => {\n  return css`\n    &::before {\n      height: ${bulletSize};\n      width: ${bulletSize};\n    }\n  `;\n};\n\nexport const afterOutlineMixin = (radioOutlineWidth: string) => {\n  return css`\n    content: ' ';\n    position: absolute;\n    top: -${radioOutlineWidth};\n    bottom: -${radioOutlineWidth};\n    left: -${radioOutlineWidth};\n    right: -${radioOutlineWidth};\n    border-width: ${radioOutlineWidth};\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  `;\n};\n\nexport const outlineColorMixin = (shadow: string, borderColor: string) => {\n  return css`\n    box-shadow: ${shadow};\n    border-color: ${borderColor};\n  `;\n};\n"],"mappings":"oaAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,oCAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA,qBAAuD,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEhD,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,SAAiB,EAAK;EAC3G,WAAOC,YAAG,EAAAX,eAAA,KAAAA,eAAA,OAAAY,uBAAA,CAAAC,OAAA;EACKN,QAAQ;EACNC,UAAU;EACdC,QAAQ;;EAERC,SAAS;;;AAGxB,CAAC;;AAEM,IAAMI,eAAe,GAAAR,OAAA,CAAAQ,eAAA,GAAG,SAAlBA,eAAeA;AAC1BC,gCAAwC;AACxCR,QAAgB;AAChBG,SAAiB;AACjBM,4BAAoC;AACpCC,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,aAAa,GAAGD,QAAQ,CAACZ,QAAQ,CAAC;;EAExC,IAAMc,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,aAAa;IACbF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;EACD,IAAMC,UAAU,WAAAC,MAAA,CAAWhB,SAAS,aAAAgB,MAAA,CAAUV,4BAA4B,MAAG;EAC7E,IAAMW,aAAa,WAAAD,MAAA,CAAWT,kBAAkB,SAAAS,MAAA,CAAMV,4BAA4B,SAAAU,MAAA,CAAML,oBAAoB,QAAK;EACjH,IAAMO,aAAa,GAAGZ,4BAA4B;EAClD,WAAOL,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA;EACEY,UAAU;EACXA,UAAU;EACTE,aAAa,EAAIC,aAAa;;AAE5C,CAAC;;AAEM,IAAMC,iBAAiB,GAAAvB,OAAA,CAAAuB,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,UAAkB,EAAK;EACvD,WAAOnB,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA;;EAEIiB,UAAU;EACXA,UAAU;;;AAGzB,CAAC;;AAEM,IAAMC,iBAAiB,GAAAzB,OAAA,CAAAyB,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,iBAAyB,EAAK;EAC9D,WAAOrB,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA;;;EAGAmB,iBAAiB;EACdA,iBAAiB;EACnBA,iBAAiB;EAChBA,iBAAiB;EACXA,iBAAiB;;;;;AAKrC,CAAC;;AAEM,IAAMC,iBAAiB,GAAA3B,OAAA,CAAA2B,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,MAAc,EAAEC,WAAmB,EAAK;EACxE,WAAOxB,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,uBAAA,CAAAC,OAAA;EACMqB,MAAM;EACJC,WAAW;;AAE/B,CAAC","ignoreList":[]}