@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","root","css","_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 { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        height: 100%;\n        text-align: center;\n      `;\n    },\n\n    rootAlignLeft() {\n      return emotion.css`\n        text-align: left;\n      `;\n    },\n\n    rootAlignRight() {\n      return emotion.css`\n        text-align: right;\n      `;\n    },\n\n    spring() {\n      return emotion.css`\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      `;\n    },\n\n    container() {\n      return emotion.css`\n        display: inline-block;\n        text-align: left;\n        vertical-align: middle;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;MAIpB,CAAC;;MAEDC,aAAa,WAAAA,cAAA,EAAG;QACd,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;MAGpB,CAAC;;MAEDG,cAAc,WAAAA,eAAA,EAAG;QACf,OAAOP,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;MAGpB,CAAC;;MAEDK,MAAM,WAAAA,OAAA,EAAG;QACP,OAAOT,OAAO,CAACE,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;MAKpB,CAAC;;MAEDO,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOX,OAAO,CAACE,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;MAKpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

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

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

package/components/Center/__docs__/Center.mdx

@@ -0,0 +1,24 @@
+import * as CenterStories from './Center.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={CenterStories} />
+
+# Center
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/Checkbox/Checkbox/Checkbox.js

@@ -7,20 +7,27 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { globalObject } from '@skbkontur/global-object';
 import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isEdge, isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles, globalClasses } from "../Checkbox.styles";
+import { styles, globalClasses } from "../Checkbox.styles";
 import { CheckedIcon } from "../CheckedIcon";
 import { IndeterminateIcon } from "../IndeterminateIcon";
 export var CheckboxDataTids = {
   root: 'Checkbox__root'
 };
+
+/**
+ * `Checkbox` используется для управления параметром с двумя состояниями.
+ *
+ * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
+ * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
+ */
 export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_React$PureComponent) {
   function Checkbox() {
     var _this;
@@ -91,7 +98,7 @@ export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_Rea
       }
     };
     _this.renderMain = function (props) {
-      var _this$emotion$cx, _this$emotion$cx3, _this$emotion$cx4;
+      var _cx, _cx3, _cx4;
       var error = props.error,
         warning = props.warning,
         size = props.size,
@@ -105,8 +112,7 @@ export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_Rea
         ariaLabel = props['aria-label'],
         rest = _objectWithoutPropertiesLoose(props, _excluded);
       var isIndeterminate = _this.state.indeterminate;
-      var styles = _this.styles;
-      var iconClass = _this.emotion.cx(styles.icon(), !props.checked && !isIndeterminate && styles.iconUnchecked());
+      var iconClass = cx(styles.icon(), !props.checked && !isIndeterminate && styles.iconUnchecked());
       var iconSize = parseInt(_this.getCheckboxBoxSize());
       var IconCheck = /*#__PURE__*/
       React.createElement("span", {
@@ -122,7 +128,7 @@ export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_Rea
       React.createElement(IndeterminateIcon, {
         size: iconSize
       }));
-      var rootClass = _this.emotion.cx(_this.getRootSizeClassName(), (_this$emotion$cx = {}, _this$emotion$cx[styles.root(_this.theme)] = true, _this$emotion$cx[styles.rootFallback()] = isIE11 || isEdge, _this$emotion$cx[styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _this$emotion$cx[styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _this$emotion$cx[styles.disabled(_this.theme)] = Boolean(props.disabled), _this$emotion$cx));
+      var rootClass = cx(_this.getRootSizeClassName(), (_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.rootFallback()] = isIE11 || isEdge, _cx[styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _cx[styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[styles.disabled(_this.theme)] = Boolean(props.disabled), _cx));
       var inputProps = _extends({}, rest, {
         type: 'checkbox',
         className: styles.input(),
@@ -134,19 +140,19 @@ export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_Rea
       });
       var caption = null;
       if (_this.props.children) {
-        var _this$emotion$cx2;
-        var captionClass = _this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[styles.caption(_this.theme)] = true, _this$emotion$cx2[styles.captionIE11()] = isIE11 || isEdge, _this$emotion$cx2[styles.disabled(_this.theme)] = Boolean(props.disabled), _this$emotion$cx2));
+        var _cx2;
+        var captionClass = cx((_cx2 = {}, _cx2[styles.caption(_this.theme)] = true, _cx2[styles.captionIE11()] = isIE11 || isEdge, _cx2[styles.disabled(_this.theme)] = Boolean(props.disabled), _cx2));
         caption = /*#__PURE__*/React.createElement("span", {
           className: captionClass
         }, _this.props.children);
       }
       var box = /*#__PURE__*/
       React.createElement("div", {
-        className: _this.emotion.cx(_this.getBoxWrapperSizeClassName(), (_this$emotion$cx3 = {}, _this$emotion$cx3[styles.boxWrapper(_this.theme)] = true, _this$emotion$cx3))
+        className: cx(_this.getBoxWrapperSizeClassName(), (_cx3 = {}, _cx3[styles.boxWrapper(_this.theme)] = true, _cx3))
       }, /*#__PURE__*/
 
       React.createElement("div", {
-        className: _this.emotion.cx(styles.box(_this.theme), globalClasses.box, (_this$emotion$cx4 = {}, _this$emotion$cx4[styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _this$emotion$cx4[styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _this$emotion$cx4[styles.boxError(_this.theme)] = props.error, _this$emotion$cx4[styles.boxWarning(_this.theme)] = props.warning, _this$emotion$cx4[styles.boxDisabled(_this.theme)] = props.disabled, _this$emotion$cx4))
+        className: cx(styles.box(_this.theme), globalClasses.box, (_cx4 = {}, _cx4[styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _cx4[styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[styles.boxError(_this.theme)] = props.error, _cx4[styles.boxWarning(_this.theme)] = props.warning, _cx4[styles.boxDisabled(_this.theme)] = props.disabled, _cx4))
       }, isIndeterminate && IconSquare || IconCheck));
       return /*#__PURE__*/(
         React.createElement("label", {
@@ -221,7 +227,6 @@ export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_Rea
   _inheritsLoose(Checkbox, _React$PureComponent);
   var _proto = Checkbox.prototype;
   _proto.getRootSizeClassName = function getRootSizeClassName() {
-    var styles = this.styles;
     switch (this.getProps().size) {
       case 'large':
         return styles.rootLarge(this.theme);
@@ -233,7 +238,6 @@ export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_Rea
     }
   };
   _proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {
-    var styles = this.styles;
     switch (this.getProps().size) {
       case 'large':
         return styles.boxWrapperLarge(this.theme);
@@ -262,15 +266,11 @@ export var Checkbox = rootNode(_class = (_Checkbox = /*#__PURE__*/function (_Rea
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.getProps()), _this2.renderMain);
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
     });
   } /**
     * Программная установка фокуса чекбоксу.

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

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","globalObject","keyListener","isEdge","isIE11","CommonWrapper","EmotionConsumer","rootNode","fixFirefoxModifiedClickOnLabel","createPropsGetter","FocusControlWrapper","ThemeContext","getStyles","globalClasses","CheckedIcon","IndeterminateIcon","CheckboxDataTids","root","Checkbox","_class","_Checkbox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","document","addEventListener","componentWillUnmount","_globalObject$documen3","_globalObject$documen4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_this$emotion$cx","_this$emotion$cx3","_this$emotion$cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","isIndeterminate","styles","iconClass","emotion","cx","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","_this$emotion$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","propTypes","bool","func"],"sources":["Checkbox.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\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        /**\n         * Контент `label`\n         */\n        children?: React.ReactNode;\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /**\n         * HTML-событие `mouseenter`.\n         */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseleave`.\n         */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseover`.\n         */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * Функция, вызываемая при изменении `value`.\n         */\n        onValueChange?: (value: boolean) => void;\n        /**\n         * HTML-событие `onblur`.\n         */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n        /**\n         * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n         */\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\ntype DefaultProps = Required<Pick<CheckboxProps, 'size'>>;\n\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n  public static displayName = 'Checkbox';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Checkbox.defaultProps);\n\n  private getRootSizeClassName() {\n    const styles = this.styles;\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getBoxWrapperSizeClassName() {\n    const styles = this.styles;\n    switch (this.getProps().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.getProps().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 static propTypes = {\n    checked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n  };\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n    isShiftPressed: false,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private input = React.createRef<HTMLInputElement>();\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  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      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\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      </EmotionConsumer>\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    const styles = this.styles;\n    const iconClass = this.emotion.cx(styles.icon(), !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 = this.emotion.cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n      [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n      [styles.disabled(this.theme)]: Boolean(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 = this.emotion.cx({\n        [styles.caption(this.theme)]: true,\n        [styles.captionIE11()]: isIE11 || isEdge,\n        [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.emotion.cx(this.getBoxWrapperSizeClassName(), {\n          [styles.boxWrapper(this.theme)]: true,\n        })}\n      >\n        <div\n          className={this.emotion.cx(styles.box(this.theme), globalClasses.box, {\n            [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n            [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n            [styles.boxError(this.theme)]: props.error,\n            [styles.boxWarning(this.theme)]: props.warning,\n            [styles.boxDisabled(this.theme)]: 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","PropTypes","globalObject","keyListener","ThemeContext","isEdge","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","createPropsGetter","FocusControlWrapper","styles","globalClasses","CheckedIcon","IndeterminateIcon","CheckboxDataTids","root","Checkbox","_class","_Checkbox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","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","propTypes","bool","func"],"sources":["Checkbox.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\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\ntype DefaultProps = Required<Pick<CheckboxProps, 'size'>>;\n\n/**\n * `Checkbox` используется для управления параметром с двумя состояниями.\n *\n * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n */\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n  public static displayName = 'Checkbox';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Checkbox.defaultProps);\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getBoxWrapperSizeClassName() {\n    switch (this.getProps().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.getProps().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 static propTypes = {\n    checked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n  };\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n    isShiftPressed: false,\n  };\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\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  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(), !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)]: props.checked || isIndeterminate,\n      [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n      [styles.disabled(this.theme)]: Boolean(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(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)]: props.checked || isIndeterminate,\n            [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n            [styles.boxError(this.theme)]: props.error,\n            [styles.boxWarning(this.theme)]: props.warning,\n            [styles.boxDisabled(this.theme)]: 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":[]}

package/components/Checkbox/Checkbox.d.ts

@@ -4,43 +4,29 @@ import { Override } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { SizeProp } from '../../lib/types/props';
 export interface CheckboxProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     * Контент `label`
-     */
+    /** @ignore */
     children?: React.ReactNode;
-    /**
-     * Состояние валидации при ошибке.
-     */
+    /** Переводит контрол в состояние валидации "ошибка". */
     error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
+    /** Переводит контрол в состояние валидации "предупреждение". */
     warning?: boolean;
-    /** Размер */
+    /** Задает размер. */
     size?: SizeProp;
-    /**
-     * HTML-событие `mouseenter`.
-     */
+    /** Задает HTML-событие `onmouseenter`.
+     * @ignore */
     onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-событие `mouseleave`.
-     */
+    /** Задает HTML-событие `onmouseleave`.
+     * @ignore */
     onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * HTML-событие `mouseover`.
-     */
+    /** Задает HTML-событие `onmouseover`.
+     * @ignore */
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * Функция, вызываемая при изменении `value`.
-     */
+    /** Задает функцию, вызывающуюся при изменении value. */
     onValueChange?: (value: boolean) => void;
-    /**
-     * HTML-событие `onblur`.
-     */
+    /** Задает HTML-событие `onblur`.
+     * @ignore */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /**
-     * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.
-     */
+    /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */
     initialIndeterminate?: boolean;
 }> {
 }
@@ -53,6 +39,12 @@ export declare const CheckboxDataTids: {
     readonly root: "Checkbox__root";
 };
 type DefaultProps = Required<Pick<CheckboxProps, 'size'>>;
+/**
+ * `Checkbox` используется для управления параметром с двумя состояниями.
+ *
+ * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
+ * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
+ */
 export declare class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
@@ -78,8 +70,6 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
         isShiftPressed: boolean;
     };
     private theme;
-    private emotion;
-    private styles;
     private input;
     private handleShiftPress;
     private handleShiftRelease;

package/components/Checkbox/Checkbox.md

@@ -1,4 +1,4 @@
-Базовый пример чекбокса.
+### Базовый пример чекбокса
 
 ```jsx harmony
 const [checked, setChecked] = React.useState(false);
@@ -8,7 +8,7 @@ const [checked, setChecked] = React.useState(false);
 </Checkbox>;
 ```
 
-У чекбокса есть несколько состояний.
+### Cостояния
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -36,7 +36,7 @@ const CheckboxWithState = ({children, ...props}) => {
 </Gapped>
 ```
 
-У чекбокса есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -54,7 +54,7 @@ import { Gapped } from '@skbkontur/react-ui';
 </Gapped>
 ```
 
-Пример использования методов чекбокса `focus()` и `blur()`.
+### focus и blur
 
 ```jsx harmony
 import { Button, Checkbox, Gapped } from '@skbkontur/react-ui';
@@ -90,6 +90,7 @@ let checkboxInstance = React.useRef(null);
 </Gapped>
 ```
 
+### Неопределенное состояние
 Чекбокс может находится в неопределённом состоянии. <br/> Это состояние полностью копирует поведение состояния `indeterminate` ([подробнее](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)) из HTML.
 
 Это состояние влияет только на внешний вид и не влияет на состояние `checked`.
@@ -121,7 +122,7 @@ let checkboxInstance = React.useRef(null);
 </Gapped>
 ```
 
-Пример использования неопределённого состояния чекбокса
+### Пример использования неопределённого состояния чекбокса
 
 ```jsx harmony
 const [checkedSiblings, setCheckedSiblings] = React.useState([]);

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

@@ -1,17 +1,14 @@
 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(emotion) {
-  return function (fontSize, lineHeight, paddingY, checkboxBoxSize) {
-    return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " 0;\n\n    &::before {\n      width: ", ";\n    }\n  "])), lineHeight, fontSize, paddingY, checkboxBoxSize);
-  };
+export var checkboxSizeMixin = function checkboxSizeMixin(fontSize, lineHeight, paddingY, checkboxBoxSize) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " 0;\n\n    &::before {\n      width: ", ";\n    }\n  "])), lineHeight, fontSize, paddingY, checkboxBoxSize);
 };
-export var boxWrapperSizeMixin = function boxWrapperSizeMixin(emotion) {
-  return function (labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY) {
-    var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
-    var boxFontSize = parseInt(fontSize);
-    var baselineCompensation = getLabGrotesqueBaselineCompensation(boxFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
-    return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n  "])), checkboxBoxSize, checkboxBoxSize, checkboxBoxOffsetY, baselineCompensation);
-  };
+export var boxWrapperSizeMixin = function boxWrapperSizeMixin(labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY) {
+  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  "])), checkboxBoxSize, checkboxBoxSize, checkboxBoxOffsetY, baselineCompensation);
 };

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

@@ -1 +1 @@
-{"version":3,"names":["isChrome","isFirefox","getLabGrotesqueBaselineCompensation","checkboxSizeMixin","emotion","fontSize","lineHeight","paddingY","checkboxBoxSize","css","_templateObject","_taggedTemplateLiteralLoose","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","_templateObject2"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin =\n  (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n    return emotion.css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n  };\n\nexport const boxWrapperSizeMixin =\n  (emotion: Emotion) =>\n  (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: 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 emotion.css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n  };\n"],"mappings":";;AAEA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;AACtD,SAASC,mCAAmC,QAAQ,sDAAsD;;AAE1G,OAAO,IAAMC,iBAAiB;AAC5B,SADWA,iBAAiBA,CAC3BC,OAAgB,UAAK,UAACC,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;IACzG,OAAOJ,OAAO,CAACK,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACHL,UAAU;IACZD,QAAQ;IACVE,QAAQ;;;IAGRC,eAAe;;;EAG5B,CAAC;;AAEH,OAAO,IAAMI,mBAAmB;AAC9B,SADWA,mBAAmBA,CAC7BR,OAAgB;IACjB,UAACS,gCAAwC,EAAER,QAAgB,EAAEG,eAAuB,EAAEM,kBAA0B,EAAK;MACnH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;MAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACX,QAAQ,CAAC;MACtC,IAAMa,oBAAoB,GAAGhB,mCAAmC;QAC9De,WAAW;QACXF,yBAAyB;QACzBf,QAAQ;QACRC;MACF,CAAC;;MAED,OAAOG,OAAO,CAACK,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;MACTH,eAAe;MACdA,eAAe;MACNM,kBAAkB,EAAMI,oBAAoB;;IAEjE,CAAC","ignoreList":[]}
+{"version":3,"names":["css","isChrome","isFirefox","getLabGrotesqueBaselineCompensation","checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","_templateObject","_taggedTemplateLiteralLoose","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","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 = (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\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) => {\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  `;\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,CAAIC,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;EACpH,OAAOR,GAAG,CAAAS,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACOJ,UAAU;EACZD,QAAQ;EACVE,QAAQ;;;EAGRC,eAAe;;;AAG9B,CAAC;;AAED,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCP,QAAgB;AAChBG,eAAuB;AACvBK,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;EAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACV,QAAQ,CAAC;EACtC,IAAMY,oBAAoB,GAAGd,mCAAmC;IAC9Da,WAAW;IACXF,yBAAyB;IACzBb,QAAQ;IACRC;EACF,CAAC;;EAED,OAAOF,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;EACCF,eAAe;EACdA,eAAe;EACNK,kBAAkB,EAAMI,oBAAoB;;AAEnE,CAAC","ignoreList":[]}

package/components/Checkbox/Checkbox.mixins.d.ts

@@ -1,3 +1,2 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const checkboxSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => string;
-export declare const boxWrapperSizeMixin: (emotion: Emotion) => (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => string;
+export declare const checkboxSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => string;
+export declare const boxWrapperSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => string;