@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/components/PasswordInput/PasswordInput.styles/PasswordInput.styles.js

@@ -1,31 +1,29 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        position: relative;\n        display: inline-block;\n        line-height: normal;\n        width: 100%;\n\n        input::-ms-clear,\n        input::-ms-reveal {\n          display: none;\n        }\n      "])));
-    },
-    toggleVisibility: function toggleVisibility(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        cursor: pointer;\n        opacity: ", ";\n        user-select: none;\n\n        &:hover {\n          color: ", ";\n          opacity: ", ";\n        }\n      "])), t.passwordInputVisibilityIconColor, t.passwordInputVisibilityIconOpacity, t.passwordInputVisibilityIconHoverColor, t.passwordInputVisibilityIconHoverOpacity);
-    },
-    capsLockDetector: function capsLockDetector() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        font-size: 9px;\n        margin-right: 8px;\n        color: #fff;\n        cursor: default;\n        background: #999;\n        padding: 2px 5px;\n        border-radius: 3px;\n        z-index: 9;\n        box-sizing: border-box;\n        line-height: normal;\n\n        &::before {\n          content: 'CapsLock';\n        }\n      "])));
-    },
-    iconWrapper: function iconWrapper() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n      "])));
-    },
-    eyeWrapperSmall: function eyeWrapperSmall(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n      "])), t.inputIconSizeSmall);
-    },
-    eyeWrapperMedium: function eyeWrapperMedium(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n      "])), t.inputIconSizeMedium);
-    },
-    eyeWrapperLarge: function eyeWrapperLarge(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n      "])), t.inputIconSizeLarge);
-    },
-    icon: function icon() {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        padding: 0;\n        border: none;\n        font: inherit;\n        color: inherit;\n        background-color: transparent;\n        cursor: pointer;\n      "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    "])));
+  },
+  toggleVisibility: function toggleVisibility(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      opacity: ", ";\n      user-select: none;\n\n      &:hover {\n        color: ", ";\n        opacity: ", ";\n      }\n    "])), t.passwordInputVisibilityIconColor, t.passwordInputVisibilityIconOpacity, t.passwordInputVisibilityIconHoverColor, t.passwordInputVisibilityIconHoverOpacity);
+  },
+  capsLockDetector: function capsLockDetector() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    "])));
+  },
+  iconWrapper: function iconWrapper() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    "])));
+  },
+  eyeWrapperSmall: function eyeWrapperSmall(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeSmall);
+  },
+  eyeWrapperMedium: function eyeWrapperMedium(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeMedium);
+  },
+  eyeWrapperLarge: function eyeWrapperLarge(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n    "])), t.inputIconSizeLarge);
+  },
+  icon: function icon() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    "])));
+  }
+});

package/components/PasswordInput/PasswordInput.styles/PasswordInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","root","css","_templateObject","_taggedTemplateLiteralLoose","toggleVisibility","t","_templateObject2","passwordInputVisibilityIconColor","passwordInputVisibilityIconOpacity","passwordInputVisibilityIconHoverColor","passwordInputVisibilityIconHoverOpacity","capsLockDetector","_templateObject3","iconWrapper","_templateObject4","eyeWrapperSmall","_templateObject5","inputIconSizeSmall","eyeWrapperMedium","_templateObject6","inputIconSizeMedium","eyeWrapperLarge","_templateObject7","inputIconSizeLarge","icon","_templateObject8"],"sources":["PasswordInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        position: relative;\n        display: inline-block;\n        line-height: normal;\n        width: 100%;\n\n        input::-ms-clear,\n        input::-ms-reveal {\n          display: none;\n        }\n      `;\n    },\n    toggleVisibility(t: Theme) {\n      return emotion.css`\n        color: ${t.passwordInputVisibilityIconColor};\n        cursor: pointer;\n        opacity: ${t.passwordInputVisibilityIconOpacity};\n        user-select: none;\n\n        &:hover {\n          color: ${t.passwordInputVisibilityIconHoverColor};\n          opacity: ${t.passwordInputVisibilityIconHoverOpacity};\n        }\n      `;\n    },\n    capsLockDetector() {\n      return emotion.css`\n        display: inline-block;\n        font-size: 9px;\n        margin-right: 8px;\n        color: #fff;\n        cursor: default;\n        background: #999;\n        padding: 2px 5px;\n        border-radius: 3px;\n        z-index: 9;\n        box-sizing: border-box;\n        line-height: normal;\n\n        &::before {\n          content: 'CapsLock';\n        }\n      `;\n    },\n    iconWrapper() {\n      return emotion.css`\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n      `;\n    },\n\n    eyeWrapperSmall(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeSmall};\n      `;\n    },\n\n    eyeWrapperMedium(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeMedium};\n      `;\n    },\n\n    eyeWrapperLarge(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeLarge};\n      `;\n    },\n    icon() {\n      return emotion.css`\n        padding: 0;\n        border: none;\n        font: inherit;\n        color: inherit;\n        background-color: transparent;\n        cursor: pointer;\n      `;\n    },\n  });\n"],"mappings":";;;AAGA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;MAWpB,CAAC;MACDC,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;QACzB,OAAON,OAAO,CAACE,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;QACPE,CAAC,CAACE,gCAAgC;;QAEhCF,CAAC,CAACG,kCAAkC;;;;QAIpCH,CAAC,CAACI,qCAAqC;QACrCJ,CAAC,CAACK,uCAAuC;;;MAG1D,CAAC;MACDC,gBAAgB,WAAAA,iBAAA,EAAG;QACjB,OAAOZ,OAAO,CAACE,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;;;;;;;;;;;MAiBpB,CAAC;MACDU,WAAW,WAAAA,YAAA,EAAG;QACZ,OAAOd,OAAO,CAACE,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;;;;MAKpB,CAAC;;MAEDY,eAAe,WAAAA,gBAACV,CAAQ,EAAE;QACxB,OAAON,OAAO,CAACE,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;QACHE,CAAC,CAACY,kBAAkB;;MAErC,CAAC;;MAEDC,gBAAgB,WAAAA,iBAACb,CAAQ,EAAE;QACzB,OAAON,OAAO,CAACE,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;QACHE,CAAC,CAACe,mBAAmB;;MAEtC,CAAC;;MAEDC,eAAe,WAAAA,gBAAChB,CAAQ,EAAE;QACxB,OAAON,OAAO,CAACE,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;QACHE,CAAC,CAACkB,kBAAkB;;MAErC,CAAC;MACDC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOzB,OAAO,CAACE,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;;;;;;;MAQpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","toggleVisibility","t","_templateObject2","passwordInputVisibilityIconColor","passwordInputVisibilityIconOpacity","passwordInputVisibilityIconHoverColor","passwordInputVisibilityIconHoverOpacity","capsLockDetector","_templateObject3","iconWrapper","_templateObject4","eyeWrapperSmall","_templateObject5","inputIconSizeSmall","eyeWrapperMedium","_templateObject6","inputIconSizeMedium","eyeWrapperLarge","_templateObject7","inputIconSizeLarge","icon","_templateObject8"],"sources":["PasswordInput.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      display: inline-block;\n      line-height: normal;\n      width: 100%;\n\n      input::-ms-clear,\n      input::-ms-reveal {\n        display: none;\n      }\n    `;\n  },\n  toggleVisibility(t: Theme) {\n    return css`\n      color: ${t.passwordInputVisibilityIconColor};\n      cursor: pointer;\n      opacity: ${t.passwordInputVisibilityIconOpacity};\n      user-select: none;\n\n      &:hover {\n        color: ${t.passwordInputVisibilityIconHoverColor};\n        opacity: ${t.passwordInputVisibilityIconHoverOpacity};\n      }\n    `;\n  },\n  capsLockDetector() {\n    return css`\n      display: inline-block;\n      font-size: 9px;\n      margin-right: 8px;\n      color: #fff;\n      cursor: default;\n      background: #999;\n      padding: 2px 5px;\n      border-radius: 3px;\n      z-index: 9;\n      box-sizing: border-box;\n      line-height: normal;\n\n      &::before {\n        content: 'CapsLock';\n      }\n    `;\n  },\n  iconWrapper() {\n    return css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n    `;\n  },\n\n  eyeWrapperSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n    `;\n  },\n\n  eyeWrapperMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n    `;\n  },\n\n  eyeWrapperLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n    `;\n  },\n  icon() {\n    return css`\n      padding: 0;\n      border: none;\n      font: inherit;\n      color: inherit;\n      background-color: transparent;\n      cursor: pointer;\n    `;\n  },\n});\n"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;EAWZ,CAAC;EACDC,gBAAgB,WAAAA,iBAACC,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACCE,CAAC,CAACE,gCAAgC;;IAEhCF,CAAC,CAACG,kCAAkC;;;;IAIpCH,CAAC,CAACI,qCAAqC;IACrCJ,CAAC,CAACK,uCAAuC;;;EAG1D,CAAC;EACDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOb,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;;;;;;;;;;;EAiBZ,CAAC;EACDU,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOf,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;;;;EAKZ,CAAC;;EAEDY,eAAe,WAAAA,gBAACV,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACKE,CAAC,CAACY,kBAAkB;;EAErC,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACb,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;IACKE,CAAC,CAACe,mBAAmB;;EAEtC,CAAC;;EAEDC,eAAe,WAAAA,gBAAChB,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACKE,CAAC,CAACkB,kBAAkB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAO1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;;;;;;;;EAQZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/PasswordInput/PasswordInput.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(): string;
     toggleVisibility(t: Theme): string;
     capsLockDetector(): string;

package/components/Radio/Radio/Radio.js

@@ -4,17 +4,18 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["disabled", "warning", "error", "size", "focused", "onMouseOver", "onMouseEnter", "onMouseLeave", "onValueChange"];
 var _class, _Radio;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { KeyListener } from "../../../lib/events/keyListener";
+import { cx } from "../../../lib/theming/Emotion";
+import { keyListener } from "../../../lib/events/keyListener";
 import { rootNode } from "../../../lib/rootNode";
 import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
 import { isEdge, isIE11 } from "../../../lib/client";
 import { RadioGroupContext } from "../../RadioGroup/RadioGroupContext";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
-import { getStyles, globalClasses } from "../Radio.styles";
+import { styles, globalClasses } from "../Radio.styles";
 export var RadioDataTids = {
   root: 'Radio__root'
 };
@@ -36,7 +37,7 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
     _this.context = _this.context;
     _this.inputEl = /*#__PURE__*/React.createRef();
     _this.renderMain = function (props) {
-      var _this$cx, _this$cx2;
+      var _cx, _cx2;
       var _props$disabled = props.disabled,
         disabled = _props$disabled === void 0 ? _this.context.disabled : _props$disabled,
         _props$warning = props.warning,
@@ -51,7 +52,7 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
         onValueChange = props.onValueChange,
         rest = _objectWithoutPropertiesLoose(props, _excluded);
       var radioProps = {
-        className: _this.cx((_this$cx = {}, _this$cx[_this.styles.circle(_this.theme)] = true, _this$cx[_this.getCircleSizeClassName()] = true, _this$cx[_this.styles.checked(_this.theme)] = _this.props.checked, _this$cx[_this.getCheckedSizeClassName()] = _this.props.checked, _this$cx[_this.styles.focus(_this.theme)] = _this.getProps().focused || _this.state.focusedByKeyboard, _this$cx[_this.styles.error(_this.theme)] = error, _this$cx[_this.styles.warning(_this.theme)] = warning, _this$cx[_this.styles.disabled(_this.theme)] = disabled, _this$cx[_this.styles.checkedDisabled(_this.theme)] = _this.props.checked && disabled, _this$cx[globalClasses.circle] = true, _this$cx))
+        className: cx((_cx = {}, _cx[styles.circle(_this.theme)] = true, _cx[_this.getCircleSizeClassName()] = true, _cx[styles.checked(_this.theme)] = _this.props.checked, _cx[_this.getCheckedSizeClassName()] = _this.props.checked, _cx[styles.focus(_this.theme)] = _this.getProps().focused || _this.state.focusedByKeyboard, _cx[styles.error(_this.theme)] = error, _cx[styles.warning(_this.theme)] = warning, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.checkedDisabled(_this.theme)] = _this.props.checked && disabled, _cx[globalClasses.circle] = true, _cx))
       };
       var value;
       if (typeof _this.props.value === 'string' || typeof _this.props.value === 'number') {
@@ -59,7 +60,7 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
       }
       var inputProps = _extends({}, rest, {
         type: 'radio',
-        className: _this.styles.input(),
+        className: styles.input(),
         disabled: disabled,
         tabIndex: _this.props.tabIndex,
         value: value,
@@ -69,20 +70,20 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
         onBlur: _this.handleBlur
       });
       var labelProps = {
-        className: _this.cx(_this.styles.root(_this.theme), _this.getRootSizeClassName(), (_this$cx2 = {}, _this$cx2[_this.styles.rootChecked(_this.theme)] = _this.props.checked, _this$cx2[_this.styles.rootIE11()] = isIE11 || isEdge, _this$cx2)),
+        className: cx(styles.root(_this.theme), _this.getRootSizeClassName(), (_cx2 = {}, _cx2[styles.rootChecked(_this.theme)] = _this.props.checked, _cx2[styles.rootIE11()] = isIE11 || isEdge, _cx2)),
         onMouseOver: _this.handleMouseOver,
         onMouseEnter: _this.handleMouseEnter,
         onMouseLeave: _this.handleMouseLeave,
         onClick: fixFirefoxModifiedClickOnLabel(_this.inputEl)
       };
       if (_this._isInRadioGroup()) {
-        var _this$cx3, _this$cx4;
+        var _cx3, _cx4;
         var checked = _this.props.value === _this.context.activeItem;
         inputProps.checked = checked;
         inputProps.name = _this.context.name;
         inputProps.suppressHydrationWarning = true;
-        labelProps.className = _this.cx(_this.styles.root(_this.theme), _this.getRootSizeClassName(), (_this$cx3 = {}, _this$cx3[_this.styles.rootChecked(_this.theme)] = checked, _this$cx3[_this.styles.rootIE11()] = isIE11 || isEdge, _this$cx3));
-        radioProps.className = _this.cx(radioProps.className, (_this$cx4 = {}, _this$cx4[_this.styles.checked(_this.theme)] = checked, _this$cx4[_this.getCheckedSizeClassName()] = checked, _this$cx4[_this.styles.checkedDisabled(_this.theme)] = checked && disabled, _this$cx4));
+        labelProps.className = cx(styles.root(_this.theme), _this.getRootSizeClassName(), (_cx3 = {}, _cx3[styles.rootChecked(_this.theme)] = checked, _cx3[styles.rootIE11()] = isIE11 || isEdge, _cx3));
+        radioProps.className = cx(radioProps.className, (_cx4 = {}, _cx4[styles.checked(_this.theme)] = checked, _cx4[_this.getCheckedSizeClassName()] = checked, _cx4[styles.checkedDisabled(_this.theme)] = checked && disabled, _cx4));
       }
       return /*#__PURE__*/(
         React.createElement("label", _extends({
@@ -94,7 +95,7 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
         React.createElement("input", inputProps)), /*#__PURE__*/
         React.createElement("span", radioProps, /*#__PURE__*/
         React.createElement("span", {
-          className: _this.styles.placeholder()
+          className: styles.placeholder()
         })), _this.props.children && _this.renderCaption())
       );
     };
@@ -121,8 +122,8 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
       if (!_this.context.disabled) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
-          if (_this.keyListener.isArrowPressed || _this.keyListener.isTabPressed) {
+        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+          if (keyListener.isArrowPressed || keyListener.isTabPressed) {
             _this.setState({
               focusedByKeyboard: true
             });
@@ -149,60 +150,50 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
   _proto.getRootSizeClassName = function getRootSizeClassName() {
     switch (this.getProps().size) {
       case 'large':
-        return this.styles.rootLarge(this.theme);
+        return styles.rootLarge(this.theme);
       case 'medium':
-        return this.styles.rootMedium(this.theme);
+        return styles.rootMedium(this.theme);
       case 'small':
       default:
-        return this.styles.rootSmall(this.theme);
+        return styles.rootSmall(this.theme);
     }
   };
   _proto.getCircleSizeClassName = function getCircleSizeClassName() {
     switch (this.getProps().size) {
       case 'large':
-        return this.styles.circleLarge(this.theme);
+        return styles.circleLarge(this.theme);
       case 'medium':
-        return this.styles.circleMedium(this.theme);
+        return styles.circleMedium(this.theme);
       case 'small':
       default:
-        return this.styles.circleSmall(this.theme);
+        return styles.circleSmall(this.theme);
     }
   };
   _proto.getCheckedSizeClassName = function getCheckedSizeClassName() {
     switch (this.getProps().size) {
       case 'large':
-        return this.styles.checkedLarge(this.theme);
+        return styles.checkedLarge(this.theme);
       case 'medium':
-        return this.styles.checkedMedium(this.theme);
+        return styles.checkedMedium(this.theme);
       case 'small':
       default:
-        return this.styles.checkedSmall(this.theme);
+        return styles.checkedSmall(this.theme);
     }
   };
-  _proto.componentDidMount = function componentDidMount() {
-    this.keyListener = new KeyListener(this.globalObject);
-  };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var globalObject = _ref.globalObject,
-        emotion = _ref.emotion;
-      _this2.globalObject = globalObject;
-      _this2.cx = emotion.cx;
-      _this2.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.getProps()), _this2.renderMain);
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
     });
   } /**
     * @public
     */;
   _proto.focus = function focus() {
     var _this$inputEl$current;
-    this.keyListener.isTabPressed = true;
+    keyListener.isTabPressed = true;
     (_this$inputEl$current = this.inputEl.current) == null || _this$inputEl$current.focus();
   } /**
     * @public
@@ -212,8 +203,8 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
     (_this$inputEl$current2 = this.inputEl.current) == null || _this$inputEl$current2.blur();
   };
   _proto.renderCaption = function renderCaption() {
-    var _this$cx5;
-    var captionClassNames = this.cx((_this$cx5 = {}, _this$cx5[this.styles.caption(this.theme)] = true, _this$cx5[this.styles.captionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled), _this$cx5[this.styles.captionIE11()] = isIE11 || isEdge, _this$cx5));
+    var _cx5;
+    var captionClassNames = cx((_cx5 = {}, _cx5[styles.caption(this.theme)] = true, _cx5[styles.captionDisabled(this.theme)] = !!(this.props.disabled || this.context.disabled), _cx5[styles.captionIE11()] = isIE11 || isEdge, _cx5));
     return /*#__PURE__*/React.createElement("div", {
       className: captionClassNames
     }, this.props.children);

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","ThemeContext","CommonWrapper","KeyListener","rootNode","fixFirefoxModifiedClickOnLabel","isEdge","isIE11","RadioGroupContext","createPropsGetter","FocusControlWrapper","getStyles","globalClasses","RadioDataTids","root","Radio","_class","_Radio","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","defaultProps","context","inputEl","createRef","renderMain","props","_this$cx","_this$cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose","_excluded","radioProps","className","cx","styles","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","value","inputProps","_extends","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","_isInRadioGroup","_this$cx3","_this$cx4","activeItem","name","suppressHydrationWarning","createElement","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","globalObject","requestAnimationFrame","keyListener","isArrowPressed","isTabPressed","setState","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","componentDidMount","render","_this2","Consumer","_ref","emotion","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_this$cx5","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["Radio.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\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 { 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';\n\nimport { getStyles, 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        /** Переводит контрол в состояние валидации \"ошибка\". */\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\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' | 'size'>>;\n\n/**\n * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.\n */\n@rootNode\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    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\n\n  private inputEl = React.createRef<HTMLInputElement>();\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private globalObject!: GlobalObject;\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.getProps().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.getProps().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.getProps().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() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          this.globalObject = globalObject;\n          this.cx = emotion.cx;\n          this.styles = getStyles(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      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    this.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: this.cx({\n        [this.styles.circle(this.theme)]: true,\n        [this.getCircleSizeClassName()]: true,\n        [this.styles.checked(this.theme)]: this.props.checked,\n        [this.getCheckedSizeClassName()]: this.props.checked,\n        [this.styles.focus(this.theme)]: this.getProps().focused || this.state.focusedByKeyboard,\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)]: 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: 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    };\n\n    const labelProps = {\n      className: this.cx(this.styles.root(this.theme), this.getRootSizeClassName(), {\n        [this.styles.rootChecked(this.theme)]: this.props.checked,\n        [this.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 = this.cx(this.styles.root(this.theme), this.getRootSizeClassName(), {\n        [this.styles.rootChecked(this.theme)]: checked,\n        [this.styles.rootIE11()]: isIE11 || isEdge,\n      });\n      radioProps.className = this.cx(radioProps.className, {\n        [this.styles.checked(this.theme)]: checked,\n        [this.getCheckedSizeClassName()]: checked,\n        [this.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={this.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 = this.cx({\n      [this.styles.caption(this.theme)]: true,\n      [this.styles.captionDisabled(this.theme)]: !!(this.props.disabled || this.context.disabled),\n      [this.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      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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","ThemeContext","CommonWrapper","cx","keyListener","rootNode","fixFirefoxModifiedClickOnLabel","isEdge","isIE11","RadioGroupContext","createPropsGetter","FocusControlWrapper","styles","globalClasses","RadioDataTids","root","Radio","_class","_Radio","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByKeyboard","getProps","defaultProps","context","inputEl","createRef","renderMain","props","_cx","_cx2","_props$disabled","disabled","_props$warning","warning","_props$error","error","size","focused","onMouseOver","onMouseEnter","onMouseLeave","onValueChange","rest","_objectWithoutPropertiesLoose","_excluded","radioProps","className","circle","theme","getCircleSizeClassName","checked","getCheckedSizeClassName","focus","checkedDisabled","value","inputProps","_extends","type","input","tabIndex","ref","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","labelProps","getRootSizeClassName","rootChecked","rootIE11","handleMouseOver","handleMouseEnter","handleMouseLeave","onClick","_isInRadioGroup","_cx3","_cx4","activeItem","name","suppressHydrationWarning","createElement","onBlurWhenDisabled","resetFocus","placeholder","children","renderCaption","Boolean","e","onSelect","requestAnimationFrame","isArrowPressed","isTabPressed","setState","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","circleLarge","circleMedium","circleSmall","checkedLarge","checkedMedium","checkedSmall","render","_this2","Consumer","rootNodeRef","setRootNode","_this$inputEl$current","current","blur","_this$inputEl$current2","_cx5","captionClassNames","caption","captionDisabled","captionIE11","Component","__KONTUR_REACT_UI__","displayName","contextType"],"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';\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        /** Переводит контрол в состояние валидации \"ошибка\". */\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\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' | 'size'>>;\n\n/**\n * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.\n */\n@rootNode\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    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Radio.defaultProps);\n\n  public static contextType = RadioGroupContext;\n  public context: RadioGroupContextType<T> = this.context;\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.getProps().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.getProps().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.getProps().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/components/Radio/Radio.d.ts

@@ -52,15 +52,10 @@ export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState>
     private inputEl;
     getRootNode: TGetRootNode;
     private setRootNode;
-    private globalObject;
-    private cx;
-    private styles;
     private theme;
-    private keyListener;
     private getRootSizeClassName;
     private getCircleSizeClassName;
     private getCheckedSizeClassName;
-    componentDidMount(): void;
     render(): React.JSX.Element;
     /**
      * @public

package/components/Radio/Radio.md

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

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

@@ -1,25 +1,26 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { css } from "../../../lib/theming/Emotion";
 import { getLabGrotesqueBaselineCompensation } from "../../../lib/styles/getLabGrotesqueBaselineCompensation";
 import { isChrome, isFirefox } from "../../../lib/client";
-export var radioSizeMixin = function radioSizeMixin(fontSize, lineHeight, paddingY, radioSize, emotion) {
-  return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " 0;\n    &::before {\n      width: ", ";\n    }\n  "])), fontSize, lineHeight, paddingY, radioSize);
+export var radioSizeMixin = function radioSizeMixin(fontSize, lineHeight, paddingY, radioSize) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " 0;\n    &::before {\n      width: ", ";\n    }\n  "])), fontSize, lineHeight, paddingY, radioSize);
 };
-export var circleSizeMixin = function circleSizeMixin(labGrotesqueBaselineCompensation, fontSize, radioSize, radioBorderWidthCompensation, radioCircleOffsetY, emotion) {
+export var circleSizeMixin = function circleSizeMixin(labGrotesqueBaselineCompensation, fontSize, radioSize, radioBorderWidthCompensation, radioCircleOffsetY) {
   var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
   var radioFontSize = parseInt(fontSize);
   var baselineCompensation = getLabGrotesqueBaselineCompensation(radioFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
   var circleSize = "calc(" + radioSize + " - 2 * " + radioBorderWidthCompensation + ")";
   var circleOffsetY = "calc(" + radioCircleOffsetY + " + " + radioBorderWidthCompensation + " + " + baselineCompensation + "px)";
   var circleMarginX = radioBorderWidthCompensation;
-  return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    height: ", ";\n    width: ", ";\n    margin: ", " ", " 0;\n  "])), circleSize, circleSize, circleOffsetY, circleMarginX);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    height: ", ";\n    width: ", ";\n    margin: ", " ", " 0;\n  "])), circleSize, circleSize, circleOffsetY, circleMarginX);
 };
-export var radioCheckedMixin = function radioCheckedMixin(bulletSize, emotion) {
-  return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    &::before {\n      height: ", ";\n      width: ", ";\n    }\n  "])), bulletSize, bulletSize);
+export var radioCheckedMixin = function radioCheckedMixin(bulletSize) {
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    &::before {\n      height: ", ";\n      width: ", ";\n    }\n  "])), bulletSize, bulletSize);
 };
-export var afterOutlineMixin = function afterOutlineMixin(radioOutlineWidth, emotion) {
-  return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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, radioOutlineWidth, radioOutlineWidth, radioOutlineWidth, radioOutlineWidth);
+export var afterOutlineMixin = function afterOutlineMixin(radioOutlineWidth) {
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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, radioOutlineWidth, radioOutlineWidth, radioOutlineWidth, radioOutlineWidth);
 };
-export var outlineColorMixin = function outlineColorMixin(shadow, borderColor, emotion) {
-  return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    box-shadow: ", ";\n    border-color: ", ";\n  "])), shadow, borderColor);
+export var outlineColorMixin = function outlineColorMixin(shadow, borderColor) {
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    box-shadow: ", ";\n    border-color: ", ";\n  "])), shadow, borderColor);
 };

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

@@ -1 +1 @@
-{"version":3,"names":["getLabGrotesqueBaselineCompensation","isChrome","isFirefox","radioSizeMixin","fontSize","lineHeight","paddingY","radioSize","emotion","css","_templateObject","_taggedTemplateLiteralLoose","circleSizeMixin","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","labGrotesqueCompenstation","parseInt","radioFontSize","baselineCompensation","circleSize","circleOffsetY","circleMarginX","_templateObject2","radioCheckedMixin","bulletSize","_templateObject3","afterOutlineMixin","radioOutlineWidth","_templateObject4","outlineColorMixin","shadow","borderColor","_templateObject5"],"sources":["Radio.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { isChrome, isFirefox } from '../../lib/client';\n\nexport const radioSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingY: string,\n  radioSize: string,\n  emotion: Emotion,\n) => {\n  return emotion.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  emotion: Emotion,\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 emotion.css`\n    height: ${circleSize};\n    width: ${circleSize};\n    margin: ${circleOffsetY} ${circleMarginX} 0;\n  `;\n};\n\nexport const radioCheckedMixin = (bulletSize: string, emotion: Emotion) => {\n  return emotion.css`\n    &::before {\n      height: ${bulletSize};\n      width: ${bulletSize};\n    }\n  `;\n};\n\nexport const afterOutlineMixin = (radioOutlineWidth: string, emotion: Emotion) => {\n  return emotion.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, emotion: Emotion) => {\n  return emotion.css`\n    box-shadow: ${shadow};\n    border-color: ${borderColor};\n  `;\n};\n"],"mappings":";;AAEA,SAASA,mCAAmC,QAAQ,sDAAsD;AAC1G,SAASC,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;;AAEtD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA;AACzBC,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,SAAiB;AACjBC,OAAgB;AACb;EACH,OAAOA,OAAO,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACHP,QAAQ;EACNC,UAAU;EACdC,QAAQ;;EAERC,SAAS;;;AAGxB,CAAC;;AAED,OAAO,IAAMK,eAAe,GAAG,SAAlBA,eAAeA;AAC1BC,gCAAwC;AACxCT,QAAgB;AAChBG,SAAiB;AACjBO,4BAAoC;AACpCC,kBAA0B;AAC1BP,OAAgB;AACb;EACH,IAAMQ,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,aAAa,GAAGD,QAAQ,CAACb,QAAQ,CAAC;;EAExC,IAAMe,oBAAoB,GAAGnB,mCAAmC;IAC9DkB,aAAa;IACbF,yBAAyB;IACzBf,QAAQ;IACRC;EACF,CAAC;EACD,IAAMkB,UAAU,aAAWb,SAAS,eAAUO,4BAA4B,MAAG;EAC7E,IAAMO,aAAa,aAAWN,kBAAkB,WAAMD,4BAA4B,WAAMK,oBAAoB,QAAK;EACjH,IAAMG,aAAa,GAAGR,4BAA4B;EAClD,OAAON,OAAO,CAACC,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;EACNS,UAAU;EACXA,UAAU;EACTC,aAAa,EAAIC,aAAa;;AAE5C,CAAC;;AAED,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,UAAkB,EAAEjB,OAAgB,EAAK;EACzE,OAAOA,OAAO,CAACC,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;EAEJc,UAAU;EACXA,UAAU;;;AAGzB,CAAC;;AAED,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,iBAAyB,EAAEpB,OAAgB,EAAK;EAChF,OAAOA,OAAO,CAACC,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGRiB,iBAAiB;EACdA,iBAAiB;EACnBA,iBAAiB;EAChBA,iBAAiB;EACXA,iBAAiB;;;;;AAKrC,CAAC;;AAED,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAc,EAAEC,WAAmB,EAAExB,OAAgB,EAAK;EAC1F,OAAOA,OAAO,CAACC,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;EACFoB,MAAM;EACJC,WAAW;;AAE/B,CAAC","ignoreList":[]}
+{"version":3,"names":["css","getLabGrotesqueBaselineCompensation","isChrome","isFirefox","radioSizeMixin","fontSize","lineHeight","paddingY","radioSize","_templateObject","_taggedTemplateLiteralLoose","circleSizeMixin","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","labGrotesqueCompenstation","parseInt","radioFontSize","baselineCompensation","circleSize","circleOffsetY","circleMarginX","_templateObject2","radioCheckedMixin","bulletSize","_templateObject3","afterOutlineMixin","radioOutlineWidth","_templateObject4","outlineColorMixin","shadow","borderColor","_templateObject5"],"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":"4LAAA,SAASA,GAAG,QAAQ,2BAA2B;AAC/C,SAASC,mCAAmC,QAAQ,sDAAsD;AAC1G,SAASC,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;;AAEtD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,SAAiB,EAAK;EAC3G,OAAOR,GAAG,CAAAS,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKL,QAAQ;EACNC,UAAU;EACdC,QAAQ;;EAERC,SAAS;;;AAGxB,CAAC;;AAED,OAAO,IAAMG,eAAe,GAAG,SAAlBA,eAAeA;AAC1BC,gCAAwC;AACxCP,QAAgB;AAChBG,SAAiB;AACjBK,4BAAoC;AACpCC,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,aAAa,GAAGD,QAAQ,CAACX,QAAQ,CAAC;;EAExC,IAAMa,oBAAoB,GAAGjB,mCAAmC;IAC9DgB,aAAa;IACbF,yBAAyB;IACzBb,QAAQ;IACRC;EACF,CAAC;EACD,IAAMgB,UAAU,aAAWX,SAAS,eAAUK,4BAA4B,MAAG;EAC7E,IAAMO,aAAa,aAAWN,kBAAkB,WAAMD,4BAA4B,WAAMK,oBAAoB,QAAK;EACjH,IAAMG,aAAa,GAAGR,4BAA4B;EAClD,OAAOb,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;EACES,UAAU;EACXA,UAAU;EACTC,aAAa,EAAIC,aAAa;;AAE5C,CAAC;;AAED,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,UAAkB,EAAK;EACvD,OAAOxB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;EAEIc,UAAU;EACXA,UAAU;;;AAGzB,CAAC;;AAED,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,iBAAyB,EAAK;EAC9D,OAAO3B,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGAiB,iBAAiB;EACdA,iBAAiB;EACnBA,iBAAiB;EAChBA,iBAAiB;EACXA,iBAAiB;;;;;AAKrC,CAAC;;AAED,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAc,EAAEC,WAAmB,EAAK;EACxE,OAAO/B,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;EACMoB,MAAM;EACJC,WAAW;;AAE/B,CAAC","ignoreList":[]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
-export declare const radioSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, radioSize: string, emotion: Emotion) => string;
-export declare const circleSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, radioSize: string, radioBorderWidthCompensation: string, radioCircleOffsetY: string, emotion: Emotion) => string;
-export declare const radioCheckedMixin: (bulletSize: string, emotion: Emotion) => string;
-export declare const afterOutlineMixin: (radioOutlineWidth: string, emotion: Emotion) => string;
-export declare const outlineColorMixin: (shadow: string, borderColor: string, emotion: Emotion) => string;
+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;