@skbkontur/react-ui 0.0.0-9216939ede → 0.0.0-95a1dbe516

package/cjs/components/Calendar/MonthView.styles.js

@@ -1,55 +1,58 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-var styles = (0, _Emotion.memoizeStyle)({
-  headerMonth: function headerMonth(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      padding: ", " 0 ", ";\n    "])),
 
-    t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      headerMonth: function headerMonth(t) {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        padding: ", " 0 ", ";\n      "])),
 
-  },
+        t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
 
-  headerYear: function headerYear(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ", " 0 ", ";\n    "])),
+      },
 
+      headerYear: function headerYear(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        position: absolute;\n        right: 0;\n        padding: ", " 0 ", ";\n      "])),
 
 
-    t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
 
-  },
+        t.calendarMonthTitlePaddingTop, t.calendarMonthTitlePaddingBottom);
 
-  month: function month(t) {
-    var width = parseInt(t.calendarCellSize) * 7;
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: ", "px;\n    "])),
+      },
 
-    width);
+      month: function month(t) {
+        var width = parseInt(t.calendarCellSize) * 7;
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        width: ", "px;\n      "])),
 
-  },
+        width);
 
-  header: function header() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+      },
 
+      header: function header() {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n      "])));
 
-  },
 
-  headerSticky: function headerSticky(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      z-index: 2;\n    "])),
-    t.calendarMonthHeaderStickedBgColor);
+      },
 
+      headerSticky: function headerSticky(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background-color: ", ";\n        z-index: 2;\n      "])),
+        t.calendarMonthHeaderStickedBgColor);
 
-  },
 
-  monthTitle: function monthTitle(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: 1px solid ", ";\n      font-weight: ", ";\n      margin: 0 ", " ", ";\n      line-height: ", ";\n    "])),
-    t.calendarMonthTitleBorderBottomColor,
-    t.dateSelectFontWeight,
-    t.calendarMonthTitleMarginX, t.calendarMonthTitleMarginBottom,
-    t.calendarMonthTitleLineHeight);
+      },
 
-  },
+      monthTitle: function monthTitle(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-bottom: 1px solid ", ";\n        font-weight: ", ";\n        margin: 0 ", " ", ";\n        line-height: ", ";\n      "])),
+        t.calendarMonthTitleBorderBottomColor,
+        t.dateSelectFontWeight,
+        t.calendarMonthTitleMarginX, t.calendarMonthTitleMarginBottom,
+        t.calendarMonthTitleLineHeight);
 
-  monthDayGrid: function monthDayGrid(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n    "])),
-    t.calendarCellLineHeight);
+      },
 
-  } });exports.styles = styles;
+      monthDayGrid: function monthDayGrid(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        line-height: ", ";\n      "])),
+        t.calendarCellLineHeight);
+
+      } }));};exports.getStyles = getStyles;

package/cjs/components/Calendar/MonthView.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MonthView.styles.ts"],"names":["styles","headerMonth","t","css","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","month","width","parseInt","calendarCellSize","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,WADiC,uBACrBC,CADqB,EACX;AACpB,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACE,4BAFf,EAEiDF,CAAC,CAACG,+BAFnD;;AAID,GANgC;;AAQjCC,EAAAA,UARiC,sBAQtBJ,CARsB,EAQZ;AACnB,eAAOC,YAAP;;;;AAIaD,IAAAA,CAAC,CAACE,4BAJf,EAIiDF,CAAC,CAACG,+BAJnD;;AAMD,GAfgC;;AAiBjCE,EAAAA,KAjBiC,iBAiB3BL,CAjB2B,EAiBjB;AACd,QAAMM,KAAK,GAAGC,QAAQ,CAACP,CAAC,CAACQ,gBAAH,CAAR,GAA+B,CAA7C;AACA,eAAOP,YAAP;;AAEWK,IAAAA,KAFX;;AAID,GAvBgC;;AAyBjCG,EAAAA,MAzBiC,oBAyBxB;AACP,eAAOR,YAAP;;;AAGD,GA7BgC;;AA+BjCS,EAAAA,YA/BiC,wBA+BpBV,CA/BoB,EA+BV;AACrB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACW,iCADxB;;;AAID,GApCgC;;AAsCjCC,EAAAA,UAtCiC,sBAsCtBZ,CAtCsB,EAsCZ;AACnB,eAAOC,YAAP;AAC6BD,IAAAA,CAAC,CAACa,mCAD/B;AAEiBb,IAAAA,CAAC,CAACc,oBAFnB;AAGcd,IAAAA,CAAC,CAACe,yBAHhB,EAG6Cf,CAAC,CAACgB,8BAH/C;AAIiBhB,IAAAA,CAAC,CAACiB,4BAJnB;;AAMD,GA7CgC;;AA+CjCC,EAAAA,YA/CiC,wBA+CpBlB,CA/CoB,EA+CV;AACrB,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACmB,sBADnB;;AAGD,GAnDgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  headerMonth(t: Theme) {\n    return css`\n      display: inline-block;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  headerYear(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      right: 0;\n      padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n    `;\n  },\n\n  month(t: Theme) {\n    const width = parseInt(t.calendarCellSize) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\n    `;\n  },\n\n  header() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  headerSticky(t: Theme) {\n    return css`\n      background-color: ${t.calendarMonthHeaderStickedBgColor};\n      z-index: 2;\n    `;\n  },\n\n  monthTitle(t: Theme) {\n    return css`\n      border-bottom: 1px solid ${t.calendarMonthTitleBorderBottomColor};\n      font-weight: ${t.dateSelectFontWeight};\n      margin: 0 ${t.calendarMonthTitleMarginX} ${t.calendarMonthTitleMarginBottom};\n      line-height: ${t.calendarMonthTitleLineHeight};\n    `;\n  },\n\n  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["MonthView.styles.ts"],"names":["getStyles","emotion","headerMonth","t","css","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","month","width","parseInt","calendarCellSize","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight"],"mappings":";;AAEA,oD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,WADW,uBACCC,CADD,EACW;AACpB,eAAOF,OAAO,CAACG,GAAf;;AAEaD,QAAAA,CAAC,CAACE,4BAFf,EAEiDF,CAAC,CAACG,+BAFnD;;AAID,OANU;;AAQXC,MAAAA,UARW,sBAQAJ,CARA,EAQU;AACnB,eAAOF,OAAO,CAACG,GAAf;;;;AAIaD,QAAAA,CAAC,CAACE,4BAJf,EAIiDF,CAAC,CAACG,+BAJnD;;AAMD,OAfU;;AAiBXE,MAAAA,KAjBW,iBAiBLL,CAjBK,EAiBK;AACd,YAAMM,KAAK,GAAGC,QAAQ,CAACP,CAAC,CAACQ,gBAAH,CAAR,GAA+B,CAA7C;AACA,eAAOV,OAAO,CAACG,GAAf;;AAEWK,QAAAA,KAFX;;AAID,OAvBU;;AAyBXG,MAAAA,MAzBW,oBAyBF;AACP,eAAOX,OAAO,CAACG,GAAf;;;AAGD,OA7BU;;AA+BXS,MAAAA,YA/BW,wBA+BEV,CA/BF,EA+BY;AACrB,eAAOF,OAAO,CAACG,GAAf;AACsBD,QAAAA,CAAC,CAACW,iCADxB;;;AAID,OApCU;;AAsCXC,MAAAA,UAtCW,sBAsCAZ,CAtCA,EAsCU;AACnB,eAAOF,OAAO,CAACG,GAAf;AAC6BD,QAAAA,CAAC,CAACa,mCAD/B;AAEiBb,QAAAA,CAAC,CAACc,oBAFnB;AAGcd,QAAAA,CAAC,CAACe,yBAHhB,EAG6Cf,CAAC,CAACgB,8BAH/C;AAIiBhB,QAAAA,CAAC,CAACiB,4BAJnB;;AAMD,OA7CU;;AA+CXC,MAAAA,YA/CW,wBA+CElB,CA/CF,EA+CY;AACrB,eAAOF,OAAO,CAACG,GAAf;AACiBD,QAAAA,CAAC,CAACmB,sBADnB;;AAGD,OAnDU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    headerMonth(t: Theme) {\n      return emotion.css`\n        display: inline-block;\n        padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n      `;\n    },\n\n    headerYear(t: Theme) {\n      return emotion.css`\n        display: inline-block;\n        position: absolute;\n        right: 0;\n        padding: ${t.calendarMonthTitlePaddingTop} 0 ${t.calendarMonthTitlePaddingBottom};\n      `;\n    },\n\n    month(t: Theme) {\n      const width = parseInt(t.calendarCellSize) * 7;\n      return emotion.css`\n        position: absolute;\n        width: ${width}px;\n      `;\n    },\n\n    header() {\n      return emotion.css`\n        position: relative;\n      `;\n    },\n\n    headerSticky(t: Theme) {\n      return emotion.css`\n        background-color: ${t.calendarMonthHeaderStickedBgColor};\n        z-index: 2;\n      `;\n    },\n\n    monthTitle(t: Theme) {\n      return emotion.css`\n        border-bottom: 1px solid ${t.calendarMonthTitleBorderBottomColor};\n        font-weight: ${t.dateSelectFontWeight};\n        margin: 0 ${t.calendarMonthTitleMarginX} ${t.calendarMonthTitleMarginBottom};\n        line-height: ${t.calendarMonthTitleLineHeight};\n      `;\n    },\n\n    monthDayGrid(t: Theme) {\n      return emotion.css`\n        line-height: ${t.calendarCellLineHeight};\n      `;\n    },\n  });\n"]}

package/cjs/components/Center/Center.d.ts

@@ -20,8 +20,10 @@ declare type DefaultProps = Required<Pick<CenterProps, 'align'>>;
  */
 export declare class Center extends React.Component<CenterProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
+    private emotion;
     private setRootNode;
     render(): JSX.Element;
     private renderMain;

package/cjs/components/Center/Center.js

@@ -1,10 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CenterDataTids = exports.Center = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CenterDataTids = exports.Center = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
 
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _Center = require("./Center.styles");var _excluded = ["align"];var _class, _class2, _temp;
 
@@ -41,6 +42,7 @@ Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
 
 
 
+
     getProps = (0, _createPropsGetter.createPropsGetter)(Center.defaultProps);_this.
 
 
@@ -52,21 +54,29 @@ Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
 
 
 
-    renderMain = function (props) {var _cx;
-      var align = props.align,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
+
+
+
+
+
+
+
+    renderMain = function (props) {var _this$emotion$cx;
+      var align = props.align,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      var styles = (0, _Center.getStyles)(_this.emotion);
       return /*#__PURE__*/(
         _react.default.createElement("div", (0, _extends2.default)({
           "data-tid": CenterDataTids.root },
         rest, {
-          className: (0, _Emotion.cx)((_cx = {}, _cx[
-          _Center.styles.root()] = true, _cx[
-          _Center.styles.rootAlignLeft()] = align === 'left', _cx[
-          _Center.styles.rootAlignRight()] = align === 'right', _cx)) }), /*#__PURE__*/
+          className: _this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[
+          styles.root()] = true, _this$emotion$cx[
+          styles.rootAlignLeft()] = align === 'left', _this$emotion$cx[
+          styles.rootAlignRight()] = align === 'right', _this$emotion$cx)) }), /*#__PURE__*/
 
 
-        _react.default.createElement("span", { className: _Center.styles.spring() }), /*#__PURE__*/
-        _react.default.createElement("span", { className: _Center.styles.container() }, _this.props.children)));
+        _react.default.createElement("span", { className: styles.spring() }), /*#__PURE__*/
+        _react.default.createElement("span", { className: styles.container() }, _this.props.children)));
 
 
-    };return _this;}var _proto = Center.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;
+    };return _this;}var _proto = Center.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.displayName = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;

package/cjs/components/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Center.tsx"],"names":["CenterDataTids","root","Center","rootNode","getProps","defaultProps","renderMain","props","align","rest","styles","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__"],"mappings":"ydAAA;;;AAGA;AACA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB,C;;;;;;AAOP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;AAOSC,IAAAA,Q,GAAW,0CAAkBF,MAAM,CAACG,YAAzB,C;;;;;;;;;;;AAWXC,IAAAA,U,GAAa,UAACC,KAAD,EAA2D;AAC9E,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUP,cAAc,CAACC,IAD3B;AAEMQ,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE;AACRC,yBAAOT,IAAP,EADQ,IACQ,IADR;AAERS,yBAAOC,aAAP,EAFQ,IAEiBH,KAAK,KAAK,MAF3B;AAGRE,yBAAOE,cAAP,EAHQ,IAGkBJ,KAAK,KAAK,OAH5B,OAHb;;;AASE,+CAAM,SAAS,EAAEE,eAAOG,MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,EAAEH,eAAOI,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CAVF,CADF;;;AAcD,K,oDAxBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKb,QAAL,EAAlD,GACG,KAAKE,UADR,CADF,CAKD,C,iBAhByBY,eAAMC,S,WAClBC,mB,GAAsB,Q,UAEtBf,Y,GAA6B,EACzCG,KAAK,EAAE,QADkC,E","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /**\n         * Определяет, как контент будет выровнен по горизонтали.\n         *\n         * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\n         */\n        align?: HorizontalAlign;\n      }\n    > {}\n\nexport const CenterDataTids = {\n  root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/**\n * Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n\n  public static defaultProps: DefaultProps = {\n    align: 'center',\n  };\n  private getProps = createPropsGetter(Center.defaultProps);\n\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n    const { align, ...rest } = props;\n\n    return (\n      <div\n        data-tid={CenterDataTids.root}\n        {...rest}\n        className={cx({\n          [styles.root()]: true,\n          [styles.rootAlignLeft()]: align === 'left',\n          [styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={styles.spring()} />\n        <span className={styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"]}
+{"version":3,"sources":["Center.tsx"],"names":["CenterDataTids","root","Center","rootNode","getProps","defaultProps","renderMain","props","align","rest","styles","emotion","cx","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"ieAAA;;;;AAIA;AACA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB,C;;;;;;AAOP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;;AAQSC,IAAAA,Q,GAAW,0CAAkBF,MAAM,CAACG,YAAzB,C;;;;;;;;;;;;;;;;;;;AAmBXC,IAAAA,U,GAAa,UAACC,KAAD,EAA2D;AAC9E,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;AACA,UAAMG,MAAM,GAAG,uBAAU,MAAKC,OAAf,CAAf;AACA;AACE;AACE,sBAAUX,cAAc,CAACC,IAD3B;AAEMQ,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE,MAAKE,OAAL,CAAaC,EAAb;AACRF,UAAAA,MAAM,CAACT,IAAP,EADQ,IACQ,IADR;AAERS,UAAAA,MAAM,CAACG,aAAP,EAFQ,IAEiBL,KAAK,KAAK,MAF3B;AAGRE,UAAAA,MAAM,CAACI,cAAP,EAHQ,IAGkBN,KAAK,KAAK,OAH5B,oBAHb;;;AASE,+CAAM,SAAS,EAAEE,MAAM,CAACK,MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,EAAEL,MAAM,CAACM,SAAP,EAAjB,IAAsC,MAAKT,KAAL,CAAWU,QAAjD,CAVF,CADF;;;AAcD,K,oDA/BMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,wBAAD,QACG,UAACP,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACQ,WAAjC,IAAkD,MAAI,CAACf,QAAL,EAAlD,GACG,MAAI,CAACE,UADR,CADF,CAKD,CARH,CADF,CAYD,C,iBAzByBc,eAAMC,S,WAClBC,mB,GAAsB,Q,UACtBC,W,GAAc,Q,UAEdlB,Y,GAA6B,EACzCG,KAAK,EAAE,QADkC,E","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /**\n         * Определяет, как контент будет выровнен по горизонтали.\n         *\n         * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\n         */\n        align?: HorizontalAlign;\n      }\n    > {}\n\nexport const CenterDataTids = {\n  root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/**\n * Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n  public static displayName = 'Center';\n\n  public static defaultProps: DefaultProps = {\n    align: 'center',\n  };\n  private getProps = createPropsGetter(Center.defaultProps);\n\n  private emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n    const { align, ...rest } = props;\n    const styles = getStyles(this.emotion);\n    return (\n      <div\n        data-tid={CenterDataTids.root}\n        {...rest}\n        className={this.emotion.cx({\n          [styles.root()]: true,\n          [styles.rootAlignLeft()]: align === 'left',\n          [styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={styles.spring()} />\n        <span className={styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"]}

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

@@ -1,4 +1,5 @@
-export declare const styles: {
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const getStyles: (emotion: Emotion) => {
     root(): string;
     rootAlignLeft(): string;
     rootAlignRight(): string;

package/cjs/components/Center/Center.styles.js

@@ -1,37 +1,40 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
-var styles = (0, _Emotion.memoizeStyle)({
-  root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      text-align: center;\n    "])));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n        text-align: center;\n      "])));
 
 
-  },
 
-  rootAlignLeft: function rootAlignLeft() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: left;\n    "])));
+      },
 
+      rootAlignLeft: function rootAlignLeft() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-align: left;\n      "])));
 
-  },
 
-  rootAlignRight: function rootAlignRight() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: right;\n    "])));
+      },
 
+      rootAlignRight: function rootAlignRight() {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-align: right;\n      "])));
 
-  },
 
-  spring: function spring() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
+      },
 
+      spring: function spring() {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      "])));
 
 
 
-  },
 
-  container: function container() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
+      },
 
+      container: function container() {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        text-align: left;\n        vertical-align: middle;\n      "])));
 
 
 
-  } });exports.styles = styles;
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Center.styles.ts"],"names":["styles","root","css","rootAlignLeft","rootAlignRight","spring","container"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;AAID,GANgC;;AAQjCC,EAAAA,aARiC,2BAQjB;AACd,eAAOD,YAAP;;;AAGD,GAZgC;;AAcjCE,EAAAA,cAdiC,4BAchB;AACf,eAAOF,YAAP;;;AAGD,GAlBgC;;AAoBjCG,EAAAA,MApBiC,oBAoBxB;AACP,eAAOH,YAAP;;;;;AAKD,GA1BgC;;AA4BjCI,EAAAA,SA5BiC,uBA4BrB;AACV,eAAOJ,YAAP;;;;;AAKD,GAlCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      text-align: center;\n    `;\n  },\n\n  rootAlignLeft() {\n    return css`\n      text-align: left;\n    `;\n  },\n\n  rootAlignRight() {\n    return css`\n      text-align: right;\n    `;\n  },\n\n  spring() {\n    return css`\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    `;\n  },\n\n  container() {\n    return css`\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Center.styles.ts"],"names":["getStyles","emotion","root","css","rootAlignLeft","rootAlignRight","spring","container"],"mappings":";;AAEA,oD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;;AAID,OANU;;AAQXC,MAAAA,aARW,2BAQK;AACd,eAAOH,OAAO,CAACE,GAAf;;;AAGD,OAZU;;AAcXE,MAAAA,cAdW,4BAcM;AACf,eAAOJ,OAAO,CAACE,GAAf;;;AAGD,OAlBU;;AAoBXG,MAAAA,MApBW,oBAoBF;AACP,eAAOL,OAAO,CAACE,GAAf;;;;;AAKD,OA1BU;;AA4BXI,MAAAA,SA5BW,uBA4BC;AACV,eAAON,OAAO,CAACE,GAAf;;;;;AAKD,OAlCU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        height: 100%;\n        text-align: center;\n      `;\n    },\n\n    rootAlignLeft() {\n      return emotion.css`\n        text-align: left;\n      `;\n    },\n\n    rootAlignRight() {\n      return emotion.css`\n        text-align: right;\n      `;\n    },\n\n    spring() {\n      return emotion.css`\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      `;\n    },\n\n    container() {\n      return emotion.css`\n        display: inline-block;\n        text-align: left;\n        vertical-align: middle;\n      `;\n    },\n  });\n"]}

package/cjs/components/Checkbox/Checkbox.d.ts

@@ -59,6 +59,7 @@ export declare const CheckboxDataTids: {
 declare type DefaultProps = Required<Pick<CheckboxProps, 'size'>>;
 export declare class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
     private getRootSizeClassName;
@@ -81,6 +82,7 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
         isShiftPressed: boolean;
     };
     private theme;
+    private emotion;
     private input;
     private handleShiftPress;
     private handleShiftRelease;
@@ -111,6 +113,7 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
     resetIndeterminate: () => void;
     private renderMain;
     private handleFocus;
+    private resetFocus;
     private handleBlur;
     private handleChange;
     private handleClick;

package/cjs/components/Checkbox/Checkbox.js

@@ -1,13 +1,13 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CheckboxDataTids = exports.Checkbox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CheckboxDataTids = exports.Checkbox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _globalObject = require("@skbkontur/global-object");
 
 
+
 var _keyListener = require("../../lib/events/keyListener");
 
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _px = require("../../internal/icons/16px");
 var _client = require("../../lib/client");
 var _CommonWrapper = require("../../internal/CommonWrapper");
@@ -17,6 +17,8 @@ var _fixFirefoxModifiedClickOnLabel = require("../../lib/events/fixFirefoxModifi
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
+var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Checkbox = require("./Checkbox.styles");
 var _CheckedIcon = require("./CheckedIcon");
@@ -94,6 +96,7 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
 
 
 
+
     getProps = (0, _createPropsGetter.createPropsGetter)(Checkbox.defaultProps);_this.
 
 
@@ -141,6 +144,8 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
 
 
 
+
+
 
 
 
@@ -151,6 +156,7 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
 
 
 
+
     input = /*#__PURE__*/_react.default.createRef();_this.
 
     handleShiftPress = function (e) {
@@ -219,6 +225,13 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
 
 
 
+
+
+
+
+
+
+
 
 
 
@@ -249,7 +262,7 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       }
     };_this.
 
-    renderMain = function (props) {var _cx, _cx3, _cx4;
+    renderMain = function (props) {var _this$emotion$cx, _this$emotion$cx3, _this$emotion$cx4;
       var
       error =
 
@@ -267,11 +280,11 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       var isIndeterminate = _this.state.indeterminate;
 
       var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(_this.theme);
-
-      var iconClass = (0, _Emotion.cx)(
-      _Checkbox.styles.icon(),
-      !_isTheme2022 && _Checkbox.styles.iconFixPosition(),
-      !props.checked && !isIndeterminate && _Checkbox.styles.iconUnchecked());
+      var styles = (0, _Checkbox.getStyles)(_this.emotion);
+      var iconClass = _this.emotion.cx(
+      styles.icon(),
+      !_isTheme2022 && styles.iconFixPosition(),
+      !props.checked && !isIndeterminate && styles.iconUnchecked());
 
 
       var iconSize = parseInt(_this.getCheckboxBoxSize());
@@ -290,18 +303,18 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       _react.default.createElement(_px.SquareIcon, { className: iconClass });
 
 
-      var rootClass = (0, _Emotion.cx)(_this.getRootSizeClassName(), (_cx = {}, _cx[
-      _Checkbox.styles.root(_this.theme)] = true, _cx[
-      _Checkbox.styles.rootFallback()] = _client.isIE11 || _client.isEdge, _cx[
-      _Checkbox.styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _cx[
-      _Checkbox.styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[
-      _Checkbox.styles.disabled(_this.theme)] = Boolean(props.disabled), _cx));
+      var rootClass = _this.emotion.cx(_this.getRootSizeClassName(), (_this$emotion$cx = {}, _this$emotion$cx[
+      styles.root(_this.theme)] = true, _this$emotion$cx[
+      styles.rootFallback()] = _client.isIE11 || _client.isEdge, _this$emotion$cx[
+      styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _this$emotion$cx[
+      styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _this$emotion$cx[
+      styles.disabled(_this.theme)] = Boolean(props.disabled), _this$emotion$cx));
 
 
       var inputProps = (0, _extends2.default)({},
       rest, {
         type: 'checkbox',
-        className: _Checkbox.styles.input(),
+        className: styles.input(),
         onChange: _this.handleChange,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
@@ -310,28 +323,28 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
 
 
       var caption = null;
-      if (_this.props.children) {var _cx2;
-        var captionClass = (0, _Emotion.cx)((_cx2 = {}, _cx2[
-        _Checkbox.styles.caption(_this.theme)] = true, _cx2[
-        _Checkbox.styles.captionIE11()] = _client.isIE11 || _client.isEdge, _cx2[
-        _Checkbox.styles.disabled(_this.theme)] = Boolean(props.disabled), _cx2));
+      if (_this.props.children) {var _this$emotion$cx2;
+        var captionClass = _this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[
+        styles.caption(_this.theme)] = true, _this$emotion$cx2[
+        styles.captionIE11()] = _client.isIE11 || _client.isEdge, _this$emotion$cx2[
+        styles.disabled(_this.theme)] = Boolean(props.disabled), _this$emotion$cx2));
 
         caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, _this.props.children);
       }
 
       var box = /*#__PURE__*/
       _react.default.createElement("div", {
-        className: (0, _Emotion.cx)(_this.getBoxWrapperSizeClassName(), (_cx3 = {}, _cx3[
-        _Checkbox.styles.boxWrapper(_this.theme)] = true, _cx3)) }, /*#__PURE__*/
+        className: _this.emotion.cx(_this.getBoxWrapperSizeClassName(), (_this$emotion$cx3 = {}, _this$emotion$cx3[
+        styles.boxWrapper(_this.theme)] = true, _this$emotion$cx3)) }, /*#__PURE__*/
 
 
       _react.default.createElement("div", {
-        className: (0, _Emotion.cx)(_Checkbox.styles.box(_this.theme), _Checkbox.globalClasses.box, (_cx4 = {}, _cx4[
-        _Checkbox.styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _cx4[
-        _Checkbox.styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[
-        _Checkbox.styles.boxError(_this.theme)] = props.error, _cx4[
-        _Checkbox.styles.boxWarning(_this.theme)] = props.warning, _cx4[
-        _Checkbox.styles.boxDisabled(_this.theme)] = props.disabled, _cx4)) },
+        className: _this.emotion.cx(styles.box(_this.theme), _Checkbox.globalClasses.box, (_this$emotion$cx4 = {}, _this$emotion$cx4[
+        styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _this$emotion$cx4[
+        styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _this$emotion$cx4[
+        styles.boxError(_this.theme)] = props.error, _this$emotion$cx4[
+        styles.boxWarning(_this.theme)] = props.warning, _this$emotion$cx4[
+        styles.boxDisabled(_this.theme)] = props.disabled, _this$emotion$cx4)) },
 
 
       isIndeterminate && IconSquare || IconCheck));
@@ -348,7 +361,9 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
           onMouseOver: onMouseOver,
           onClick: (0, _fixFirefoxModifiedClickOnLabel.fixFirefoxModifiedClickOnLabel)(_this.input) }, /*#__PURE__*/
 
-        _react.default.createElement("input", (0, _extends2.default)({}, inputProps, { "aria-label": ariaLabel, "aria-describedby": ariaDescribedby })),
+        _react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: _this.resetFocus }, /*#__PURE__*/
+        _react.default.createElement("input", (0, _extends2.default)({}, inputProps, { "aria-label": ariaLabel, "aria-describedby": ariaDescribedby }))),
+
         box,
         caption));
 
@@ -371,9 +386,11 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       }
     };_this.
 
+    resetFocus = function () {return _this.setState({ focusedByTab: false });};_this.
+
     handleBlur = function (e) {
+      _this.resetFocus();
       _this.props.onBlur == null ? void 0 : _this.props.onBlur(e);
-      _this.setState({ focusedByTab: false });
     };_this.
 
     handleChange = function (event) {
@@ -404,7 +421,7 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
           _this.props.onValueChange(checked);
         }
       }
-    };return _this;}var _proto = Checkbox.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.getProps().size) {case 'large':return _Checkbox.styles.rootLarge(this.theme);case 'medium':return _Checkbox.styles.rootMedium(this.theme);case 'small':default:return _Checkbox.styles.rootSmall(this.theme);}};_proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {switch (this.getProps().size) {case 'large':return _Checkbox.styles.boxWrapperLarge(this.theme);case 'medium':return _Checkbox.styles.boxWrapperMedium(this.theme);case 'small':default:return _Checkbox.styles.boxWrapperSmall(this.theme);}};_proto.getCheckboxBoxSize = function getCheckboxBoxSize() {switch (this.getProps().size) {case 'large':return this.theme.checkboxBoxSizeLarge;case 'medium':return this.theme.checkboxBoxSizeMedium;case 'small':default:return this.theme.checkboxBoxSizeSmall;}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.checked !== this.props.checked) {this.resetIndeterminate();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});} /**
+    };return _this;}var _proto = Checkbox.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {var styles = (0, _Checkbox.getStyles)(this.emotion);switch (this.getProps().size) {case 'large':return styles.rootLarge(this.theme);case 'medium':return styles.rootMedium(this.theme);case 'small':default:return styles.rootSmall(this.theme);}};_proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {var styles = (0, _Checkbox.getStyles)(this.emotion);switch (this.getProps().size) {case 'large':return styles.boxWrapperLarge(this.theme);case 'medium':return styles.boxWrapperMedium(this.theme);case 'small':default:return styles.boxWrapperSmall(this.theme);}};_proto.getCheckboxBoxSize = function getCheckboxBoxSize() {switch (this.getProps().size) {case 'large':return this.theme.checkboxBoxSizeLarge;case 'medium':return this.theme.checkboxBoxSizeMedium;case 'small':default:return this.theme.checkboxBoxSizeSmall;}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.checked !== this.props.checked) {this.resetIndeterminate();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});});} /**
    * Программная установка фокуса чекбоксу.
    * @public
    */;_proto.focus = function focus() {var _this$input$current;_keyListener.keyListener.isTabPressed = true;(_this$input$current = this.input.current) == null ? void 0 : _this$input$current.focus();} /**
@@ -413,4 +430,4 @@ Checkbox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
    */;_proto.blur = function blur() {var _this$input$current2;(_this$input$current2 = this.input.current) == null ? void 0 : _this$input$current2.blur();} /**
    * Устанавливает чекбокс в HTML-состояние `indeterminate`.
    * @public
-   */;return Checkbox;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Checkbox', _class2.defaultProps = { size: 'small' }, _class2.propTypes = { checked: _propTypes.default.bool, disabled: _propTypes.default.bool, error: _propTypes.default.bool, warning: _propTypes.default.bool, onValueChange: _propTypes.default.func, onBlur: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func }, _temp)) || _class;exports.Checkbox = Checkbox;
+   */;return Checkbox;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Checkbox', _class2.displayName = 'Checkbox', _class2.defaultProps = { size: 'small' }, _class2.propTypes = { checked: _propTypes.default.bool, disabled: _propTypes.default.bool, error: _propTypes.default.bool, warning: _propTypes.default.bool, onValueChange: _propTypes.default.func, onBlur: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func }, _temp)) || _class;exports.Checkbox = Checkbox;