@skbkontur/react-ui 6.4.6 → 6.4.7-25ce4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.css.js","sourceRoot":"","sources":["Radio.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport '../../lib/styles/LabGrotesqueBaseline.css.js';\nimport { prefix } from '../../lib/prefix.js';\nimport { t } from '../../lib/theming/vanilla.js';\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  disabledTextColorMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n  subcaptionMixin,\n} from './Radio.mixins.js';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const root = style({\n  cursor: 'pointer',\n  position: 'relative',\n  whiteSpace: 'nowrap',\n  display: 'inline-flex',\n  alignItems: 'baseline',\n});\n\nexport const rootSmall = style(radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall));\n\nexport const rootMedium = style(radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium));\n\nexport const rootLarge = style(radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge));\n\nexport const rootChecked = style({});\n\nexport const circle = style({\n  backgroundImage: t.radioBgImage,\n  borderRadius: '50%',\n  border: t.radioBorder,\n  boxShadow: t.radioBoxShadow,\n  boxSizing: 'border-box',\n  display: 'inline-block',\n  position: 'absolute',\n  left: 0,\n  backgroundColor: t.radioBgColor,\n});\n\nexport const circleSmall = style(\n  circleSizeMixin(\n    t.labGrotesqueBaselineCompensation,\n    t.radioFontSizeSmall,\n    t.radioSizeSmall,\n    t.radioBorderWidthCompensation,\n    t.radioCircleOffsetY,\n  ),\n);\n\nexport const circleMedium = style(\n  circleSizeMixin(\n    t.labGrotesqueBaselineCompensation,\n    t.radioFontSizeMedium,\n    t.radioSizeMedium,\n    t.radioBorderWidthCompensation,\n    t.radioCircleOffsetY,\n  ),\n);\n\nexport const circleLarge = style(\n  circleSizeMixin(\n    t.labGrotesqueBaselineCompensation,\n    t.radioFontSizeLarge,\n    t.radioSizeLarge,\n    t.radioBorderWidthCompensation,\n    t.radioCircleOffsetY,\n  ),\n);\n\nexport const focus = style({});\n\nexport const warning = style({});\n\nexport const error = style({});\n\nexport const checked = style({\n  backgroundColor: t.radioCheckedBgColor,\n  borderColor: t.radioCheckedBorderColor,\n});\n\nexport const checkedSmall = style({});\n\nexport const checkedMedium = style({});\n\nexport const checkedLarge = style({});\n\nexport const checkedDisabled = style({});\n\nexport const input = style({\n  display: 'inline-block',\n  height: 0,\n  opacity: 0,\n  position: 'absolute',\n  width: 0,\n  zIndex: -1,\n});\n\nexport const disabled = style({\n  // !important — перебить hover и active корня\n  background: `${t.radioDisabledBg} !important`,\n  borderColor: `${t.radioDisabledBorderColor} !important`,\n  boxShadow: `${t.radioDisabledShadow} !important`,\n});\n\nexport const caption = style({\n  display: t.radioCaptionDisplay,\n  whiteSpace: 'normal',\n  color: t.radioTextColor,\n});\n\nexport const placeholder = style({ display: 'inline-block' });\n\nexport const captionWrapper = style({\n  display: 'inline-block',\n  paddingLeft: t.radioCaptionGap,\n});\n\nexport const subcaption = style({\n  marginTop: 2,\n  color: t.radioCommentTextColor,\n});\n\nexport const subcaptionSmall = style(subcaptionMixin(t.radioCommentFontSizeSmall, t.radioCommentLineHeightSmall));\n\nexport const subcaptionMedium = style(subcaptionMixin(t.radioCommentFontSizeMedium, t.radioCommentLineHeightMedium));\n\nexport const subcaptionLarge = style(subcaptionMixin(t.radioCommentFontSizeLarge, t.radioCommentLineHeightLarge));\n\n// модификатор — после базовых: в cx(...) он шёл последним; один класс и для подписи, и для подзаголовка\nexport const captionDisabled = style(disabledTextColorMixin(t.textColorDisabled));\n\n// вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion\nconst circleClass = `.${globalClasses.circle}`;\n\nglobalStyle(`${root} ${circleClass}`, {\n  transition: `background ${t.transitionDuration} ${t.transitionTimingFunction}`,\n});\nglobalStyle(`${root}:hover ${circleClass}`, {\n  background: t.radioHoverBg,\n  boxShadow: t.radioHoverShadow,\n});\nglobalStyle(`${root}:active ${circleClass}`, {\n  background: t.radioActiveBg,\n  boxShadow: t.radioActiveShadow,\n});\nglobalStyle(`${root}::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  flex: '0 0 auto',\n});\n\nglobalStyle(`${rootSmall}::before`, { width: t.radioSizeSmall });\nglobalStyle(`${rootMedium}::before`, { width: t.radioSizeMedium });\nglobalStyle(`${rootLarge}::before`, { width: t.radioSizeLarge });\n\nglobalStyle(`${rootChecked}:hover ${circleClass}`, { background: t.radioCheckedHoverBgColor });\n\nglobalStyle(`${focus}::after`, {\n  ...afterOutlineMixin(t.radioOutlineWidth),\n  ...outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus),\n});\nglobalStyle(`${warning}::after`, {\n  ...afterOutlineMixin(t.radioOutlineWidth),\n  ...outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning),\n});\nglobalStyle(`${error}::after`, {\n  ...afterOutlineMixin(t.radioOutlineWidth),\n  ...outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError),\n});\n\nglobalStyle(`${checked}::before`, {\n  content: \"' '\",\n  position: 'absolute',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  margin: 'auto',\n  borderRadius: '50%',\n  background: t.radioCheckedBulletColor,\n});\nglobalStyle(`${checkedSmall}::before`, radioCheckedMixin(t.radioBulletSizeSmall));\nglobalStyle(`${checkedMedium}::before`, radioCheckedMixin(t.radioBulletSizeMedium));\nglobalStyle(`${checkedLarge}::before`, radioCheckedMixin(t.radioBulletSizeLarge));\n\nglobalStyle(`${checkedDisabled}::before`, { background: t.radioCheckedDisabledBulletBg });\n\nexport const styles = {\n  root,\n  rootSmall,\n  rootMedium,\n  rootLarge,\n  rootChecked,\n  circle,\n  circleSmall,\n  circleMedium,\n  circleLarge,\n  focus,\n  warning,\n  error,\n  checked,\n  checkedSmall,\n  checkedMedium,\n  checkedLarge,\n  checkedDisabled,\n  input,\n  disabled,\n  caption,\n  captionDisabled,\n  placeholder,\n  captionWrapper,\n  subcaption,\n  subcaptionDisabled: captionDisabled,\n  subcaptionSmall,\n  subcaptionMedium,\n  subcaptionLarge,\n};\n"]}

package/components/Radio/Radio.d.ts

@@ -57,10 +57,6 @@ export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState>
     getRootNode: TGetRootNode;
     private setRootNode;
     private globalObject;
-    private emotion;
-    private cx;
-    private styles;
-    private theme;
     private keyListener;
     private getRootSizeClassName;
     private getCircleSizeClassName;

package/components/Radio/Radio.js

@@ -45,14 +45,14 @@ import React from 'react';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
 import { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { cx } from '../../lib/cx.js';
 import { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel.js';
 import { KeyListener } from '../../lib/events/keyListener.js';
 import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { rootNode } from '../../lib/rootNode/index.js';
 import { withSize } from '../../lib/size/SizeDecorator.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { RadioGroupContext } from '../RadioGroup/RadioGroupContext.js';
-import { getStyles, globalClasses } from './Radio.styles.js';
+import { styles, globalClasses } from './Radio.css.js';
 export var RadioDataTids = {
     root: 'Radio__root',
 };
@@ -78,16 +78,16 @@ var Radio = /** @class */ (function (_super) {
             var isCheckedByGroup = isInRadioGroup && _this.props.value === _this.context.activeItem;
             var isChecked = isCheckedByGroup || !!_this.props.checked;
             var radioProps = {
-                className: _this.cx((_a = {},
-                    _a[_this.styles.circle(_this.theme)] = true,
+                className: cx((_a = {},
+                    _a[styles.circle] = true,
                     _a[_this.getCircleSizeClassName()] = true,
-                    _a[_this.styles.checked(_this.theme)] = isChecked,
+                    _a[styles.checked] = isChecked,
                     _a[_this.getCheckedSizeClassName()] = isChecked,
-                    _a[_this.styles.focus(_this.theme)] = isFocused,
-                    _a[_this.styles.error(_this.theme)] = error,
-                    _a[_this.styles.warning(_this.theme)] = warning,
-                    _a[_this.styles.disabled(_this.theme)] = disabled,
-                    _a[_this.styles.checkedDisabled(_this.theme)] = isChecked && disabled,
+                    _a[styles.focus] = isFocused,
+                    _a[styles.error] = error,
+                    _a[styles.warning] = warning,
+                    _a[styles.disabled] = disabled,
+                    _a[styles.checkedDisabled] = isChecked && disabled,
                     _a[globalClasses.circle] = true,
                     _a)),
             };
@@ -95,7 +95,7 @@ var Radio = /** @class */ (function (_super) {
             if (typeof _this.props.value === 'string' || typeof _this.props.value === 'number') {
                 value = _this.props.value;
             }
-            var inputProps = __assign(__assign(__assign({}, rest), { type: 'radio', className: _this.styles.input(), disabled: disabled, tabIndex: _this.props.tabIndex, value: value, ref: _this.inputEl, onChange: _this.handleChange, onFocus: _this.handleFocus, onBlur: _this.handleBlur }), (isInRadioGroup
+            var inputProps = __assign(__assign(__assign({}, rest), { type: 'radio', className: styles.input, disabled: disabled, tabIndex: _this.props.tabIndex, value: value, ref: _this.inputEl, onChange: _this.handleChange, onFocus: _this.handleFocus, onBlur: _this.handleBlur }), (isInRadioGroup
                 ? {
                     checked: isCheckedByGroup,
                     name: _this.context.name,
@@ -103,8 +103,8 @@ var Radio = /** @class */ (function (_super) {
                 }
                 : {}));
             var labelProps = {
-                className: _this.cx(_this.styles.root(_this.theme), _this.getRootSizeClassName(), (_b = {},
-                    _b[_this.styles.rootChecked(_this.theme)] = isChecked,
+                className: cx(styles.root, _this.getRootSizeClassName(), (_b = {},
+                    _b[styles.rootChecked] = isChecked,
                     _b)),
                 onMouseOver: _this.handleMouseOver,
                 onMouseEnter: _this.handleMouseEnter,
@@ -115,8 +115,8 @@ var Radio = /** @class */ (function (_super) {
                 React.createElement(FocusControlWrapper, { onBlurWhenDisabled: _this.resetFocus },
                     React.createElement("input", __assign({}, inputProps))),
                 React.createElement("span", __assign({}, radioProps),
-                    React.createElement("span", { className: _this.styles.placeholder() })),
-                _this.props.children && (React.createElement("div", { className: _this.styles.captionWrapper(_this.theme) },
+                    React.createElement("span", { className: styles.placeholder })),
+                _this.props.children && (React.createElement("div", { className: styles.captionWrapper },
                     _this.renderCaption(),
                     _this.props.comment && _this.renderComment()))));
         };
@@ -168,46 +168,41 @@ var Radio = /** @class */ (function (_super) {
     Radio.prototype.getRootSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.rootLarge(this.theme);
+                return styles.rootLarge;
             case 'medium':
-                return this.styles.rootMedium(this.theme);
+                return styles.rootMedium;
             case 'small':
             default:
-                return this.styles.rootSmall(this.theme);
+                return styles.rootSmall;
         }
     };
     Radio.prototype.getCircleSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.circleLarge(this.theme);
+                return styles.circleLarge;
             case 'medium':
-                return this.styles.circleMedium(this.theme);
+                return styles.circleMedium;
             case 'small':
             default:
-                return this.styles.circleSmall(this.theme);
+                return styles.circleSmall;
         }
     };
     Radio.prototype.getCheckedSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.checkedLarge(this.theme);
+                return styles.checkedLarge;
             case 'medium':
-                return this.styles.checkedMedium(this.theme);
+                return styles.checkedMedium;
             case 'small':
             default:
-                return this.styles.checkedSmall(this.theme);
+                return styles.checkedSmall;
         }
     };
     Radio.prototype.componentDidMount = function () {
         this.keyListener = new KeyListener(this.globalObject);
     };
     Radio.prototype.render = function () {
-        var _this = this;
-        this.styles = getStyles(this.emotion);
-        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
-            _this.theme = theme;
-            return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.getProps()), _this.renderMain));
-        }));
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain));
     };
     /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
@@ -226,27 +221,27 @@ var Radio = /** @class */ (function (_super) {
     };
     Radio.prototype.renderCaption = function () {
         var _a;
-        var captionClassNames = this.cx((_a = {},
-            _a[this.styles.caption(this.theme)] = true,
-            _a[this.styles.captionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled),
+        var captionClassNames = cx((_a = {},
+            _a[styles.caption] = true,
+            _a[styles.captionDisabled] = !!(this.props.disabled || this.context.disabled),
             _a));
         return React.createElement("div", { className: captionClassNames }, this.props.children);
     };
     Radio.prototype.getSubcaptionSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.subcaptionLarge(this.theme);
+                return styles.subcaptionLarge;
             case 'medium':
-                return this.styles.subcaptionMedium(this.theme);
+                return styles.subcaptionMedium;
             case 'small':
             default:
-                return this.styles.subcaptionSmall(this.theme);
+                return styles.subcaptionSmall;
         }
     };
     Radio.prototype.renderComment = function () {
         var _a;
-        return (React.createElement("div", { className: this.cx(this.styles.subcaption(this.theme), this.getSubcaptionSizeClassName(), (_a = {},
-                _a[this.styles.subcaptionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled),
+        return (React.createElement("div", { className: cx(styles.subcaption, this.getSubcaptionSizeClassName(), (_a = {},
+                _a[styles.subcaptionDisabled] = !!(this.props.disabled || this.context.disabled),
                 _a)) }, this.props.comment));
     };
     var Radio_1;

package/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,oDAAoD,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAgD7D,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,aAAa;CACX,CAAC;AAIX;;;GAGG;AAIH;IAA8B,yBAA0C;IAAxE;;QAIS,WAAK,GAAG;YACb,iBAAiB,EAAE,KAAK;SACzB,CAAC;QAMM,cAAQ,GAAG,iBAAiB,CAAC,OAAK,CAAC,YAAY,CAAC,CAAC;QAGlD,aAAO,GAA6B,KAAI,CAAC,OAAO,CAAC;QAGhD,aAAO,GAAG,KAAK,CAAC,SAAS,EAAoB,CAAC;QAkF/C,gBAAU,GAAG,UAAC,KAA4C;;YAE7D,IAAA,KAUE,KAAK,SAVyB,EAAhC,QAAQ,mBAAG,KAAI,CAAC,OAAO,CAAC,QAAQ,KAAA,EAChC,KASE,KAAK,QATuB,EAA9B,OAAO,mBAAG,KAAI,CAAC,OAAO,CAAC,OAAO,KAAA,EAC9B,KAQE,KAAK,MARmB,EAA1B,KAAK,mBAAG,KAAI,CAAC,OAAO,CAAC,KAAK,KAAA,EAC1B,IAAI,GAOF,KAAK,KAPH,EACJ,OAAO,GAML,KAAK,QANA,EACP,WAAW,GAKT,KAAK,YALI,EACX,YAAY,GAIV,KAAK,aAJK,EACZ,YAAY,GAGV,KAAK,aAHK,EACZ,aAAa,GAEX,KAAK,cAFM,EACV,IAAI,UACL,KAAK,EAXH,mHAWL,CADQ,CACC;YAEV,IAAM,SAAS,GAAG,KAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,IAAI,KAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;YAC1E,IAAM,cAAc,GAAG,KAAI,CAAC,eAAe,EAAE,CAAC;YAC9C,IAAM,gBAAgB,GAAG,cAAc,IAAI,KAAI,CAAC,KAAK,CAAC,KAAK,KAAK,KAAI,CAAC,OAAO,CAAC,UAAU,CAAC;YACxF,IAAM,SAAS,GAAG,gBAAgB,IAAI,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YAE3D,IAAM,UAAU,GAAG;gBACjB,SAAS,EAAE,KAAI,CAAC,EAAE;oBAChB,GAAC,KAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,IAAI;oBACtC,GAAC,KAAI,CAAC,sBAAsB,EAAE,IAAG,IAAI;oBACrC,GAAC,KAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,SAAS;oBAC5C,GAAC,KAAI,CAAC,uBAAuB,EAAE,IAAG,SAAS;oBAC3C,GAAC,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,SAAS;oBAC1C,GAAC,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,KAAK;oBACtC,GAAC,KAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,OAAO;oBAC1C,GAAC,KAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,QAAQ;oBAC5C,GAAC,KAAI,CAAC,MAAM,CAAC,eAAe,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,SAAS,IAAI,QAAQ;oBAChE,GAAC,aAAa,CAAC,MAAM,IAAG,IAAI;wBAC5B;aACH,CAAC;YAEF,IAAI,KAAkC,CAAC;YACvC,IAAI,OAAO,KAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACjF,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAC3B,CAAC;YAED,IAAM,UAAU,kCACX,IAAI,KACP,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,KAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAC9B,QAAQ,UAAA,EACR,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,KAAK,OAAA,EACL,GAAG,EAAE,KAAI,CAAC,OAAO,EACjB,QAAQ,EAAE,KAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,KAAI,CAAC,WAAW,EACzB,MAAM,EAAE,KAAI,CAAC,UAAU,KACpB,CAAC,cAAc;gBAChB,CAAC,CAAC;oBACE,OAAO,EAAE,gBAAgB;oBACzB,IAAI,EAAE,KAAI,CAAC,OAAO,CAAC,IAAI;oBACvB,wBAAwB,EAAE,IAAI;iBAC/B;gBACH,CAAC,CAAC,EAAE,CAAC,CACR,CAAC;YAEF,IAAM,UAAU,GAAG;gBACjB,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,EAAE,KAAI,CAAC,oBAAoB,EAAE;oBAC1E,GAAC,KAAI,CAAC,MAAM,CAAC,WAAW,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,SAAS;wBAChD;gBACF,WAAW,EAAE,KAAI,CAAC,eAAe;gBACjC,YAAY,EAAE,KAAI,CAAC,gBAAgB;gBACnC,YAAY,EAAE,KAAI,CAAC,gBAAgB;gBACnC,OAAO,EAAE,8BAA8B,CAAC,KAAI,CAAC,OAAO,CAAC;aACtD,CAAC;YAEF,OAAO,CACL,oDAAiB,aAAa,CAAC,IAAI,IAAM,UAAU;gBACjD,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,KAAI,CAAC,UAAU;oBACtD,0CAAW,UAAU,EAAI,CACL;gBACtB,yCAAU,UAAU;oBAClB,8BAAM,SAAS,EAAE,KAAI,CAAC,MAAM,CAAC,WAAW,EAAE,GAAI,CACzC;gBACN,KAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CACtB,6BAAK,SAAS,EAAE,KAAI,CAAC,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC;oBACnD,KAAI,CAAC,aAAa,EAAE;oBACpB,KAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAI,CAAC,aAAa,EAAE,CACvC,CACP,CACK,CACT,CAAC;QACJ,CAAC,CAAC;QAEM,qBAAe,GAAG,cAAM,OAAA,OAAO,CAAC,KAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAA1B,CAA0B,CAAC;QAmCnD,kBAAY,GAA+C,UAAC,CAAC;;YACnE,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,aAAa,mDAAG,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAE7C,IAAI,KAAI,CAAC,eAAe,EAAE,EAAE,CAAC;gBAC3B,KAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1C,CAAC;YAED,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,CAAC,CAAC,CAAC;QAC3B,CAAC,CAAC;QAEM,qBAAe,GAA8C,UAAC,CAAC;;YACrE,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,WAAW,mDAAG,CAAC,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEM,sBAAgB,GAA8C,UAAC,CAAC;;YACtE,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,YAAY,mDAAG,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEM,sBAAgB,GAA8C,UAAC,CAAC;;YACtE,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,YAAY,mDAAG,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEM,iBAAW,GAAG,UAAC,CAAwB;;YAC7C,IAAI,CAAC,KAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;gBAC3B,iDAAiD;gBACjD,6CAA6C;gBAC7C,MAAA,MAAA,KAAI,CAAC,YAAY,EAAC,qBAAqB,mDAAG;oBACxC,IAAI,KAAI,CAAC,WAAW,CAAC,cAAc,IAAI,KAAI,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC;wBACrE,KAAI,CAAC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC7C,CAAC;gBACH,CAAC,CAAC,CAAC;gBAEH,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;oBACvB,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEM,gBAAU,GAAG,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,EAA3C,CAA2C,CAAC;QAE/D,gBAAU,GAAG,UAAC,CAAqC;;YACzD,KAAI,CAAC,UAAU,EAAE,CAAC;YAClB,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,MAAM,mDAAG,CAAC,CAAC,CAAC;QACzB,CAAC,CAAC;;IACJ,CAAC;cA1QY,KAAK;IA4BR,oCAAoB,GAA5B;QACE,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAEO,sCAAsB,GAA9B;QACE,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7C,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAEO,uCAAuB,GAA/B;QACE,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9C,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAEM,iCAAiB,GAAxB;QACE,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC;IAEM,sBAAM,GAAb;QAAA,iBAeC;QAdC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,CACL,oBAAC,aAAa,aAAC,WAAW,EAAE,KAAI,CAAC,WAAW,IAAM,KAAI,CAAC,QAAQ,EAAE,GAC9D,KAAI,CAAC,UAAU,CACF,CACjB,CAAC;QACJ,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,qBAAK,GAAZ;;QACE,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC;QACrC,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IACI,oBAAI,GAAX;;QACE,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;IAC/B,CAAC;IA2FO,6BAAa,GAArB;;QACE,IAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE;YAC/B,GAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;YACvC,GAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;gBAC3F,CAAC;QAEH,OAAO,6BAAK,SAAS,EAAE,iBAAiB,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;IACxE,CAAC;IAEO,0CAA0B,GAAlC;QACE,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjD,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClD,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC;IACH,CAAC;IAEO,6BAAa,GAArB;;QACE,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE;gBACtF,GAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;oBAC9F,IAED,IAAI,CAAC,KAAK,CAAC,OAAO,CACf,CACP,CAAC;IACJ,CAAC;;IA3Na,yBAAmB,GAAG,OAAO,AAAV,CAAW;IAC9B,iBAAW,GAAG,OAAO,AAAV,CAAW;IAMtB,kBAAY,GAAiB;QACzC,OAAO,EAAE,KAAK;KACf,AAFyB,CAExB;IAIY,iBAAW,GAAG,iBAAiB,AAApB,CAAqB;IAdnC,KAAK;QAHjB,qBAAqB;QACrB,QAAQ;QACR,QAAQ;OACI,KAAK,CA0QjB;IAAD,YAAC;CAAA,AA1QD,CAA8B,KAAK,CAAC,SAAS,GA0Q5C;SA1QY,KAAK","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { Override } from '../../typings/utility-types.js';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext.js';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext.js';\nimport { getStyles, globalClasses } from './Radio.styles.js';\n\nexport interface RadioProps<T>\n  extends\n    Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Переводит контрол в состояние ошибки. */\n        error?: boolean;\n\n        /** Переводит контрол в состояние предупреждения. */\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        comment?: React.ReactNode;\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@withRenderEnvironment\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 globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private keyListener!: KeyListener;\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.rootLarge(this.theme);\n      case 'medium':\n        return this.styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.rootSmall(this.theme);\n    }\n  }\n\n  private getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.circleLarge(this.theme);\n      case 'medium':\n        return this.styles.circleMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.circleSmall(this.theme);\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.checkedLarge(this.theme);\n      case 'medium':\n        return this.styles.checkedMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.checkedSmall(this.theme);\n    }\n  }\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\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(): void {\n    this.keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /** Программно снимает фокус с радиокнопки.\n   * @public\n   */\n  public blur(): void {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>): React.JSX.Element => {\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 isFocused = this.getProps().focused || this.state.focusedByKeyboard;\n    const isInRadioGroup = this._isInRadioGroup();\n    const isCheckedByGroup = isInRadioGroup && this.props.value === this.context.activeItem;\n    const isChecked = isCheckedByGroup || !!this.props.checked;\n\n    const radioProps = {\n      className: this.cx({\n        [this.styles.circle(this.theme)]: true,\n        [this.getCircleSizeClassName()]: true,\n        [this.styles.checked(this.theme)]: isChecked,\n        [this.getCheckedSizeClassName()]: isChecked,\n        [this.styles.focus(this.theme)]: isFocused,\n        [this.styles.error(this.theme)]: error,\n        [this.styles.warning(this.theme)]: warning,\n        [this.styles.disabled(this.theme)]: disabled,\n        [this.styles.checkedDisabled(this.theme)]: isChecked && 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: this.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      ...(isInRadioGroup\n        ? {\n            checked: isCheckedByGroup,\n            name: this.context.name,\n            suppressHydrationWarning: true,\n          }\n        : {}),\n    };\n\n    const labelProps = {\n      className: this.cx(this.styles.root(this.theme), this.getRootSizeClassName(), {\n        [this.styles.rootChecked(this.theme)]: isChecked,\n      }),\n      onMouseOver: this.handleMouseOver,\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\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={this.styles.placeholder()} />\n        </span>\n        {this.props.children && (\n          <div className={this.styles.captionWrapper(this.theme)}>\n            {this.renderCaption()}\n            {this.props.comment && this.renderComment()}\n          </div>\n        )}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderCaption() {\n    const captionClassNames = this.cx({\n      [this.styles.caption(this.theme)]: true,\n      [this.styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n    });\n\n    return <div className={captionClassNames}>{this.props.children}</div>;\n  }\n\n  private getSubcaptionSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.subcaptionLarge(this.theme);\n      case 'medium':\n        return this.styles.subcaptionMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.subcaptionSmall(this.theme);\n    }\n  }\n\n  private renderComment() {\n    return (\n      <div\n        className={this.cx(this.styles.subcaption(this.theme), this.getSubcaptionSizeClassName(), {\n          [this.styles.subcaptionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n        })}\n      >\n        {this.props.comment}\n      </div>\n    );\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      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isArrowPressed || this.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"]}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["Radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { cx } from '../../lib/cx.js';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { Override } from '../../typings/utility-types.js';\nimport { RadioGroupContext } from '../RadioGroup/RadioGroupContext.js';\nimport type { RadioGroupContextType } from '../RadioGroup/RadioGroupContext.js';\nimport { styles, globalClasses } from './Radio.css.js';\n\nexport interface RadioProps<T>\n  extends\n    Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Переводит контрол в состояние ошибки. */\n        error?: boolean;\n\n        /** Переводит контрол в состояние предупреждения. */\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        comment?: React.ReactNode;\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@withRenderEnvironment\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 globalObject!: GlobalObject;\n  private keyListener!: KeyListener;\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.rootLarge;\n      case 'medium':\n        return styles.rootMedium;\n      case 'small':\n      default:\n        return styles.rootSmall;\n    }\n  }\n\n  private getCircleSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.circleLarge;\n      case 'medium':\n        return styles.circleMedium;\n      case 'small':\n      default:\n        return styles.circleSmall;\n    }\n  }\n\n  private getCheckedSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.checkedLarge;\n      case 'medium':\n        return styles.checkedMedium;\n      case 'small':\n      default:\n        return styles.checkedSmall;\n    }\n  }\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n  }\n\n  public render(): React.JSX.Element {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus(): void {\n    this.keyListener.isTabPressed = true;\n    this.inputEl.current?.focus();\n  }\n\n  /** Программно снимает фокус с радиокнопки.\n   * @public\n   */\n  public blur(): void {\n    this.inputEl.current?.blur();\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<RadioProps<T>>): React.JSX.Element => {\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 isFocused = this.getProps().focused || this.state.focusedByKeyboard;\n    const isInRadioGroup = this._isInRadioGroup();\n    const isCheckedByGroup = isInRadioGroup && this.props.value === this.context.activeItem;\n    const isChecked = isCheckedByGroup || !!this.props.checked;\n\n    const radioProps = {\n      className: cx({\n        [styles.circle]: true,\n        [this.getCircleSizeClassName()]: true,\n        [styles.checked]: isChecked,\n        [this.getCheckedSizeClassName()]: isChecked,\n        [styles.focus]: isFocused,\n        [styles.error]: error,\n        [styles.warning]: warning,\n        [styles.disabled]: disabled,\n        [styles.checkedDisabled]: isChecked && 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      ...(isInRadioGroup\n        ? {\n            checked: isCheckedByGroup,\n            name: this.context.name,\n            suppressHydrationWarning: true,\n          }\n        : {}),\n    };\n\n    const labelProps = {\n      className: cx(styles.root, this.getRootSizeClassName(), {\n        [styles.rootChecked]: isChecked,\n      }),\n      onMouseOver: this.handleMouseOver,\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onClick: fixFirefoxModifiedClickOnLabel(this.inputEl),\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 && (\n          <div className={styles.captionWrapper}>\n            {this.renderCaption()}\n            {this.props.comment && this.renderComment()}\n          </div>\n        )}\n      </label>\n    );\n  };\n\n  private _isInRadioGroup = () => Boolean(this.context.name);\n\n  private renderCaption() {\n    const captionClassNames = cx({\n      [styles.caption]: true,\n      [styles.captionDisabled]: !!(this.props.disabled || this.context.disabled),\n    });\n\n    return <div className={captionClassNames}>{this.props.children}</div>;\n  }\n\n  private getSubcaptionSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.subcaptionLarge;\n      case 'medium':\n        return styles.subcaptionMedium;\n      case 'small':\n      default:\n        return styles.subcaptionSmall;\n    }\n  }\n\n  private renderComment() {\n    return (\n      <div\n        className={cx(styles.subcaption, this.getSubcaptionSizeClassName(), {\n          [styles.subcaptionDisabled]: !!(this.props.disabled || this.context.disabled),\n        })}\n      >\n        {this.props.comment}\n      </div>\n    );\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      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isArrowPressed || this.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"]}

package/components/Radio/Radio.mixins.d.ts

@@ -1,7 +1,39 @@
-export declare const radioSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, radioSize: string) => string;
-export declare const circleSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, radioSize: string, radioBorderWidthCompensation: string, radioCircleOffsetY: string) => string;
-export declare const radioCheckedMixin: (bulletSize: string) => string;
-export declare const afterOutlineMixin: (radioOutlineWidth: string) => string;
-export declare const outlineColorMixin: (shadow: string, borderColor: string) => string;
-export declare const subcaptionMixin: (fontSize: string, lineHeight: string) => string;
-export declare const disabledTextColorMixin: (textColor: string) => string;
+/** Размер корня; ширину `::before` (`radioSize`) задаёт отдельное вложенное правило. */
+export declare const radioSizeMixin: (fontSize: string, lineHeight: string, paddingY: string) => {
+    fontSize: string;
+    lineHeight: string;
+    padding: string;
+};
+export declare const circleSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, radioSize: string, radioBorderWidthCompensation: string, radioCircleOffsetY: string) => {
+    height: string;
+    width: string;
+    margin: string;
+};
+/** Правило для `::before` отмеченной радиокнопки. */
+export declare const radioCheckedMixin: (bulletSize: string) => {
+    height: string;
+    width: string;
+};
+export declare const afterOutlineMixin: (radioOutlineWidth: string) => {
+    readonly content: "' '";
+    readonly position: "absolute";
+    readonly top: `calc(-1 * ${string})`;
+    readonly bottom: `calc(-1 * ${string})`;
+    readonly left: `calc(-1 * ${string})`;
+    readonly right: `calc(-1 * ${string})`;
+    readonly borderWidth: string;
+    readonly borderStyle: "solid";
+    readonly borderRadius: "50%";
+    readonly boxSizing: "border-box";
+};
+export declare const outlineColorMixin: (shadow: string, borderColor: string) => {
+    boxShadow: string;
+    borderColor: string;
+};
+export declare const subcaptionMixin: (fontSize: string, lineHeight: string) => {
+    fontSize: string;
+    lineHeight: string;
+};
+export declare const disabledTextColorMixin: (textColor: string) => {
+    color: string;
+};

package/components/Radio/Radio.mixins.js

@@ -1,30 +1,44 @@
-import { isChrome, isFirefox } from '../../lib/client.js';
-import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';
-export var radioSizeMixin = function (fontSize, lineHeight, paddingY, radioSize) {
-    return "\n    font-size: ".concat(fontSize, ";\n    line-height: ").concat(lineHeight, ";\n    padding: ").concat(paddingY, " 0;\n    &::before {\n      width: ").concat(radioSize, ";\n    }\n  ");
-};
+import { getLabGrotesqueBaselineCompensationCss } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';
+/** Размер корня; ширину `::before` (`radioSize`) задаёт отдельное вложенное правило. */
+export var radioSizeMixin = function (fontSize, lineHeight, paddingY) { return ({
+    fontSize: fontSize,
+    lineHeight: lineHeight,
+    padding: "".concat(paddingY, " 0"),
+}); };
 export var circleSizeMixin = function (labGrotesqueBaselineCompensation, fontSize, radioSize, radioBorderWidthCompensation, radioCircleOffsetY) {
-    var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
-    var radioFontSize = parseInt(fontSize);
-    var baselineCompensation = getLabGrotesqueBaselineCompensation(radioFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
+    var baselineCompensation = getLabGrotesqueBaselineCompensationCss(fontSize, labGrotesqueBaselineCompensation);
     var circleSize = "calc(".concat(radioSize, " - 2 * ").concat(radioBorderWidthCompensation, ")");
-    var circleOffsetY = "calc(".concat(radioCircleOffsetY, " + ").concat(radioBorderWidthCompensation, " + ").concat(baselineCompensation, "px)");
+    var circleOffsetY = "calc(".concat(radioCircleOffsetY, " + ").concat(radioBorderWidthCompensation, " + ").concat(baselineCompensation, ")");
     var circleMarginX = radioBorderWidthCompensation;
-    return "\n    height: ".concat(circleSize, ";\n    width: ").concat(circleSize, ";\n    margin: ").concat(circleOffsetY, " ").concat(circleMarginX, " 0;\n  ");
-};
-export var radioCheckedMixin = function (bulletSize) {
-    return "\n    &::before {\n      height: ".concat(bulletSize, ";\n      width: ").concat(bulletSize, ";\n    }\n  ");
+    return {
+        height: circleSize,
+        width: circleSize,
+        margin: "".concat(circleOffsetY, " ").concat(circleMarginX, " 0"),
+    };
 };
+/** Правило для `::before` отмеченной радиокнопки. */
+export var radioCheckedMixin = function (bulletSize) { return ({
+    height: bulletSize,
+    width: bulletSize,
+}); };
 export var afterOutlineMixin = function (radioOutlineWidth) {
-    return "\n    content: ' ';\n    position: absolute;\n    top: -".concat(radioOutlineWidth, ";\n    bottom: -").concat(radioOutlineWidth, ";\n    left: -").concat(radioOutlineWidth, ";\n    right: -").concat(radioOutlineWidth, ";\n    border-width: ").concat(radioOutlineWidth, ";\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  ");
-};
-export var outlineColorMixin = function (shadow, borderColor) {
-    return "\n    box-shadow: ".concat(shadow, ";\n    border-color: ").concat(borderColor, ";\n  ");
-};
-export var subcaptionMixin = function (fontSize, lineHeight) {
-    return "\n    font-size: ".concat(fontSize, ";\n    line-height: ").concat(lineHeight, ";\n  ");
-};
-export var disabledTextColorMixin = function (textColor) {
-    return "\n    color: ".concat(textColor, ";\n  ");
+    return ({
+        content: "' '",
+        position: 'absolute',
+        top: "calc(-1 * ".concat(radioOutlineWidth, ")"),
+        bottom: "calc(-1 * ".concat(radioOutlineWidth, ")"),
+        left: "calc(-1 * ".concat(radioOutlineWidth, ")"),
+        right: "calc(-1 * ".concat(radioOutlineWidth, ")"),
+        borderWidth: radioOutlineWidth,
+        borderStyle: 'solid',
+        borderRadius: '50%',
+        boxSizing: 'border-box',
+    });
 };
+export var outlineColorMixin = function (shadow, borderColor) { return ({
+    boxShadow: shadow,
+    borderColor: borderColor,
+}); };
+export var subcaptionMixin = function (fontSize, lineHeight) { return ({ fontSize: fontSize, lineHeight: lineHeight }); };
+export var disabledTextColorMixin = function (textColor) { return ({ color: textColor }); };
 //# sourceMappingURL=Radio.mixins.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.mixins.js","sourceRoot":"","sources":["Radio.mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,mCAAmC,EAAE,MAAM,yDAAyD,CAAC;AAE9G,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,QAAgB,EAAE,UAAkB,EAAE,QAAgB,EAAE,SAAiB;IACtG,OAAO,2BACQ,QAAQ,iCACN,UAAU,6BACd,QAAQ,gDAER,SAAS,iBAErB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,gCAAwC,EACxC,QAAgB,EAChB,SAAiB,EACjB,4BAAoC,EACpC,kBAA0B;IAE1B,IAAM,yBAAyB,GAAG,QAAQ,CAAC,gCAAgC,CAAC,CAAC;IAC7E,IAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEzC,IAAM,oBAAoB,GAAG,mCAAmC,CAC9D,aAAa,EACb,yBAAyB,EACzB,QAAQ,EACR,SAAS,CACV,CAAC;IACF,IAAM,UAAU,GAAG,eAAQ,SAAS,oBAAU,4BAA4B,MAAG,CAAC;IAC9E,IAAM,aAAa,GAAG,eAAQ,kBAAkB,gBAAM,4BAA4B,gBAAM,oBAAoB,QAAK,CAAC;IAClH,IAAM,aAAa,GAAG,4BAA4B,CAAC;IACnD,OAAO,wBACK,UAAU,2BACX,UAAU,4BACT,aAAa,cAAI,aAAa,YACzC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,UAAkB;IAClD,OAAO,2CAEO,UAAU,6BACX,UAAU,iBAEtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,iBAAyB;IACzD,OAAO,kEAGG,iBAAiB,6BACd,iBAAiB,2BACnB,iBAAiB,4BAChB,iBAAiB,kCACX,iBAAiB,0FAIlC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,MAAc,EAAE,WAAmB;IACnE,OAAO,4BACS,MAAM,kCACJ,WAAW,UAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,QAAgB,EAAE,UAAkB;IAClE,OAAO,2BACQ,QAAQ,iCACN,UAAU,UAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,SAAiB;IACtD,OAAO,uBACI,SAAS,UACnB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { isChrome, isFirefox } from '../../lib/client.js';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';\n\nexport const radioSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, radioSize: string): string => {\n  return `\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): string => {\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 `\n    height: ${circleSize};\n    width: ${circleSize};\n    margin: ${circleOffsetY} ${circleMarginX} 0;\n  `;\n};\n\nexport const radioCheckedMixin = (bulletSize: string): string => {\n  return `\n    &::before {\n      height: ${bulletSize};\n      width: ${bulletSize};\n    }\n  `;\n};\n\nexport const afterOutlineMixin = (radioOutlineWidth: string): string => {\n  return `\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): string => {\n  return `\n    box-shadow: ${shadow};\n    border-color: ${borderColor};\n  `;\n};\n\nexport const subcaptionMixin = (fontSize: string, lineHeight: string): string => {\n  return `\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const disabledTextColorMixin = (textColor: string): string => {\n  return `\n    color: ${textColor};\n  `;\n};\n"]}
+{"version":3,"file":"Radio.mixins.js","sourceRoot":"","sources":["Radio.mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sCAAsC,EAAE,MAAM,yDAAyD,CAAC;AAEjH,wFAAwF;AACxF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,QAAgB,EAAE,UAAkB,EAAE,QAAgB,IAAK,OAAA,CAAC;IACzF,QAAQ,UAAA;IACR,UAAU,YAAA;IACV,OAAO,EAAE,UAAG,QAAQ,OAAI;CACzB,CAAC,EAJwF,CAIxF,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,gCAAwC,EACxC,QAAgB,EAChB,SAAiB,EACjB,4BAAoC,EACpC,kBAA0B;IAE1B,IAAM,oBAAoB,GAAG,sCAAsC,CAAC,QAAQ,EAAE,gCAAgC,CAAC,CAAC;IAChH,IAAM,UAAU,GAAG,eAAQ,SAAS,oBAAU,4BAA4B,MAAG,CAAC;IAC9E,IAAM,aAAa,GAAG,eAAQ,kBAAkB,gBAAM,4BAA4B,gBAAM,oBAAoB,MAAG,CAAC;IAChH,IAAM,aAAa,GAAG,4BAA4B,CAAC;IACnD,OAAO;QACL,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAG,aAAa,cAAI,aAAa,OAAI;KAC9C,CAAC;AACJ,CAAC,CAAC;AAEF,qDAAqD;AACrD,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,UAAkB,IAAK,OAAA,CAAC;IACxD,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,UAAU;CAClB,CAAC,EAHuD,CAGvD,CAAC;AAEH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,iBAAyB;IACzD,OAAA,CAAC;QACC,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAa,iBAAiB,MAAG;QACtC,MAAM,EAAE,oBAAa,iBAAiB,MAAG;QACzC,IAAI,EAAE,oBAAa,iBAAiB,MAAG;QACvC,KAAK,EAAE,oBAAa,iBAAiB,MAAG;QACxC,WAAW,EAAE,iBAAiB;QAC9B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,YAAY;KACxB,CAAU;AAXX,CAWW,CAAC;AAEd,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,MAAc,EAAE,WAAmB,IAAK,OAAA,CAAC;IACzE,SAAS,EAAE,MAAM;IACjB,WAAW,aAAA;CACZ,CAAC,EAHwE,CAGxE,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,QAAgB,EAAE,UAAkB,IAAK,OAAA,CAAC,EAAE,QAAQ,UAAA,EAAE,UAAU,YAAA,EAAE,CAAC,EAA1B,CAA0B,CAAC;AAEpG,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,SAAiB,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAtB,CAAsB,CAAC","sourcesContent":["import { getLabGrotesqueBaselineCompensationCss } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';\n\n/** Размер корня; ширину `::before` (`radioSize`) задаёт отдельное вложенное правило. */\nexport const radioSizeMixin = (fontSize: string, lineHeight: string, paddingY: string) => ({\n  fontSize,\n  lineHeight,\n  padding: `${paddingY} 0`,\n});\n\nexport const circleSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  radioSize: string,\n  radioBorderWidthCompensation: string,\n  radioCircleOffsetY: string,\n) => {\n  const baselineCompensation = getLabGrotesqueBaselineCompensationCss(fontSize, labGrotesqueBaselineCompensation);\n  const circleSize = `calc(${radioSize} - 2 * ${radioBorderWidthCompensation})`;\n  const circleOffsetY = `calc(${radioCircleOffsetY} + ${radioBorderWidthCompensation} + ${baselineCompensation})`;\n  const circleMarginX = radioBorderWidthCompensation;\n  return {\n    height: circleSize,\n    width: circleSize,\n    margin: `${circleOffsetY} ${circleMarginX} 0`,\n  };\n};\n\n/** Правило для `::before` отмеченной радиокнопки. */\nexport const radioCheckedMixin = (bulletSize: string) => ({\n  height: bulletSize,\n  width: bulletSize,\n});\n\nexport const afterOutlineMixin = (radioOutlineWidth: string) =>\n  ({\n    content: \"' '\",\n    position: 'absolute',\n    top: `calc(-1 * ${radioOutlineWidth})`,\n    bottom: `calc(-1 * ${radioOutlineWidth})`,\n    left: `calc(-1 * ${radioOutlineWidth})`,\n    right: `calc(-1 * ${radioOutlineWidth})`,\n    borderWidth: radioOutlineWidth,\n    borderStyle: 'solid',\n    borderRadius: '50%',\n    boxSizing: 'border-box',\n  }) as const;\n\nexport const outlineColorMixin = (shadow: string, borderColor: string) => ({\n  boxShadow: shadow,\n  borderColor,\n});\n\nexport const subcaptionMixin = (fontSize: string, lineHeight: string) => ({ fontSize, lineHeight });\n\nexport const disabledTextColorMixin = (textColor: string) => ({ color: textColor });\n"]}

package/components/RadioGroup/RadioGroup.css.d.ts

@@ -0,0 +1,10 @@
+export declare const root: string;
+export declare const item: string;
+export declare const itemFirst: string;
+export declare const itemInline: string;
+export declare const styles: {
+    root: string;
+    item: string;
+    itemFirst: string;
+    itemInline: string;
+};

package/components/RadioGroup/RadioGroup.css.js

@@ -0,0 +1,6 @@
+
+export var item = 'react-ui-RadioGroup__item';
+export var itemFirst = 'react-ui-RadioGroup__itemFirst';
+export var itemInline = 'react-ui-RadioGroup__itemInline';
+export var root = 'react-ui-RadioGroup__root';
+export var styles = {root:'react-ui-RadioGroup__root',item:'react-ui-RadioGroup__item',itemFirst:'react-ui-RadioGroup__itemFirst',itemInline:'react-ui-RadioGroup__itemInline'};

package/components/RadioGroup/RadioGroup.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.css.js","sourceRoot":"","sources":["RadioGroup.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,OAAO,EAAE,cAAc;IACvB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC;IAC9B,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,SAAS,WAAA;IACT,UAAU,YAAA;CACX,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const root = style({\n  display: 'inline-block',\n  userSelect: 'none',\n  cursor: 'default',\n  lineHeight: 'normal',\n  verticalAlign: 'bottom',\n});\n\nexport const item = style({\n  display: 'table',\n  marginTop: 0,\n  width: '100%',\n});\n\nexport const itemFirst = style({ marginTop: 0 });\n\nexport const itemInline = style({\n  display: 'inline-table',\n  marginRight: 15,\n  marginTop: 0,\n  width: 'auto',\n});\n\nexport const styles = {\n  root,\n  item,\n  itemFirst,\n  itemInline,\n};\n"]}

package/components/RadioGroup/RadioGroup.d.ts

@@ -59,9 +59,6 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
     static displayName: string;
     static defaultProps: DefaultProps;
     static Prevent: typeof Prevent;
-    private emotion;
-    private cx;
-    private styles;
     private node;
     private name;
     private getProps;

package/components/RadioGroup/RadioGroup.js

@@ -36,12 +36,12 @@ import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
 import { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';
 import { FocusTrap } from '../../internal/FocusTrap/index.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
-import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { cx } from '../../lib/cx.js';
 import { rootNode } from '../../lib/rootNode/index.js';
 import { getRandomID, isNonNullable } from '../../lib/utils.js';
 import { Radio } from '../Radio/index.js';
 import { Prevent } from './Prevent.js';
-import { getStyles } from './RadioGroup.styles.js';
+import { styles } from './RadioGroup.css.js';
 import { RadioGroupContext } from './RadioGroupContext.js';
 export var RadioGroupDataTids = {
     root: 'RadioGroup__root',
@@ -78,10 +78,10 @@ var RadioGroup = /** @class */ (function (_super) {
             var _a;
             var itemProps = {
                 key: _this.getKeyByItem(itemValue),
-                className: _this.cx((_a = {},
-                    _a[_this.styles.item()] = true,
-                    _a[_this.styles.itemFirst()] = index === 0,
-                    _a[_this.styles.itemInline()] = !!_this.props.inline,
+                className: cx((_a = {},
+                    _a[styles.item] = true,
+                    _a[styles.itemFirst] = index === 0,
+                    _a[styles.itemInline] = !!_this.props.inline,
                     _a)),
             };
             return (React.createElement("span", __assign({}, itemProps, { role: "presentation" }),
@@ -113,11 +113,10 @@ var RadioGroup = /** @class */ (function (_super) {
             onMouseEnter: onMouseEnter,
             onMouseLeave: onMouseLeave,
         };
-        this.styles = getStyles(this.emotion);
         return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props, getVisualStateDataAttributes({ disabled: disabled })),
             React.createElement(FocusTrap, { onBlur: onBlur },
-                React.createElement("span", __assign({ "data-tid": RadioGroupDataTids.root, ref: this.ref, style: style, className: this.cx((_a = {},
-                        _a[this.styles.root()] = true,
+                React.createElement("span", __assign({ "data-tid": RadioGroupDataTids.root, ref: this.ref, style: style, className: cx((_a = {},
+                        _a[styles.root] = true,
                         _a)), role: "radiogroup" }, handlers, { "aria-describedby": ariaDescribedby }),
                     React.createElement(RadioGroupContext.Provider, { value: this.getRadioGroupContextValue() }, this.renderChildren())))));
     };
@@ -151,7 +150,6 @@ var RadioGroup = /** @class */ (function (_super) {
     };
     RadioGroup.Prevent = Prevent;
     RadioGroup = RadioGroup_1 = __decorate([
-        withRenderEnvironment,
         rootNode
     ], RadioGroup);
     return RadioGroup;