@skbkontur/react-ui 5.5.2 → 5.6.1-85c65.0

package/components/Center/Center/Center.js

@@ -5,10 +5,10 @@ var _excluded = ["align"];
 var _class, _Center;
 import React from 'react';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles } from "../Center.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../Center.styles";
 export var CenterDataTids = {
   root: 'Center__root'
 };
@@ -18,7 +18,7 @@ export var CenterDataTids = {
  *
  * Выравнивание задается пропом `align`.
  */
-export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$Component) {
+export var Center = withRenderEnvironment(_class = 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++) {
@@ -27,21 +27,21 @@ export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$C
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(Center.defaultProps);
     _this.renderMain = function (props) {
-      var _cx;
+      var _this$cx;
       var align = props.align,
         rest = _objectWithoutPropertiesLoose(props, _excluded);
       return /*#__PURE__*/(
         React.createElement("div", _extends({
           "data-tid": CenterDataTids.root
         }, rest, {
-          className: cx((_cx = {}, _cx[styles.root()] = true, _cx[styles.rootAlignLeft()] = align === 'left', _cx[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.createElement("span", {
-          className: styles.spring()
+          className: _this.styles.spring()
         }), /*#__PURE__*/
         React.createElement("span", {
-          className: styles.container()
+          className: _this.styles.container()
         }, _this.props.children))
       );
     };
@@ -50,6 +50,7 @@ export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$C
   _inheritsLoose(Center, _React$Component);
   var _proto = Center.prototype;
   _proto.render = function render() {
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.getProps()), this.renderMain);
@@ -57,4 +58,4 @@ export var Center = rootNode(_class = (_Center = /*#__PURE__*/function (_React$C
   return Center;
 }(React.Component), _Center.__KONTUR_REACT_UI__ = 'Center', _Center.displayName = 'Center', _Center.defaultProps = {
   align: 'center'
-}, _Center)) || _class;
+}, _Center)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","CommonWrapper","cx","rootNode","createPropsGetter","styles","CenterDataTids","root","Center","_class","_Center","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderMain","props","_cx","align","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","className","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose","_proto","prototype","render","rootNodeRef","setRootNode","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":"kRAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,MAAM,QAAQ,iBAAiB;;;;;;;;;;;;;;AAcxC,OAAO,IAAMC,cAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAU;;;;;AAKV;AACA;AACA;AACA;AACA;AACA;AACaC,MAAM,GADlBL,QAAQ,CAAAM,MAAA,IAAAC,OAAA,0BAAAC,gBAAA,YAAAH,OAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;IAQCU,QAAQ,GAAGlB,iBAAiB,CAACI,MAAM,CAACe,YAAY,CAAC,CAAAX,KAAA;;;;;;;;;;;;IAYjDY,UAAU,GAAG,UAACC,KAAqD,EAAK,KAAAC,GAAA;MAC9E,IAAQC,KAAK,GAAcF,KAAK,CAAxBE,KAAK,CAAKC,IAAI,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;;MAEhC;QACE9B,KAAA,CAAA+B,aAAA,QAAAC,QAAA;UACE,YAAU1B,cAAc,CAACC,IAAK;QAC1BqB,IAAI;UACRK,SAAS,EAAE/B,EAAE,EAAAwB,GAAA,OAAAA,GAAA;UACVrB,MAAM,CAACE,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAmB,GAAA;UACpBrB,MAAM,CAAC6B,aAAa,CAAC,CAAC,IAAGP,KAAK,KAAK,MAAM,EAAAD,GAAA;UACzCrB,MAAM,CAAC8B,cAAc,CAAC,CAAC,IAAGR,KAAK,KAAK,OAAO,EAAAD,GAAA;UAC7C,CAAE;;QAEH1B,KAAA,CAAA+B,aAAA,WAAME,SAAS,EAAE5B,MAAM,CAAC+B,MAAM,CAAC,CAAE,EAAE,CAAC;QACpCpC,KAAA,CAAA+B,aAAA,WAAME,SAAS,EAAE5B,MAAM,CAACgC,SAAS,CAAC,CAAE,IAAEzB,KAAA,CAAKa,KAAK,CAACa,QAAe;QAC7D,CAAC;;IAEV,CAAC,QAAA1B,KAAA,EAAA2B,cAAA,CAAA/B,MAAA,EAAAG,gBAAA,MAAA6B,MAAA,GAAAhC,MAAA,CAAAiC,SAAA,CAAAD,MAAA,CAxBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE1C,KAAA,CAAA+B,aAAA,CAAC9B,aAAa,EAAA+B,QAAA,GAACW,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACtB,QAAQ,CAAC,CAAC,GAC9D,IAAI,CAACE,UACO,CAAC,CAEpB,CAAC,QAAAhB,MAAA,GAlByBR,KAAK,CAAC6C,SAAS,GAAAnC,OAAA,CAC3BoC,mBAAmB,GAAG,QAAQ,EAAApC,OAAA,CAC9BqC,WAAW,GAAG,QAAQ,EAAArC,OAAA,CAEtBa,YAAY,GAAiB,EACzCI,KAAK,EAAE,QAAQ,CACjB,CAAC,EAAAjB,OAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["React","CommonWrapper","rootNode","createPropsGetter","withRenderEnvironment","getStyles","CenterDataTids","root","Center","_class","_Center","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderMain","props","_this$cx","align","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","className","cx","styles","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose","_proto","prototype","render","emotion","rootNodeRef","setRootNode","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(): React.JSX.Element {\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/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/components/Center/Center.styles/Center.styles.js

@@ -1,20 +1,23 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "])));
-  },
-  rootAlignLeft: function rootAlignLeft() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
-  },
-  rootAlignRight: function rootAlignRight() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "])));
-  },
-  spring: function spring() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
-  },
-  container: function container() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "])));
+    },
+    rootAlignLeft: function rootAlignLeft() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
+    },
+    rootAlignRight: function rootAlignRight() {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "])));
+    },
+    spring: function spring() {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
+    },
+    container: function container() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
+    }
+  };
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootAlignLeft","_templateObject2","rootAlignRight","_templateObject3","spring","_templateObject4","container","_templateObject5"],"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":"4LAAA,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;;;;EAIZ,CAAC;;EAEDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;EAKZ,CAAC;;EAEDO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","rootAlignLeft","_templateObject2","rootAlignRight","_templateObject3","spring","_templateObject4","container","_templateObject5"],"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,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIZ,CAAC;;IAEDC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;IAGZ,CAAC;;IAEDG,cAAc,WAAAA,eAAA,EAAG;MACf,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;IAGZ,CAAC;;IAEDK,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;IAKZ,CAAC;;IAEDO,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;IAKZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/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/components/Checkbox/Checkbox/Checkbox.js

@@ -1,21 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["error", "warning", "size", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate", "aria-describedby", "aria-label"];
+var _excluded = ["error", "warning", "size", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "onClick", "type", "initialIndeterminate", "aria-describedby", "aria-label"];
 var _class, _Checkbox;
 import React from 'react';
-import { globalObject } from '@skbkontur/global-object';
-import { keyListener } from "../../../lib/events/keyListener";
+import { KeyListener } from "../../../lib/events/keyListener";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { isEdge, isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
 import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
 import { withSize } from "../../../lib/size/SizeDecorator";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles, globalClasses } from "../Checkbox.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles, globalClasses } from "../Checkbox.styles";
 import { CheckedIcon } from "../CheckedIcon";
 import { IndeterminateIcon } from "../IndeterminateIcon";
 export var CheckboxDataTids = {
@@ -28,7 +26,7 @@ export var CheckboxDataTids = {
  * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
  * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
  */
-export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE__*/function (_React$PureComponent) {
+export var Checkbox = withRenderEnvironment(_class = rootNode(_class = 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++) {
@@ -59,17 +57,18 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       }
     };
     _this.componentDidMount = function () {
-      var _globalObject$documen, _globalObject$documen2;
+      var _this$globalObject$do, _this$globalObject$do2;
+      _this.keyListener = new KeyListener(_this.globalObject);
       if (_this.state.indeterminate && _this.input.current) {
         _this.input.current.indeterminate = true;
       }
-      (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('keydown', _this.handleShiftPress);
-      (_globalObject$documen2 = 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.document) == null || _globalObject$documen3.removeEventListener('keydown', _this.handleShiftPress);
-      (_globalObject$documen4 = globalObject.document) == null || _globalObject$documen4.removeEventListener('keyup', _this.handleShiftRelease);
+      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);
     };
 
     /**
@@ -98,7 +97,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       }
     };
     _this.renderMain = function (props) {
-      var _cx, _cx3, _cx4;
+      var _this$cx, _this$cx3, _this$cx4;
       var error = props.error,
         warning = props.warning,
         size = props.size,
@@ -106,13 +105,14 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
         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 = _objectWithoutPropertiesLoose(props, _excluded);
       var isIndeterminate = _this.state.indeterminate;
-      var iconClass = cx(styles.icon(), !_this.props.checked && !isIndeterminate && styles.iconUnchecked());
+      var iconClass = _this.cx(_this.styles.icon(), !_this.props.checked && !isIndeterminate && _this.styles.iconUnchecked());
       var iconSize = parseInt(_this.getCheckboxBoxSize());
       var IconCheck = /*#__PURE__*/
       React.createElement("span", {
@@ -128,31 +128,30 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       React.createElement(IndeterminateIcon, {
         size: iconSize
       }));
-      var rootClass = cx(_this.getRootSizeClassName(), (_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.rootFallback()] = isIE11 || isEdge, _cx[styles.rootChecked(_this.theme)] = _this.props.checked || isIndeterminate, _cx[styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[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 = _extends({}, rest, {
         type: 'checkbox',
-        className: 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 = cx((_cx2 = {}, _cx2[styles.caption(_this.theme)] = true, _cx2[styles.captionIE11()] = isIE11 || isEdge, _cx2[styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _cx2));
+        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.createElement("span", {
           className: captionClass
         }, _this.props.children);
       }
       var box = /*#__PURE__*/
       React.createElement("div", {
-        className: cx(_this.getBoxWrapperSizeClassName(), (_cx3 = {}, _cx3[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.createElement("div", {
-        className: cx(styles.box(_this.theme), globalClasses.box, (_cx4 = {}, _cx4[styles.boxChecked(_this.theme)] = _this.props.checked || isIndeterminate, _cx4[styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[styles.boxError(_this.theme)] = _this.props.error, _cx4[styles.boxWarning(_this.theme)] = _this.props.warning, _cx4[styles.boxDisabled(_this.theme)] = _this.props.disabled, _cx4))
+        className: _this.cx(_this.styles.box(_this.theme), 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));
       return /*#__PURE__*/(
         React.createElement("label", {
@@ -161,7 +160,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
           onMouseEnter: onMouseEnter,
           onMouseLeave: onMouseLeave,
           onMouseOver: onMouseOver,
-          onClick: fixFirefoxModifiedClickOnLabel(_this.input)
+          onClick: _this.handleClick
         }, /*#__PURE__*/
 
         React.createElement(FocusControlWrapper, {
@@ -177,8 +176,8 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       if (!_this.props.disabled) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-          if (keyListener.isTabPressed) {
+        _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
+          if (_this.keyListener.isTabPressed) {
             _this.setState({
               focusedByTab: true
             });
@@ -205,22 +204,9 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       _this.props.onChange == null || _this.props.onChange(event);
     };
     _this.handleClick = function (e) {
+      var handleModifierClickInFirefox = 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 && (isIE11 || 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;
   }
@@ -229,23 +215,23 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
   _proto.getRootSizeClassName = function getRootSizeClassName() {
     switch (this.size) {
       case 'large':
-        return styles.rootLarge(this.theme);
+        return this.styles.rootLarge(this.theme);
       case 'medium':
-        return styles.rootMedium(this.theme);
+        return this.styles.rootMedium(this.theme);
       case 'small':
       default:
-        return styles.rootSmall(this.theme);
+        return this.styles.rootSmall(this.theme);
     }
   };
   _proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {
     switch (this.size) {
       case 'large':
-        return styles.boxWrapperLarge(this.theme);
+        return this.styles.boxWrapperLarge(this.theme);
       case 'medium':
-        return styles.boxWrapperMedium(this.theme);
+        return this.styles.boxWrapperMedium(this.theme);
       case 'small':
       default:
-        return styles.boxWrapperSmall(this.theme);
+        return this.styles.boxWrapperSmall(this.theme);
     }
   };
   _proto.getCheckboxBoxSize = function getCheckboxBoxSize() {
@@ -266,6 +252,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
   };
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
@@ -278,7 +265,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
     */;
   _proto.focus = function focus() {
     var _this$input$current;
-    keyListener.isTabPressed = true;
+    this.keyListener.isTabPressed = true;
     (_this$input$current = this.input.current) == null || _this$input$current.focus();
   } /**
     * Программное снятие фокуса с чекбокса.
@@ -289,4 +276,4 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
     (_this$input$current2 = this.input.current) == null || _this$input$current2.blur();
   };
   return Checkbox;
-}(React.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox)) || _class) || _class;
+}(React.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox)) || _class) || _class) || _class;

package/components/Checkbox/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","keyListener","ThemeContext","isEdge","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","withSize","createPropsGetter","styles","globalClasses","CheckedIcon","IndeterminateIcon","CheckboxDataTids","root","Checkbox","_class","_Checkbox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","getProps","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","document","addEventListener","componentWillUnmount","_globalObject$documen3","_globalObject$documen4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_cx","_cx3","_cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","isIndeterminate","iconClass","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","IconSquare","rootClass","getRootSizeClassName","theme","rootFallback","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","_cx2","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","onBlurWhenDisabled","resetFocus","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","Consumer","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Checkbox.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 { keyListener } from '../../lib/events/keyListener';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isEdge, isIE11 } from '../../lib/client';\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 { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** @ignore */\n        children?: React.ReactNode;\n\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\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        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange?: (value: boolean) => void;\n\n        /** Задает HTML-событие `onblur`.\n         * @ignore */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n        /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */\n        initialIndeterminate?: boolean;\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n  isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n  root: 'Checkbox__root',\n} as const;\n\n/**\n * `Checkbox` используется для управления параметром с двумя состояниями.\n *\n * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n */\n@rootNode\n@withSize\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n  public static displayName = 'Checkbox';\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getBoxWrapperSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.boxWrapperLarge(this.theme);\n      case 'medium':\n        return styles.boxWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.boxWrapperSmall(this.theme);\n    }\n  }\n\n  private getCheckboxBoxSize() {\n    switch (this.size) {\n      case 'large':\n        return this.theme.checkboxBoxSizeLarge;\n      case 'medium':\n        return this.theme.checkboxBoxSizeMedium;\n      case 'small':\n      default:\n        return this.theme.checkboxBoxSizeSmall;\n    }\n  }\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n    isShiftPressed: false,\n  };\n  private size!: SizeProp;\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n  private getProps = createPropsGetter({});\n\n  private handleShiftPress = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState(() => ({\n        isShiftPressed: true,\n      }));\n    }\n  };\n\n  private handleShiftRelease = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState({\n        isShiftPressed: false,\n      });\n    }\n  };\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n\n    globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate(prevProps: CheckboxProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.resetIndeterminate();\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   * Программная установка фокуса чекбоксу.\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.input.current?.focus();\n  }\n\n  /**\n   * Программное снятие фокуса с чекбокса.\n   * @public\n   */\n  public blur() {\n    this.input.current?.blur();\n  }\n\n  /**\n   * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n   * @public\n   */\n  public setIndeterminate = () => {\n    this.setState({\n      indeterminate: true,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  /**\n   * Снимает с чекбокса HTML-состояние `indeterminate`.\n   * @public\n   */\n  public resetIndeterminate = () => {\n    this.setState({\n      indeterminate: false,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = false;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n    const {\n      error,\n      warning,\n      size,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const iconClass = cx(styles.icon(), !this.props.checked && !isIndeterminate && styles.iconUnchecked());\n\n    const iconSize = parseInt(this.getCheckboxBoxSize());\n    const IconCheck = (\n      <span className={iconClass}>\n        <CheckedIcon size={iconSize} />\n      </span>\n    );\n    const IconSquare = (\n      <span className={iconClass}>\n        <IndeterminateIcon size={iconSize} />\n      </span>\n    );\n\n    const rootClass = cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: this.props.checked || isIndeterminate,\n      [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n      [styles.disabled(this.theme)]: Boolean(this.props.disabled),\n    });\n\n    const inputProps = {\n      ...rest,\n      type: 'checkbox',\n      className: styles.input(),\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onClick: this.handleClick,\n      ref: this.input,\n    };\n\n    let caption = null;\n    if (this.props.children) {\n      const captionClass = cx({\n        [styles.caption(this.theme)]: true,\n        [styles.captionIE11()]: isIE11 || isEdge,\n        [styles.disabled(this.theme)]: Boolean(this.props.disabled),\n      });\n      caption = <span className={captionClass}>{this.props.children}</span>;\n    }\n\n    const box = (\n      <div\n        className={cx(this.getBoxWrapperSizeClassName(), {\n          [styles.boxWrapper(this.theme)]: true,\n        })}\n      >\n        <div\n          className={cx(styles.box(this.theme), globalClasses.box, {\n            [styles.boxChecked(this.theme)]: this.props.checked || isIndeterminate,\n            [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n            [styles.boxError(this.theme)]: this.props.error,\n            [styles.boxWarning(this.theme)]: this.props.warning,\n            [styles.boxDisabled(this.theme)]: this.props.disabled,\n          })}\n        >\n          {(isIndeterminate && IconSquare) || IconCheck}\n        </div>\n      </div>\n    );\n\n    return (\n      <label\n        data-tid={CheckboxDataTids.root}\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n        </FocusControlWrapper>\n        {box}\n        {caption}\n      </label>\n    );\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByTab: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = event.currentTarget.checked;\n    this.props.onValueChange?.(checked);\n\n    this.resetIndeterminate();\n\n    this.props.onChange?.(event);\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    this.props.onClick?.(e);\n    // support IE11's and old Edge's special behavior\n    // https://github.com/jquery/jquery/issues/1698\n    if (this.state.indeterminate && (isIE11 || isEdge)) {\n      this.resetIndeterminate();\n      // simulate correct behavior only if onValueChange is used\n      // because we cant simulate real native onChange event\n      if (this.props.onValueChange && this.input.current) {\n        const checked = !this.input.current.checked;\n\n        if (this.props.checked === undefined) {\n          // in case of uncontrolled mode\n          this.input.current.checked = checked;\n        }\n\n        this.props.onValueChange(checked);\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","KeyListener","ThemeContext","CommonWrapper","rootNode","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","withSize","createPropsGetter","withRenderEnvironment","getStyles","globalClasses","CheckedIcon","IndeterminateIcon","CheckboxDataTids","root","Checkbox","_class","_Checkbox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","getProps","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_this$globalObject$do","_this$globalObject$do2","keyListener","globalObject","current","document","addEventListener","componentWillUnmount","_this$globalObject$do3","_this$globalObject$do4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_this$cx","_this$cx3","_this$cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","onClick","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","isIndeterminate","iconClass","cx","styles","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","IconSquare","rootClass","getRootSizeClassName","theme","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","ref","caption","children","_this$cx2","captionClass","box","getBoxWrapperSizeClassName","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","handleClick","onBlurWhenDisabled","resetFocus","requestAnimationFrame","isTabPressed","event","currentTarget","handleModifierClickInFirefox","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","emotion","Consumer","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Checkbox.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { Override } from '../../typings/utility-types';\nimport { KeyListener } from '../../lib/events/keyListener';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\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 { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** @ignore */\n        children?: React.ReactNode;\n\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\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        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange?: (value: boolean) => void;\n\n        /** Задает HTML-событие `onclick`.\n         * @ignore */\n        onClick?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onblur`.\n         * @ignore */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n        /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */\n        initialIndeterminate?: boolean;\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n  isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n  root: 'Checkbox__root',\n} as const;\n\n/**\n * `Checkbox` используется для управления параметром с двумя состояниями.\n *\n * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n */\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n  public static displayName = 'Checkbox';\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.rootLarge(this.theme);\n      case 'medium':\n        return this.styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.rootSmall(this.theme);\n    }\n  }\n\n  private getBoxWrapperSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.boxWrapperLarge(this.theme);\n      case 'medium':\n        return this.styles.boxWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.boxWrapperSmall(this.theme);\n    }\n  }\n\n  private getCheckboxBoxSize() {\n    switch (this.size) {\n      case 'large':\n        return this.theme.checkboxBoxSizeLarge;\n      case 'medium':\n        return this.theme.checkboxBoxSizeMedium;\n      case 'small':\n      default:\n        return this.theme.checkboxBoxSizeSmall;\n    }\n  }\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n    isShiftPressed: false,\n  };\n  private size!: SizeProp;\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n  private getProps = createPropsGetter({});\n  private keyListener!: KeyListener;\n\n  private handleShiftPress = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState(() => ({\n        isShiftPressed: true,\n      }));\n    }\n  };\n\n  private handleShiftRelease = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState({\n        isShiftPressed: false,\n      });\n    }\n  };\n\n  public componentDidMount = () => {\n    this.keyListener = new KeyListener(this.globalObject);\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n\n    this.globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n    this.globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    this.globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n    this.globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate(prevProps: CheckboxProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.resetIndeterminate();\n    }\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Программная установка фокуса чекбоксу.\n   * @public\n   */\n  public focus(): void {\n    this.keyListener.isTabPressed = true;\n    this.input.current?.focus();\n  }\n\n  /**\n   * Программное снятие фокуса с чекбокса.\n   * @public\n   */\n  public blur(): void {\n    this.input.current?.blur();\n  }\n\n  /**\n   * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n   * @public\n   */\n  public setIndeterminate = (): void => {\n    this.setState({\n      indeterminate: true,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  /**\n   * Снимает с чекбокса HTML-состояние `indeterminate`.\n   * @public\n   */\n  public resetIndeterminate = (): void => {\n    this.setState({\n      indeterminate: false,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = false;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n    const {\n      error,\n      warning,\n      size,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      onClick,\n      type,\n      initialIndeterminate,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const iconClass = this.cx(\n      this.styles.icon(),\n      !this.props.checked && !isIndeterminate && this.styles.iconUnchecked(),\n    );\n\n    const iconSize = parseInt(this.getCheckboxBoxSize());\n    const IconCheck = (\n      <span className={iconClass}>\n        <CheckedIcon size={iconSize} />\n      </span>\n    );\n    const IconSquare = (\n      <span className={iconClass}>\n        <IndeterminateIcon size={iconSize} />\n      </span>\n    );\n\n    const rootClass = this.cx(this.getRootSizeClassName(), {\n      [this.styles.root(this.theme)]: true,\n      [this.styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n      [this.styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n      [this.styles.disabled(this.theme)]: Boolean(this.props.disabled),\n    });\n\n    const inputProps = {\n      ...rest,\n      type: 'checkbox',\n      className: this.styles.input(),\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      ref: this.input,\n    };\n\n    let caption = null;\n    if (this.props.children) {\n      const captionClass = this.cx({\n        [this.styles.caption(this.theme)]: true,\n        [this.styles.disabled(this.theme)]: Boolean(props.disabled),\n      });\n      caption = <span className={captionClass}>{this.props.children}</span>;\n    }\n\n    const box = (\n      <div\n        className={this.cx(this.getBoxWrapperSizeClassName(), {\n          [this.styles.boxWrapper(this.theme)]: true,\n        })}\n      >\n        <div\n          className={this.cx(this.styles.box(this.theme), globalClasses.box, {\n            [this.styles.boxChecked(this.theme)]: this.props.checked || isIndeterminate,\n            [this.styles.boxFocus(this.theme)]: this.state.focusedByTab,\n            [this.styles.boxError(this.theme)]: this.props.error,\n            [this.styles.boxWarning(this.theme)]: this.props.warning,\n            [this.styles.boxDisabled(this.theme)]: this.props.disabled,\n          })}\n        >\n          {(isIndeterminate && IconSquare) || IconCheck}\n        </div>\n      </div>\n    );\n\n    return (\n      <label\n        data-tid={CheckboxDataTids.root}\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={this.handleClick}\n      >\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n        </FocusControlWrapper>\n        {box}\n        {caption}\n      </label>\n    );\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.props.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.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByTab: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = event.currentTarget.checked;\n    this.props.onValueChange?.(checked);\n\n    this.resetIndeterminate();\n\n    this.props.onChange?.(event);\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLLabelElement>) => {\n    const handleModifierClickInFirefox = fixFirefoxModifiedClickOnLabel(this.input);\n    handleModifierClickInFirefox(e);\n    this.props.onClick?.(e);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/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/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js

@@ -1,14 +1,11 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
-import { css } from "../../../lib/theming/Emotion";
 import { isChrome, isFirefox } from "../../../lib/client";
 import { getLabGrotesqueBaselineCompensation } from "../../../lib/styles/getLabGrotesqueBaselineCompensation";
 export var checkboxSizeMixin = function checkboxSizeMixin(fontSize, lineHeight, paddingY, checkboxBoxSize, paddingX) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])), lineHeight, fontSize, paddingY, paddingX, checkboxBoxSize);
+  return "\n    line-height: " + lineHeight + ";\n    font-size: " + fontSize + ";\n    padding: " + paddingY + " " + paddingX + ";\n\n    &::before {\n      width: " + checkboxBoxSize + ";\n    }\n  ";
 };
 export var boxWrapperSizeMixin = function boxWrapperSizeMixin(labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY, checkboxPaddingX) {
   var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
   var boxFontSize = parseInt(fontSize);
   var baselineCompensation = getLabGrotesqueBaselineCompensation(boxFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n    left: ", ";\n  "])), checkboxBoxSize, checkboxBoxSize, checkboxBoxOffsetY, baselineCompensation, checkboxPaddingX);
+  return "\n    width: " + checkboxBoxSize + ";\n    height: " + checkboxBoxSize + ";\n    margin-top: calc(" + checkboxBoxOffsetY + " + " + baselineCompensation + "px);\n    left: " + checkboxPaddingX + ";\n  ";
 };

package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","isChrome","isFirefox","getLabGrotesqueBaselineCompensation","checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","paddingX","_templateObject","_taggedTemplateLiteralLoose","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","checkboxPaddingX","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","_templateObject2"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingY: string,\n  checkboxBoxSize: string,\n  paddingX: string,\n) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} ${paddingX};\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n  checkboxPaddingX: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n    left: ${checkboxPaddingX};\n  `;\n};\n"],"mappings":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;AAC/C,SAASC,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;AACtD,SAASC,mCAAmC,QAAQ,sDAAsD;;AAE1G,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AAC5BC,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,eAAuB;AACvBC,QAAgB;AACb;EACH,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACOL,UAAU;EACZD,QAAQ;EACVE,QAAQ,EAAIE,QAAQ;;;EAGpBD,eAAe;;;AAG9B,CAAC;;AAED,OAAO,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCR,QAAgB;AAChBG,eAAuB;AACvBM,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,WAAW,GAAGD,QAAQ,CAACZ,QAAQ,CAAC;EACtC,IAAMc,oBAAoB,GAAGhB,mCAAmC;IAC9De,WAAW;IACXF,yBAAyB;IACzBf,QAAQ;IACRC;EACF,CAAC;;EAED,OAAOF,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;EACCH,eAAe;EACdA,eAAe;EACNM,kBAAkB,EAAMK,oBAAoB;EACvDJ,gBAAgB;;AAE5B,CAAC","ignoreList":[]}
+{"version":3,"names":["isChrome","isFirefox","getLabGrotesqueBaselineCompensation","checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","paddingX","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","checkboxPaddingX","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingY: string,\n  checkboxBoxSize: string,\n  paddingX: string,\n): string => {\n  return `\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} ${paddingX};\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n  checkboxPaddingX: string,\n): string => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return `\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n    left: ${checkboxPaddingX};\n  `;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;AACtD,SAASC,mCAAmC,QAAQ,sDAAsD;;AAE1G,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AAC5BC,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,eAAuB;AACvBC,QAAgB;AACL;EACX;EACiBH,UAAU;EACZD,QAAQ;EACVE,QAAQ,SAAIE,QAAQ;;;EAGpBD,eAAe;;;AAG9B,CAAC;;AAED,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCN,QAAgB;AAChBG,eAAuB;AACvBI,kBAA0B;AAC1BC,gBAAwB;AACb;EACX,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,WAAW,GAAGD,QAAQ,CAACV,QAAQ,CAAC;EACtC,IAAMY,oBAAoB,GAAGd,mCAAmC;IAC9Da,WAAW;IACXF,yBAAyB;IACzBb,QAAQ;IACRC;EACF,CAAC;;EAED;EACWM,eAAe;EACdA,eAAe;EACNI,kBAAkB,WAAMK,oBAAoB;EACvDJ,gBAAgB;;AAE5B,CAAC","ignoreList":[]}