@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","styles","exports","memoizeStyle","headerMonth","t","css","_taggedTemplateLiteralLoose2","default","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","month","width","parseInt","calendarCellWidth","monthMobile","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight","calendarGridRowSpacing","monthDayRow","nativeSelect"],"sources":["MonthView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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.calendarCellWidth) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\n    `;\n  },\n\n  monthMobile() {\n    return css`\n      width: 100%;\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  /* Note: this could've been\n   * display: grid;\n   * grid-template-columns: repeat(7, minmax(0, 1fr));\n   */\n  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n      display: flex;\n      flex-direction: column;\n      padding: ${t.calendarGridRowSpacing} 0px;\n    `;\n  },\n\n  monthDayRow(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ${t.calendarGridRowSpacing};\n      }\n    `;\n  },\n\n  nativeSelect() {\n    return css`\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,WAAW,WAAAA,YAACC,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAf,eAAA,KAAAA,eAAA,OAAAgB,4BAAA,CAAAC,OAAA;;IAEGH,CAAC,CAACI,4BAA4B,EAAMJ,CAAC,CAACK,+BAA+B;;EAEpF,CAAC;;EAEDC,UAAU,WAAAA,WAACN,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;IAIGH,CAAC,CAACI,4BAA4B,EAAMJ,CAAC,CAACK,+BAA+B;;EAEpF,CAAC;;EAEDE,KAAK,WAAAA,MAACP,CAAQ,EAAE;IACd,IAAMQ,KAAK,GAAGC,QAAQ,CAACT,CAAC,CAACU,iBAAiB,CAAC,GAAG,CAAC;IAC/C,WAAOT,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;IAECK,KAAK;;EAElB,CAAC;;EAEDG,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOV,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDS,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOX,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDU,YAAY,WAAAA,aAACb,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACc,iCAAiC;;;EAG3D,CAAC;;EAEDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACmBH,CAAC,CAACgB,mCAAmC;IACjDhB,CAAC,CAACiB,oBAAoB;IACzBjB,CAAC,CAACkB,yBAAyB,EAAIlB,CAAC,CAACmB,8BAA8B;IAC5DnB,CAAC,CAACoB,4BAA4B;;EAEjD,CAAC;;EAED;AACF;AACA;AACA;EACEC,YAAY,WAAAA,aAACrB,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACOH,CAAC,CAACsB,sBAAsB;;;IAG5BtB,CAAC,CAACuB,sBAAsB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAACxB,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;IAKQH,CAAC,CAACuB,sBAAsB;;;EAG5C,CAAC;;EAEDE,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOxB,YAAG,EAAAN,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;EAWZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","getStyles","exports","memoizeGetStyles","_ref","css","headerMonth","t","_taggedTemplateLiteralLoose2","default","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","headerYear","month","width","parseInt","calendarCellWidth","monthMobile","header","headerSticky","calendarMonthHeaderStickedBgColor","monthTitle","calendarMonthTitleBorderBottomColor","dateSelectFontWeight","calendarMonthTitleMarginX","calendarMonthTitleMarginBottom","calendarMonthTitleLineHeight","monthDayGrid","calendarCellLineHeight","calendarGridRowSpacing","monthDayRow","nativeSelect"],"sources":["MonthView.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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.calendarCellWidth) * 7;\n    return css`\n      position: absolute;\n      width: ${width}px;\n    `;\n  },\n\n  monthMobile() {\n    return css`\n      width: 100%;\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  /* Note: this could've been\n   * display: grid;\n   * grid-template-columns: repeat(7, minmax(0, 1fr));\n   */\n  monthDayGrid(t: Theme) {\n    return css`\n      line-height: ${t.calendarCellLineHeight};\n      display: flex;\n      flex-direction: column;\n      padding: ${t.calendarGridRowSpacing} 0px;\n    `;\n  },\n\n  monthDayRow(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: space-between;\n\n      & + & {\n        margin-top: ${t.calendarGridRowSpacing};\n      }\n    `;\n  },\n\n  nativeSelect() {\n    return css`\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,WAAW,WAAAA,YAACC,CAAQ,EAAE;MACpB,OAAOF,GAAG,CAAAd,eAAA,KAAAA,eAAA,OAAAiB,4BAAA,CAAAC,OAAA;;MAEGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;IAEpF,CAAC;;IAEDC,UAAU,WAAAA,WAACL,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAb,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;;MAIGF,CAAC,CAACG,4BAA4B,EAAMH,CAAC,CAACI,+BAA+B;;IAEpF,CAAC;;IAEDE,KAAK,WAAAA,MAACN,CAAQ,EAAE;MACd,IAAMO,KAAK,GAAGC,QAAQ,CAACR,CAAC,CAACS,iBAAiB,CAAC,GAAG,CAAC;MAC/C,OAAOX,GAAG,CAAAZ,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;MAECK,KAAK;;IAElB,CAAC;;IAEDG,WAAW,WAAAA,YAAA,EAAG;MACZ,OAAOZ,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDS,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOb,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDU,YAAY,WAAAA,aAACZ,CAAQ,EAAE;MACrB,OAAOF,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;MACYF,CAAC,CAACa,iCAAiC;;;IAG3D,CAAC;;IAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACmBF,CAAC,CAACe,mCAAmC;MACjDf,CAAC,CAACgB,oBAAoB;MACzBhB,CAAC,CAACiB,yBAAyB,EAAIjB,CAAC,CAACkB,8BAA8B;MAC5DlB,CAAC,CAACmB,4BAA4B;;IAEjD,CAAC;;IAED;AACF;AACA;AACA;IACEC,YAAY,WAAAA,aAACpB,CAAQ,EAAE;MACrB,OAAOF,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;MACOF,CAAC,CAACqB,sBAAsB;;;MAG5BrB,CAAC,CAACsB,sBAAsB;;IAEvC,CAAC;;IAEDC,WAAW,WAAAA,YAACvB,CAAQ,EAAE;MACpB,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;MAKQF,CAAC,CAACsB,sBAAsB;;;IAG5C,CAAC;;IAEDE,YAAY,WAAAA,aAAA,EAAG;MACb,OAAO1B,GAAG,CAAAL,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;;;;;;IAWZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -24,6 +24,9 @@ export declare class Center extends React.Component<CenterProps> {
     private getProps;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private emotion;
+    private cx;
+    private styles;
     render(): React.JSX.Element;
     private renderMain;
 }

package/cjs/components/Center/Center.js

@@ -2,12 +2,13 @@
 
 
 
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Center2 = require("./Center.styles");var _excluded = ["align"];var _class, _Center;
 
@@ -36,7 +37,8 @@ var CenterDataTids = exports.CenterDataTids = {
  * Выравнивание задается пропом `align`.
  */var
 
-Center = exports.Center = (0, _rootNode.rootNode)(_class = (_Center = /*#__PURE__*/function (_React$Component) {function Center() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+Center = exports.Center = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Center = /*#__PURE__*/function (_React$Component) {function Center() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -55,21 +57,26 @@ Center = exports.Center = (0, _rootNode.rootNode)(_class = (_Center = /*#__PURE_
 
 
 
-    renderMain = function (props) {var _cx;
+
+
+
+
+
+    renderMain = function (props) {var _this$cx;
       var align = props.align,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
       return /*#__PURE__*/(
         _react.default.createElement("div", (0, _extends2.default)({
           "data-tid": CenterDataTids.root },
         rest, {
-          className: (0, _Emotion.cx)((_cx = {}, _cx[
-          _Center2.styles.root()] = true, _cx[
-          _Center2.styles.rootAlignLeft()] = align === 'left', _cx[
-          _Center2.styles.rootAlignRight()] = align === 'right', _cx)
+          className: _this.cx((_this$cx = {}, _this$cx[
+          _this.styles.root()] = true, _this$cx[
+          _this.styles.rootAlignLeft()] = align === 'left', _this$cx[
+          _this.styles.rootAlignRight()] = align === 'right', _this$cx)
           ) }), /*#__PURE__*/
 
-        _react.default.createElement("span", { className: _Center2.styles.spring() }), /*#__PURE__*/
-        _react.default.createElement("span", { className: _Center2.styles.container() }, _this.props.children)
+        _react.default.createElement("span", { className: _this.styles.spring() }), /*#__PURE__*/
+        _react.default.createElement("span", { className: _this.styles.container() }, _this.props.children)
         ));
 
-    };return _this;}(0, _inheritsLoose2.default)(Center, _React$Component);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), _Center.__KONTUR_REACT_UI__ = 'Center', _Center.displayName = 'Center', _Center.defaultProps = { align: 'center' }, _Center)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(Center, _React$Component);var _proto = Center.prototype;_proto.render = function render() {this.styles = (0, _Center2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};return Center;}(_react.default.Component), _Center.__KONTUR_REACT_UI__ = 'Center', _Center.displayName = 'Center', _Center.defaultProps = { align: 'center' }, _Center)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_Center2","_excluded","_class","_Center","CenterDataTids","exports","root","Center","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","renderMain","props","_cx","align","rest","_objectWithoutPropertiesLoose2","default","createElement","_extends2","className","cx","styles","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose2","_proto","prototype","render","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Center.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } 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        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 * `Center` — контейнер, который центрирует элементы внутри себя.\n *\n * Выравнивание задается пропом `align`.\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  public getRootNode!: TGetRootNode;\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_rootNode","_createPropsGetter","_renderEnvironment","_Center2","_excluded","_class","_Center","CenterDataTids","exports","root","Center","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","renderMain","props","_this$cx","align","rest","_objectWithoutPropertiesLoose2","default","createElement","_extends2","className","cx","styles","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose2","_proto","prototype","render","getStyles","emotion","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Center.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\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        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 * `Center` — контейнер, который центрирует элементы внутри себя.\n *\n * Выравнивание задается пропом `align`.\n */\n@withRenderEnvironment\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  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\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={this.cx({\n          [this.styles.root()]: true,\n          [this.styles.rootAlignLeft()]: align === 'left',\n          [this.styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={this.styles.spring()} />\n        <span className={this.styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
     rootAlignLeft(): string;
     rootAlignRight(): string;
     spring(): string;
     container(): string;
-};
+}>;

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

@@ -1,38 +1,40 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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 = exports.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 = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root() {
+      return 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 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 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 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 css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
 
 
 
-  }
-});
+
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","rootAlignLeft","rootAlignRight","spring","container"],"sources":["Center.styles.ts"],"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"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,cAAc,WAAAA,eAAA,EAAG;IACf,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","rootAlignLeft","rootAlignRight","spring","container"],"sources":["Center.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOJ,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDE,cAAc,WAAAA,eAAA,EAAG;MACf,OAAOL,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDG,MAAM,WAAAA,OAAA,EAAG;MACP,OAAON,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;IAKZ,CAAC;;IAEDI,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOP,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;IAKZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -24,6 +24,9 @@ export interface CheckboxProps extends CommonProps, Pick<AriaAttributes, 'aria-d
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
     /** Задает функцию, вызывающуюся при изменении value. */
     onValueChange?: (value: boolean) => void;
+    /** Задает HTML-событие `onclick`.
+     * @ignore */
+    onClick?: React.MouseEventHandler<HTMLLabelElement>;
     /** Задает HTML-событие `onblur`.
      * @ignore */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
@@ -57,9 +60,14 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
         isShiftPressed: boolean;
     };
     private size;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private input;
     private getProps;
+    private keyListener;
     private handleShiftPress;
     private handleShiftRelease;
     componentDidMount: () => void;

package/cjs/components/Checkbox/Checkbox.js

@@ -1,15 +1,14 @@
 "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 _globalObject = require("@skbkontur/global-object");
+
+
 
 
 var _keyListener = require("../../lib/events/keyListener");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _client = require("../../lib/client");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _fixFirefoxModifiedClickOnLabel = require("../../lib/events/fixFirefoxModifiedClickOnLabel");
@@ -17,10 +16,15 @@ var _fixFirefoxModifiedClickOnLabel = require("../../lib/events/fixFirefoxModifi
 var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
 var _SizeDecorator = require("../../lib/size/SizeDecorator");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Checkbox2 = require("./Checkbox.styles");
 var _CheckedIcon = require("./CheckedIcon");
-var _IndeterminateIcon = require("./IndeterminateIcon");var _excluded = ["error", "warning", "size", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate", "aria-describedby", "aria-label"];var _class, _Checkbox;
+var _IndeterminateIcon = require("./IndeterminateIcon");var _excluded = ["error", "warning", "size", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "onClick", "type", "initialIndeterminate", "aria-describedby", "aria-label"];var _class, _Checkbox;
+
+
+
+
 
 
 
@@ -82,7 +86,8 @@ var CheckboxDataTids = exports.CheckboxDataTids = {
  */var
 
 
-Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Checkbox = /*#__PURE__*/function (_React$PureComponent) {function Checkbox() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
+Checkbox = exports.Checkbox = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Checkbox = /*#__PURE__*/function (_React$PureComponent) {function Checkbox() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -130,9 +135,14 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
 
 
 
+
+
+
+
     input = /*#__PURE__*/_react.default.createRef();_this.
     getProps = (0, _createPropsGetter.createPropsGetter)({});_this.
 
+
     handleShiftPress = function (e) {
       if (e.key === 'Shift') {
         _this.setState(function () {return {
@@ -149,18 +159,19 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
       }
     };_this.
 
-    componentDidMount = function () {var _globalObject$documen, _globalObject$documen2;
+    componentDidMount = function () {var _this$globalObject$do, _this$globalObject$do2;
+      _this.keyListener = new _keyListener.KeyListener(_this.globalObject);
       if (_this.state.indeterminate && _this.input.current) {
         _this.input.current.indeterminate = true;
       }
 
-      (_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.addEventListener('keydown', _this.handleShiftPress);
-      (_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.addEventListener('keyup', _this.handleShiftRelease);
+      (_this$globalObject$do = _this.globalObject.document) == null || _this$globalObject$do.addEventListener('keydown', _this.handleShiftPress);
+      (_this$globalObject$do2 = _this.globalObject.document) == null || _this$globalObject$do2.addEventListener('keyup', _this.handleShiftRelease);
     };_this.
 
-    componentWillUnmount = function () {var _globalObject$documen3, _globalObject$documen4;
-      (_globalObject$documen3 = _globalObject.globalObject.document) == null || _globalObject$documen3.removeEventListener('keydown', _this.handleShiftPress);
-      (_globalObject$documen4 = _globalObject.globalObject.document) == null || _globalObject$documen4.removeEventListener('keyup', _this.handleShiftRelease);
+    componentWillUnmount = function () {var _this$globalObject$do3, _this$globalObject$do4;
+      (_this$globalObject$do3 = _this.globalObject.document) == null || _this$globalObject$do3.removeEventListener('keydown', _this.handleShiftPress);
+      (_this$globalObject$do4 = _this.globalObject.document) == null || _this$globalObject$do4.removeEventListener('keyup', _this.handleShiftRelease);
     };
 
 
@@ -201,6 +212,8 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
 
 
 
+
+
 
 
 
@@ -230,7 +243,7 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
       }
     };_this.
 
-    renderMain = function (props) {var _cx, _cx3, _cx4;
+    renderMain = function (props) {var _this$cx, _this$cx3, _this$cx4;
       var
         error =
 
@@ -244,10 +257,14 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
 
 
 
-        props.error,warning = props.warning,size = props.size,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,onMouseOver = props.onMouseOver,onValueChange = props.onValueChange,type = props.type,initialIndeterminate = props.initialIndeterminate,ariaDescribedby = props['aria-describedby'],ariaLabel = props['aria-label'],rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+        props.error,warning = props.warning,size = props.size,onMouseEnter = props.onMouseEnter,onMouseLeave = props.onMouseLeave,onMouseOver = props.onMouseOver,onValueChange = props.onValueChange,onClick = props.onClick,type = props.type,initialIndeterminate = props.initialIndeterminate,ariaDescribedby = props['aria-describedby'],ariaLabel = props['aria-label'],rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
       var isIndeterminate = _this.state.indeterminate;
 
-      var iconClass = (0, _Emotion.cx)(_Checkbox2.styles.icon(), !_this.props.checked && !isIndeterminate && _Checkbox2.styles.iconUnchecked());
+      var iconClass = _this.cx(
+        _this.styles.icon(),
+        !_this.props.checked && !isIndeterminate && _this.styles.iconUnchecked()
+      );
 
       var iconSize = parseInt(_this.getCheckboxBoxSize());
       var IconCheck = /*#__PURE__*/
@@ -261,48 +278,45 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
       );
 
 
-      var rootClass = (0, _Emotion.cx)(_this.getRootSizeClassName(), (_cx = {}, _cx[
-      _Checkbox2.styles.root(_this.theme)] = true, _cx[
-      _Checkbox2.styles.rootFallback()] = _client.isIE11 || _client.isEdge, _cx[
-      _Checkbox2.styles.rootChecked(_this.theme)] = _this.props.checked || isIndeterminate, _cx[
-      _Checkbox2.styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[
-      _Checkbox2.styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _cx)
+      var rootClass = _this.cx(_this.getRootSizeClassName(), (_this$cx = {}, _this$cx[
+      _this.styles.root(_this.theme)] = true, _this$cx[
+      _this.styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _this$cx[
+      _this.styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _this$cx[
+      _this.styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _this$cx)
       );
 
       var inputProps = (0, _extends2.default)({},
       rest, {
         type: 'checkbox',
-        className: _Checkbox2.styles.input(),
+        className: _this.styles.input(),
         onChange: _this.handleChange,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
-        onClick: _this.handleClick,
         ref: _this.input });
 
 
       var caption = null;
-      if (_this.props.children) {var _cx2;
-        var captionClass = (0, _Emotion.cx)((_cx2 = {}, _cx2[
-        _Checkbox2.styles.caption(_this.theme)] = true, _cx2[
-        _Checkbox2.styles.captionIE11()] = _client.isIE11 || _client.isEdge, _cx2[
-        _Checkbox2.styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _cx2)
+      if (_this.props.children) {var _this$cx2;
+        var captionClass = _this.cx((_this$cx2 = {}, _this$cx2[
+        _this.styles.caption(_this.theme)] = true, _this$cx2[
+        _this.styles.disabled(_this.theme)] = Boolean(props.disabled), _this$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[
-        _Checkbox2.styles.boxWrapper(_this.theme)] = true, _cx3)
+        className: _this.cx(_this.getBoxWrapperSizeClassName(), (_this$cx3 = {}, _this$cx3[
+        _this.styles.boxWrapper(_this.theme)] = true, _this$cx3)
         ) }, /*#__PURE__*/
 
       _react.default.createElement("div", {
-        className: (0, _Emotion.cx)(_Checkbox2.styles.box(_this.theme), _Checkbox2.globalClasses.box, (_cx4 = {}, _cx4[
-        _Checkbox2.styles.boxChecked(_this.theme)] = _this.props.checked || isIndeterminate, _cx4[
-        _Checkbox2.styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[
-        _Checkbox2.styles.boxError(_this.theme)] = _this.props.error, _cx4[
-        _Checkbox2.styles.boxWarning(_this.theme)] = _this.props.warning, _cx4[
-        _Checkbox2.styles.boxDisabled(_this.theme)] = _this.props.disabled, _cx4)
+        className: _this.cx(_this.styles.box(_this.theme), _Checkbox2.globalClasses.box, (_this$cx4 = {}, _this$cx4[
+        _this.styles.boxChecked(_this.theme)] = _this.props.checked || isIndeterminate, _this$cx4[
+        _this.styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _this$cx4[
+        _this.styles.boxError(_this.theme)] = _this.props.error, _this$cx4[
+        _this.styles.boxWarning(_this.theme)] = _this.props.warning, _this$cx4[
+        _this.styles.boxDisabled(_this.theme)] = _this.props.disabled, _this$cx4)
         ) },
 
       isIndeterminate && IconSquare || IconCheck
@@ -317,7 +331,7 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
           onMouseEnter: onMouseEnter,
           onMouseLeave: onMouseLeave,
           onMouseOver: onMouseOver,
-          onClick: (0, _fixFirefoxModifiedClickOnLabel.fixFirefoxModifiedClickOnLabel)(_this.input) }, /*#__PURE__*/
+          onClick: _this.handleClick }, /*#__PURE__*/
 
         _react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: _this.resetFocus }, /*#__PURE__*/
         _react.default.createElement("input", (0, _extends2.default)({}, inputProps, { "aria-label": ariaLabel, "aria-describedby": ariaDescribedby }))
@@ -332,8 +346,8 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
       if (!_this.props.disabled) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
-          if (_keyListener.keyListener.isTabPressed) {
+        _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
+          if (_this.keyListener.isTabPressed) {
             _this.setState({ focusedByTab: true });
           }
         });
@@ -361,28 +375,13 @@ Checkbox = exports.Checkbox = (0, _rootNode.rootNode)(_class = (0, _SizeDecorato
     };_this.
 
     handleClick = function (e) {
+      var handleModifierClickInFirefox = (0, _fixFirefoxModifiedClickOnLabel.fixFirefoxModifiedClickOnLabel)(_this.input);
+      handleModifierClickInFirefox(e);
       _this.props.onClick == null || _this.props.onClick(e);
-      // support IE11's and old Edge's special behavior
-      // https://github.com/jquery/jquery/issues/1698
-      if (_this.state.indeterminate && (_client.isIE11 || _client.isEdge)) {
-        _this.resetIndeterminate();
-        // simulate correct behavior only if onValueChange is used
-        // because we cant simulate real native onChange event
-        if (_this.props.onValueChange && _this.input.current) {
-          var checked = !_this.input.current.checked;
-
-          if (_this.props.checked === undefined) {
-            // in case of uncontrolled mode
-            _this.input.current.checked = checked;
-          }
-
-          _this.props.onValueChange(checked);
-        }
-      }
-    };return _this;}(0, _inheritsLoose2.default)(Checkbox, _React$PureComponent);var _proto = Checkbox.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.size) {case 'large':return _Checkbox2.styles.rootLarge(this.theme);case 'medium':return _Checkbox2.styles.rootMedium(this.theme);case 'small':default:return _Checkbox2.styles.rootSmall(this.theme);}};_proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {switch (this.size) {case 'large':return _Checkbox2.styles.boxWrapperLarge(this.theme);case 'medium':return _Checkbox2.styles.boxWrapperMedium(this.theme);case 'small':default:return _Checkbox2.styles.boxWrapperSmall(this.theme);}};_proto.getCheckboxBoxSize = function getCheckboxBoxSize() {switch (this.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.getProps()), _this2.renderMain);});} /**
+    };return _this;}(0, _inheritsLoose2.default)(Checkbox, _React$PureComponent);var _proto = Checkbox.prototype;_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.size) {case 'large':return this.styles.rootLarge(this.theme);case 'medium':return this.styles.rootMedium(this.theme);case 'small':default:return this.styles.rootSmall(this.theme);}};_proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {switch (this.size) {case 'large':return this.styles.boxWrapperLarge(this.theme);case 'medium':return this.styles.boxWrapperMedium(this.theme);case 'small':default:return this.styles.boxWrapperSmall(this.theme);}};_proto.getCheckboxBoxSize = function getCheckboxBoxSize() {switch (this.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;this.styles = (0, _Checkbox2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});} /**
    * Программная установка фокуса чекбоксу.
    * @public
-   */;_proto.focus = function focus() {var _this$input$current;_keyListener.keyListener.isTabPressed = true;(_this$input$current = this.input.current) == null || _this$input$current.focus();} /**
+   */;_proto.focus = function focus() {var _this$input$current;this.keyListener.isTabPressed = true;(_this$input$current = this.input.current) == null || _this$input$current.focus();} /**
    * Программное снятие фокуса с чекбокса.
    * @public
-   */;_proto.blur = function blur() {var _this$input$current2;(_this$input$current2 = this.input.current) == null || _this$input$current2.blur();};return Checkbox;}(_react.default.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox)) || _class) || _class;
+   */;_proto.blur = function blur() {var _this$input$current2;(_this$input$current2 = this.input.current) == null || _this$input$current2.blur();};return Checkbox;}(_react.default.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox)) || _class) || _class) || _class;