@skbkontur/react-ui 3.10.0 → 4.0.0-beta.4

package/components/Center/Center.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type HorizontalAlign = 'left' | 'center' | 'right';
-export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<HTMLDivElement>, {
-    /**
-     * Определяет, как контент будет выровнен по горизонтали.
-     *
-     * **Допустимые значения**: `"left"`, `"center"`, `"right"`.
-     */
-    align?: HorizontalAlign;
-}> {
-}
-/**
- * Контейнер, который центрирует элементы внутри себя.
- */
-export declare class Center extends React.Component<CenterProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        align: string;
-    };
-    private setRootNode;
-    render(): JSX.Element;
-    private renderMain;
-}
+import React from 'react';
+import { Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type HorizontalAlign = 'left' | 'center' | 'right';
+export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<HTMLDivElement>, {
+    /**
+     * Определяет, как контент будет выровнен по горизонтали.
+     *
+     * **Допустимые значения**: `"left"`, `"center"`, `"right"`.
+     */
+    align?: HorizontalAlign;
+}> {
+}
+/**
+ * Контейнер, который центрирует элементы внутри себя.
+ */
+export declare class Center extends React.Component<CenterProps> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        align: string;
+    };
+    private setRootNode;
+    render(): JSX.Element;
+    private renderMain;
+}

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

@@ -1,7 +1,7 @@
-export declare const styles: {
-    root(): string;
-    rootAlignLeft(): string;
-    rootAlignRight(): string;
-    spring(): string;
-    container(): string;
-};
+export declare const styles: {
+    root(): string;
+    rootAlignLeft(): string;
+    rootAlignRight(): string;
+    spring(): string;
+    container(): string;
+};

package/components/Center/index.d.ts

@@ -1 +1 @@
-export * from './Center';
+export * from './Center';

package/components/Checkbox/Checkbox/Checkbox.js

@@ -1,6 +1,7 @@
 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", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate"];
 
 var _class, _class2, _temp;
 
@@ -9,7 +10,7 @@ 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, isFirefox, isIE11 } from "../../../lib/client";
+import { isEdge, isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
@@ -30,7 +31,6 @@ export var Checkbox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
       focusedByTab: false,
       indeterminate: _this.props.initialIndeterminate || false
     };
-    _this.theme = void 0;
     _this.input = /*#__PURE__*/React.createRef();
 
     _this.componentDidMount = function () {
@@ -39,8 +39,6 @@ export var Checkbox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
       }
     };
 
-    _this.setRootNode = void 0;
-
     _this.setIndeterminate = function () {
       _this.setState({
         indeterminate: true
@@ -72,7 +70,7 @@ export var Checkbox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
           onValueChange = props.onValueChange,
           type = props.type,
           initialIndeterminate = props.initialIndeterminate,
-          rest = _objectWithoutPropertiesLoose(props, ["error", "warning", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate"]);
+          rest = _objectWithoutPropertiesLoose(props, _excluded);
 
       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));
@@ -98,14 +96,16 @@ export var Checkbox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
         }, _this.props.children);
       }
 
-      var iconClass = cx((_cx3 = {}, _cx3[styles.iconUnchecked()] = !props.checked && !isIndeterminate, _cx3[styles.iconFixBaseline()] = isFirefox || isIE11 || isEdge, _cx3));
-      var box = /*#__PURE__*/React.createElement("span", {
-        className: cx(styles.box(_this.theme), globalClasses.box, (_cx4 = {}, _cx4[styles.boxChecked(_this.theme)] = props.checked || isIndeterminate, _cx4[styles.boxDisabled(_this.theme)] = props.disabled, _cx4[styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[styles.boxError(_this.theme)] = props.error, _cx4[styles.boxWarning(_this.theme)] = props.warning, _cx4))
+      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,

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","OkIcon","SquareIcon","isEdge","isFirefox","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","styles","globalClasses","Checkbox","state","focusedByTab","indeterminate","props","initialIndeterminate","theme","input","createRef","componentDidMount","current","setRootNode","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","iconUnchecked","iconFixBaseline","box","boxChecked","boxDisabled","boxFocus","boxError","boxWarning","e","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","focus","blur","PureComponent","__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, isFirefox, 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';\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@rootNode\nexport class Checkbox extends React.PureComponent<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  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.props}>\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      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.iconUnchecked()]: !props.checked && !isIndeterminate,\n      [styles.iconFixBaseline()]: isFirefox || isIE11 || isEdge,\n    });\n\n    const box = (\n      <span\n        className={cx(styles.box(this.theme), globalClasses.box, {\n          [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n          [styles.boxDisabled(this.theme)]: props.disabled,\n          [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n          [styles.boxError(this.theme)]: props.error,\n          [styles.boxWarning(this.theme)]: props.warning,\n        })}\n      >\n        {(isIndeterminate && <SquareIcon className={iconClass} />) || <OkIcon className={iconClass} />}\n      </span>\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"]}
+{"version":3,"sources":["Checkbox.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","OkIcon","SquareIcon","isEdge","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","styles","globalClasses","Checkbox","state","focusedByTab","indeterminate","props","initialIndeterminate","input","createRef","componentDidMount","current","setIndeterminate","setState","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","rest","isIndeterminate","rootClass","root","theme","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","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__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 { rootNode, TSetRootNode } from '../../lib/rootNode';\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@rootNode\nexport class Checkbox extends React.PureComponent<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  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.props}>\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      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.d.ts

@@ -1,96 +1,96 @@
-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.PureComponent<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;
-    private setRootNode;
-    componentDidUpdate(prevProps: 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;
-}
+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.PureComponent<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;
+    private setRootNode;
+    componentDidUpdate(prevProps: 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.styles/Checkbox.styles.js

@@ -1,14 +1,15 @@
 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;
+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    "])), t.checkboxLineHeight, t.checkboxFontSize, t.checkboxPaddingY, globalClasses.box, t.checkboxHoverBg, t.checkboxShadowHover, globalClasses.box, t.checkboxShadowActive, t.checkboxActiveBg);
+    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);
@@ -19,41 +20,46 @@ export var styles = memoizeStyle({
   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) {
-    var boxSize = "calc(" + t.checkboxBoxSize + " - 2 * " + t.checkboxBorderWidthCompensation + ")";
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      width: ", ";\n      height: ", ";\n      flex: none;\n      font-size: ", ";\n      color: ", ";\n      border: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      align-self: baseline;\n      margin: ", ";\n    "])), boxSize, boxSize, t.checkboxFontSize, t.checkboxTextColorDefault, t.checkboxBorder, t.checkboxBorderRadius, t.checkboxShadow, t.checkboxBg, t.checkboxBorderWidthCompensation);
+    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(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      opacity: 0;\n      width: 0;\n      height: 0;\n      position: absolute;\n      z-index: -1;\n    "])));
+    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(_templateObject7 || (_templateObject7 = _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);
+    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(_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.checkboxBorderColorError);
+    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(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])), t.checkboxCheckedBg, t.checkboxCheckedColor, t.checkboxCheckedShadow);
+    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(_templateObject10 || (_templateObject10 = _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);
+    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(_templateObject11 || (_templateObject11 = _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);
+    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(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.checkboxTextColorDisabled);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.checkboxTextColorDisabled);
   },
-  iconFixBaseline: function iconFixBaseline() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      margin-top: -2px;\n    "])));
+  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(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
   },
   caption: function caption(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding-left: ", ";\n    "])), t.checkboxTextColorDefault, t.checkboxLabelGap);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding-left: ", ";\n    "])), t.checkboxTextColorDefault, t.checkboxCaptionGap);
   },
   captionIE11: function captionIE11() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: table-cell;\n    "])));
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      display: table-cell;\n    "])));
   }
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.styles.ts"],"names":["css","memoizeStyle","prefix","globalClasses","box","styles","root","t","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxSize","checkboxBoxSize","checkboxBorderWidthCompensation","checkboxTextColorDefault","checkboxBorder","checkboxBorderRadius","checkboxShadow","checkboxBg","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","iconFixBaseline","iconUnchecked","caption","checkboxLabelGap","captionIE11"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ${t.checkboxLineHeight};\n      font-size: ${t.checkboxFontSize};\n      padding: ${t.checkboxPaddingY} 0;\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\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    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  box(t: Theme) {\n    const boxSize = `calc(${t.checkboxBoxSize} - 2 * ${t.checkboxBorderWidthCompensation})`;\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      width: ${boxSize};\n      height: ${boxSize};\n      flex: none;\n      font-size: ${t.checkboxFontSize};\n      color: ${t.checkboxTextColorDefault};\n      border: ${t.checkboxBorder};\n      border-radius: ${t.checkboxBorderRadius};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      align-self: baseline;\n      margin: ${t.checkboxBorderWidthCompensation};\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      opacity: 0;\n      width: 0;\n      height: 0;\n      position: absolute;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  iconFixBaseline() {\n    return css`\n      margin-top: -2px;\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxLabelGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Checkbox.styles.ts"],"names":["css","memoizeStyle","prefix","isChrome","globalClasses","box","styles","root","t","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","checkboxBoxSize","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","baselineCompensation","checkboxBorderWidth","checkboxBoxOffsetY","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isChrome } from '../../lib/client';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ${t.checkboxLineHeight};\n      font-size: ${t.checkboxFontSize};\n      padding: ${t.checkboxPaddingY} 0;\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\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: ${t.checkboxBoxSize};\n        flex: 0 0 auto;\n      }\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\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    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n    const baselineCompensation =\n      fontSize < 16 && !isChrome\n        ? labGrotesqueCompenstation\n        : fontSize === 16 && isChrome\n        ? -labGrotesqueCompenstation\n        : 0;\n    return css`\n      position: absolute;\n      width: ${t.checkboxBoxSize};\n      height: ${t.checkboxBoxSize};\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n      margin-top: calc(${t.checkboxBoxOffsetY} + ${baselineCompensation}px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\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    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"]}

package/components/Checkbox/Checkbox.styles.d.ts

@@ -1,22 +1,23 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    box: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    rootChecked(t: Theme): string;
-    rootFallback(): string;
-    rootWrapperIE11(): string;
-    box(t: Theme): string;
-    input(): string;
-    boxWarning(t: Theme): string;
-    boxError(t: Theme): string;
-    boxChecked(t: Theme): string;
-    boxFocus(t: Theme): string;
-    boxDisabled(t: Theme): string;
-    disabled(t: Theme): string;
-    iconFixBaseline(): string;
-    iconUnchecked(): string;
-    caption(t: Theme): string;
-    captionIE11(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    box: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootChecked(t: Theme): string;
+    rootFallback(): string;
+    rootWrapperIE11(): string;
+    boxWrapper(t: Theme): string;
+    box(t: Theme): string;
+    input(): string;
+    boxWarning(t: Theme): string;
+    boxError(t: Theme): string;
+    boxChecked(t: Theme): string;
+    boxFocus(t: Theme): string;
+    boxDisabled(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
+    iconUnchecked(): string;
+    caption(t: Theme): string;
+    captionIE11(): string;
+};

package/components/Checkbox/index.d.ts

@@ -1 +1 @@
-export * from './Checkbox';
+export * from './Checkbox';

package/components/ComboBox/ComboBox/ComboBox.js

@@ -18,7 +18,6 @@ export var ComboBox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.comboboxElement = null;
-    _this.setRootNode = void 0;
 
     _this.customComboBoxRef = function (element) {
       _this.setRootNode(element);