@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/components/Center/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Center/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Center/index.d.ts

@@ -1 +1 @@
-export { default, CenterProps, CenterState } from './Center';
+export * from './Center';

package/components/Center/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Center/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Checkbox/Checkbox/Checkbox.js

@@ -0,0 +1,232 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { OkIcon, SquareIcon } from "../../../internal/icons/16px";
+import { isEdge, isIE11 } from "../../../lib/client";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
+import { styles, globalClasses } from "../Checkbox.styles";
+export var Checkbox = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Checkbox, _React$Component);
+
+  function Checkbox() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {
+      focusedByTab: false,
+      indeterminate: _this.props.initialIndeterminate || false
+    };
+    _this.theme = void 0;
+    _this.input = /*#__PURE__*/React.createRef();
+
+    _this.componentDidMount = function () {
+      if (_this.state.indeterminate && _this.input.current) {
+        _this.input.current.indeterminate = true;
+      }
+    };
+
+    _this.setIndeterminate = function () {
+      _this.setState({
+        indeterminate: true
+      });
+
+      if (_this.input.current) {
+        _this.input.current.indeterminate = true;
+      }
+    };
+
+    _this.resetIndeterminate = function () {
+      _this.setState({
+        indeterminate: false
+      });
+
+      if (_this.input.current) {
+        _this.input.current.indeterminate = false;
+      }
+    };
+
+    _this.renderMain = function (props) {
+      var _cx, _cx3, _cx4;
+
+      var error = props.error,
+          warning = props.warning,
+          onMouseEnter = props.onMouseEnter,
+          onMouseLeave = props.onMouseLeave,
+          onMouseOver = props.onMouseOver,
+          onValueChange = props.onValueChange,
+          type = props.type,
+          initialIndeterminate = props.initialIndeterminate,
+          rest = _objectWithoutPropertiesLoose(props, ["error", "warning", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate"]);
+
+      var isIndeterminate = _this.state.indeterminate;
+      var rootClass = cx((_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.rootFallback()] = isIE11 || isEdge, _cx[styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _cx[styles.disabled(_this.theme)] = Boolean(props.disabled), _cx));
+
+      var inputProps = _extends({}, rest, {
+        type: 'checkbox',
+        className: 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(props.disabled), _cx2));
+        caption = /*#__PURE__*/React.createElement("span", {
+          className: captionClass
+        }, _this.props.children);
+      }
+
+      var iconClass = cx((_cx3 = {}, _cx3[styles.icon(_this.theme)] = true, _cx3[styles.iconUnchecked()] = !props.checked && !isIndeterminate, _cx3));
+      var box = /*#__PURE__*/React.createElement("div", {
+        className: cx(styles.boxWrapper(_this.theme))
+      }, /*#__PURE__*/React.createElement("div", {
+        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 && /*#__PURE__*/React.createElement(SquareIcon, {
+        className: iconClass
+      }) || /*#__PURE__*/React.createElement(OkIcon, {
+        className: iconClass
+      })));
+      return /*#__PURE__*/React.createElement("label", {
+        className: rootClass,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        onMouseOver: onMouseOver,
+        onClick: fixFirefoxModifiedClickOnLabel(_this.input)
+      }, /*#__PURE__*/React.createElement("input", inputProps), box, caption);
+    };
+
+    _this.handleFocus = function (e) {
+      if (!_this.props.disabled) {
+        // focus event fires before keyDown eventlistener
+        // so we should check tabPressed in async way
+        requestAnimationFrame(function () {
+          if (keyListener.isTabPressed) {
+            _this.setState({
+              focusedByTab: true
+            });
+          }
+        });
+
+        if (_this.props.onFocus) {
+          _this.props.onFocus(e);
+        }
+      }
+    };
+
+    _this.handleBlur = function (e) {
+      _this.props.onBlur == null ? void 0 : _this.props.onBlur(e);
+
+      _this.setState({
+        focusedByTab: false
+      });
+    };
+
+    _this.handleChange = function (event) {
+      var checked = event.currentTarget.checked;
+      _this.props.onValueChange == null ? void 0 : _this.props.onValueChange(checked);
+
+      _this.resetIndeterminate();
+
+      _this.props.onChange == null ? void 0 : _this.props.onChange(event);
+    };
+
+    _this.handleClick = function (e) {
+      _this.props.onClick == null ? void 0 : _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;
+  }
+
+  var _proto = Checkbox.prototype;
+
+  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.checked !== this.props.checked) {
+      this.resetIndeterminate();
+    }
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _this2.props, _this2.renderMain);
+    });
+  }
+  /**
+  * Программная установка фокуса чекбоксу.
+  * @public
+  */
+  ;
+
+  _proto.focus = function focus() {
+    var _this$input$current;
+
+    keyListener.isTabPressed = true;
+    (_this$input$current = this.input.current) == null ? void 0 : _this$input$current.focus();
+  }
+  /**
+  * Программное снятие фокуса с чекбокса.
+  * @public
+  */
+  ;
+
+  _proto.blur = function blur() {
+    var _this$input$current2;
+
+    (_this$input$current2 = this.input.current) == null ? void 0 : _this$input$current2.blur();
+  }
+  /**
+  * Устанавливает чекбокс в HTML-состояние `indeterminate`.
+  * @public
+  */
+  ;
+
+  return Checkbox;
+}(React.Component);
+Checkbox.__KONTUR_REACT_UI__ = 'Checkbox';
+Checkbox.propTypes = {
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  error: PropTypes.bool,
+  warning: PropTypes.bool,
+  onValueChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  onMouseOver: PropTypes.func
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Checkbox.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","OkIcon","SquareIcon","isEdge","isIE11","CommonWrapper","cx","fixFirefoxModifiedClickOnLabel","styles","globalClasses","Checkbox","state","focusedByTab","indeterminate","props","initialIndeterminate","theme","input","createRef","componentDidMount","current","setIndeterminate","setState","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","rest","isIndeterminate","rootClass","root","rootFallback","rootChecked","checked","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","iconClass","icon","iconUnchecked","box","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","e","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","UNSAFE_componentWillReceiveProps","nextProps","render","focus","blur","Component","__KONTUR_REACT_UI__","propTypes","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\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 { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\n\nimport { styles, globalClasses } from './Checkbox.styles';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         * Контент `label`\n         */\n        children?: React.ReactNode;\n        /**\n         * Cостояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Cостояние валидации при предупреждении.\n         */\n        warning?: boolean;\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}\n\nexport class Checkbox extends React.Component<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\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  };\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  public UNSAFE_componentWillReceiveProps(nextProps: CheckboxProps) {\n    if (nextProps.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 <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\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      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const rootClass = cx({\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\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 iconClass = cx({\n      [styles.icon(this.theme)]: true,\n      [styles.iconUnchecked()]: !props.checked && !isIndeterminate,\n    });\n\n    const box = (\n      <div className={cx(styles.boxWrapper(this.theme))}>\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 && <SquareIcon className={iconClass} />) || <OkIcon className={iconClass} />}\n        </div>\n      </div>\n    );\n\n    return (\n      <label\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <input {...inputProps} />\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      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 handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.props.onBlur?.(e);\n    this.setState({ focusedByTab: false });\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"]}

package/components/Checkbox/Checkbox/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Checkbox/Checkbox.js",
+  "module": "Checkbox",
+  "types": "../Checkbox.d.ts",
+  "sideEffects": false
+}

package/components/Checkbox/Checkbox.d.ts

@@ -1,72 +1,95 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import '../ensureOldIEClassName';
-import { Override } from '../../typings/utility-types';
-export declare type CheckboxProps = Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /** Контент `label` */
-    children?: React.ReactNode;
-    /** Состояние ошибки */
-    error?: boolean;
-    /** Состояние Предупреждения */
-    warning?: boolean;
-    /** Вызывается на label */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** onChange */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;
-    /** Состояние частичного выделения */
-    initialIndeterminate?: boolean;
-}>;
-export interface CheckboxState {
-    focusedByTab: boolean;
-    indeterminate: boolean;
-}
-/**
- * Все свойства, кроме перечисленных, `className` и `style` передаются в `input`.
- */
-declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
-    static propTypes: {
-        checked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    state: {
-        focusedByTab: boolean;
-        indeterminate: boolean;
-    };
-    private input;
-    componentDidMount: () => void;
-    componentWillReceiveProps(nextProps: CheckboxProps): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * Установить промежуточное значение
-     * @public
-     */
-    setIndeterminate: () => void;
-    /**
-     * Сбросить промежуточное значение
-     * @public
-     */
-    resetIndeterminate: () => void;
-    private _handleFocus;
-    private _handleBlur;
-    private _inputRef;
-    private _handleChange;
-}
-export default Checkbox;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface CheckboxProps extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /**
+     * Контент `label`
+     */
+    children?: React.ReactNode;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /**
+     * HTML-событие `mouseenter`.
+     */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-событие `mouseleave`.
+     */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * HTML-событие `mouseover`.
+     */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /**
+     * Функция, вызываемая при изменении `value`.
+     */
+    onValueChange?: (value: boolean) => void;
+    /**
+     * HTML-событие `onblur`.
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.
+     */
+    initialIndeterminate?: boolean;
+}> {
+}
+export interface CheckboxState {
+    focusedByTab: boolean;
+    indeterminate: boolean;
+}
+export declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        checked: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    state: {
+        focusedByTab: boolean;
+        indeterminate: boolean;
+    };
+    private theme;
+    private input;
+    componentDidMount: () => void;
+    UNSAFE_componentWillReceiveProps(nextProps: CheckboxProps): void;
+    render(): JSX.Element;
+    /**
+     * Программная установка фокуса чекбоксу.
+     * @public
+     */
+    focus(): void;
+    /**
+     * Программное снятие фокуса с чекбокса.
+     * @public
+     */
+    blur(): void;
+    /**
+     * Устанавливает чекбокс в HTML-состояние `indeterminate`.
+     * @public
+     */
+    setIndeterminate: () => void;
+    /**
+     * Снимает с чекбокса HTML-состояние `indeterminate`.
+     * @public
+     */
+    resetIndeterminate: () => void;
+    private renderMain;
+    private handleFocus;
+    private handleBlur;
+    private handleChange;
+    private handleClick;
+}

package/components/Checkbox/Checkbox.md

@@ -0,0 +1,104 @@
+Базовый пример чекбокса.
+
+```jsx harmony
+const [checked, setChecked] = React.useState(false);
+
+<Checkbox checked={checked} onValueChange={setChecked}>
+  Обычный чекбокс
+</Checkbox>;
+```
+
+У чекбокса есть несколько состояний.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+const CheckboxWithState = ({children, ...props}) => {
+  const [checked, setChecked] = React.useState(false);
+
+  return (
+    <Checkbox checked={checked} onValueChange={setChecked} {...props}>
+      {children}
+    </Checkbox>
+  )
+};
+
+<Gapped vertical>
+  <CheckboxWithState>
+    Обычный чекбокс
+  </CheckboxWithState>
+  <CheckboxWithState error>
+    Чекбокс в состоянии ошибки
+  </CheckboxWithState>
+  <CheckboxWithState warning>
+    Чекбокс в состоянии предупреждения
+  </CheckboxWithState>
+</Gapped>
+```
+
+Пример использования методов чекбокса `focus()` и `blur()`.
+
+```jsx harmony
+import { Button, Checkbox, Gapped } from '@skbkontur/react-ui';
+
+const [checked, setChecked] = React.useState(false);
+
+let checkboxInstance = React.useRef(null);
+
+<Gapped vertical>
+  <Checkbox
+    ref={el => checkboxInstance = el}
+    checked={checked}
+    onValueChange={setChecked}
+    >
+    Пример чекбокса с программным фокусом
+  </Checkbox>
+  <Gapped gap={12}>
+    <Button
+      onClick={() => {
+        checkboxInstance.focus();
+      }}
+    >
+      Дать фокус
+    </Button>
+    <Button
+      onClick={() => {
+        checkboxInstance.blur();
+      }}
+    >
+      Забрать фокус
+    </Button>
+  </Gapped>
+</Gapped>
+```
+
+Чекбокс может находится в неопределённом состоянии. <br/> Это состояние полностью копирует поведение состояния [`indeterminate`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) из HTML.
+
+Это состояние влияет только на внешний вид и не влияет на состояние `checked`.
+
+```jsx harmony
+import { Button, Checkbox, Gapped } from '@skbkontur/react-ui';
+
+const [checked, setChecked] = React.useState(false);
+
+let checkboxInstance = React.useRef(null);
+
+<Gapped vertical>
+  <Checkbox
+    initialIndeterminate
+    checked={checked}
+    onValueChange={setChecked}
+    ref={el => checkboxInstance = el}
+  >
+    Неопределённый чекбокс
+  </Checkbox>
+  <Gapped>
+    <Button onClick={() => checkboxInstance.setIndeterminate()}>
+      Перевести в неопределённое состояние
+    </Button>
+    <Button onClick={() => checkboxInstance.resetIndeterminate()}>
+      Сбросить неопределённое состояние
+    </Button>
+  </Gapped>
+</Gapped>
+```

package/components/Checkbox/Checkbox.styles/Checkbox.styles.js

@@ -0,0 +1,65 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { isChrome } from "../../../lib/client";
+export var globalClasses = prefix('checkbox')({
+  box: 'box'
+});
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      padding: ", " 0;\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\00A0';\n        display: inline-block;\n        width: ", ";\n        flex: 0 0 auto;\n      }\n    "], ["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      padding: ", " 0;\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        width: ", ";\n        flex: 0 0 auto;\n      }\n    "])), t.checkboxLineHeight, t.checkboxFontSize, t.checkboxPaddingY, globalClasses.box, t.checkboxHoverBg, t.checkboxShadowHover, globalClasses.box, t.checkboxShadowActive, t.checkboxActiveBg, t.checkboxBoxSize);
+  },
+  rootChecked: function rootChecked(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])), globalClasses.box, t.checkboxCheckedHoverShadow, t.checkboxCheckedHoverBg, globalClasses.box, t.checkboxCheckedActiveBg, t.checkboxCheckedActiveShadow);
+  },
+  rootFallback: function rootFallback() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    "])));
+  },
+  rootWrapperIE11: function rootWrapperIE11() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline;\n    "])));
+  },
+  boxWrapper: function boxWrapper(t) {
+    var labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);
+    var fontSize = parseInt(t.checkboxFontSize);
+    var baselineCompensation = fontSize < 16 && !isChrome ? labGrotesqueCompenstation : fontSize === 16 && isChrome ? -labGrotesqueCompenstation : 0;
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: ", ";\n      height: ", ";\n      box-sizing: border-box;\n      padding: ", ";\n      margin-top: calc(", " + ", "px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    "])), t.checkboxBoxSize, t.checkboxBoxSize, t.checkboxBorderWidth, t.checkboxBoxOffsetY, baselineCompensation);
+  },
+  box: function box(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])), t.checkboxTextColorDefault, t.checkboxShadow, t.checkboxBg, t.checkboxBorderRadius);
+  },
+  input: function input() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+  },
+  boxWarning: function boxWarning(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
+  },
+  boxError: function boxError(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorError);
+  },
+  boxChecked: function boxChecked(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])), t.checkboxCheckedBg, t.checkboxCheckedColor, t.checkboxCheckedShadow);
+  },
+  boxFocus: function boxFocus(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
+  },
+  boxDisabled: function boxDisabled(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])), t.checkboxShadowDisabled, t.checkboxBgDisabled, t.checkboxTextColorDisabled);
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.checkboxTextColorDisabled);
+  },
+  icon: function icon(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0px;\n      bottom: 0px;\n      right: 0px;\n      left: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    "])));
+  },
+  iconUnchecked: function iconUnchecked() {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+  },
+  caption: function caption(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding-left: ", ";\n    "])), t.checkboxTextColorDefault, t.checkboxCaptionGap);
+  },
+  captionIE11: function captionIE11() {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      display: table-cell;\n    "])));
+  }
+});