@skbkontur/react-ui 0.0.0-7feb61cdde → 0.0.0-80c5917afc

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["CheckboxDataTids","root","Checkbox","rootNode","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","rest","isIndeterminate","_isTheme2022","theme","iconClass","styles","icon","iconFixPosition","checked","iconUnchecked","IconCheck","parseInt","checkboxBoxSize","IconSquare","rootClass","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","box","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } 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';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n  extends CommonProps,\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         * 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         * Атрибут для указания id элемента(-ов), описывающих его\n         */\n        'aria-describedby'?: AriaAttributes['aria-describedby'];\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n  isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n  root: 'Checkbox__root',\n} as const;\n\n@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    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    document.addEventListener('keydown', this.handleShiftPress);\n    document.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    document.removeEventListener('keydown', this.handleShiftPress);\n    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.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      'aria-describedby': ariaDescribedby,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    const iconClass = cx(\n      styles.icon(),\n      !_isTheme2022 && styles.iconFixPosition(),\n      !props.checked && !isIndeterminate && styles.iconUnchecked(),\n    );\n\n    const IconCheck = _isTheme2022 ? (\n      <span className={iconClass}>\n        <CheckedIcon size={parseInt(this.theme.checkboxBoxSize)} />\n      </span>\n    ) : (\n      <OkIcon className={iconClass} />\n    );\n    const IconSquare = _isTheme2022 ? (\n      <span className={iconClass}>\n        <IndeterminateIcon size={parseInt(this.theme.checkboxBoxSize)} />\n      </span>\n    ) : (\n      <SquareIcon className={iconClass} />\n    );\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.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 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 && 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        <input {...inputProps} aria-describedby={ariaDescribedby} />\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":["CheckboxDataTids","root","Checkbox","rootNode","getProps","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","current","document","addEventListener","componentWillUnmount","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","rest","isIndeterminate","_isTheme2022","theme","iconClass","styles","icon","iconFixPosition","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","IconSquare","rootClass","getRootSizeClassName","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","setRootNode","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes } 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';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport type CheckboxSize = 'small' | 'medium' | 'large';\n\nexport interface CheckboxProps\n  extends CommonProps,\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?: CheckboxSize;\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         * Атрибут для указания id элемента(-ов), описывающих его\n         */\n        'aria-describedby'?: AriaAttributes['aria-describedby'];\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\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    document.addEventListener('keydown', this.handleShiftPress);\n    document.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    document.removeEventListener('keydown', this.handleShiftPress);\n    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.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      size,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      'aria-describedby': ariaDescribedby,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    const iconClass = cx(\n      styles.icon(),\n      !_isTheme2022 && styles.iconFixPosition(),\n      !props.checked && !isIndeterminate && styles.iconUnchecked(),\n    );\n\n    const iconSize = parseInt(this.getCheckboxBoxSize());\n    const IconCheck = _isTheme2022 ? (\n      <span className={iconClass}>\n        <CheckedIcon size={iconSize} />\n      </span>\n    ) : (\n      <OkIcon className={iconClass} />\n    );\n    const IconSquare = _isTheme2022 ? (\n      <span className={iconClass}>\n        <IndeterminateIcon size={iconSize} />\n      </span>\n    ) : (\n      <SquareIcon className={iconClass} />\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        <input {...inputProps} aria-describedby={ariaDescribedby} />\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/cjs/components/Checkbox/Checkbox.md

@@ -36,6 +36,24 @@ const CheckboxWithState = ({children, ...props}) => {
 </Gapped>
 ```
 
+У чекбокса есть 3 стандартных размера.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <Checkbox size="small" checked>
+    Маленький
+  </Checkbox>
+  <Checkbox size="medium" checked>
+    Средний
+  </Checkbox>
+  <Checkbox size="large" checked>
+    Большой
+  </Checkbox>
+</Gapped>
+```
+
 Пример использования методов чекбокса `focus()` и `blur()`.
 
 ```jsx harmony

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

@@ -0,0 +1,2 @@
+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;

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

@@ -0,0 +1,35 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.checkboxSizeMixin = exports.boxWrapperSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+var _client = require("../../lib/client");
+var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");var _templateObject, _templateObject2;
+
+var checkboxSizeMixin = function checkboxSizeMixin(fontSize, lineHeight, paddingY, checkboxBoxSize) {
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " 0;\n\n    &::before {\n      width: ", ";\n    }\n  "])),
+  lineHeight,
+  fontSize,
+  paddingY,
+
+
+  checkboxBoxSize);
+
+
+};exports.checkboxSizeMixin = checkboxSizeMixin;
+
+var boxWrapperSizeMixin = function boxWrapperSizeMixin(
+labGrotesqueBaselineCompensation,
+fontSize,
+checkboxBoxSize,
+checkboxBoxOffsetY)
+{
+  var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
+  var boxFontSize = parseInt(fontSize);
+  var baselineCompensation =
+  boxFontSize === 18 && (_client.isFirefox || _client.isChrome) // TODO: вынести условие в getLabGrotesqueBaselineCompensation, когда проп size будет добавлен для radio
+  ? -labGrotesqueCompenstation :
+  (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(boxFontSize, labGrotesqueCompenstation, _client.isChrome);
+
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n  "])),
+  checkboxBoxSize,
+  checkboxBoxSize,
+  checkboxBoxOffsetY, baselineCompensation);
+
+};exports.boxWrapperSizeMixin = boxWrapperSizeMixin;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Checkbox.mixins.ts"],"names":["checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","css","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","isFirefox","isChrome"],"mappings":"qTAAA;AACA;AACA,2G;;AAEO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAmBC,UAAnB,EAAuCC,QAAvC,EAAyDC,eAAzD,EAAqF;AACpH,aAAOC,YAAP;AACiBH,EAAAA,UADjB;AAEeD,EAAAA,QAFf;AAGaE,EAAAA,QAHb;;;AAMaC,EAAAA,eANb;;;AASD,CAVM,C;;AAYA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,gCADiC;AAEjCN,QAFiC;AAGjCG,eAHiC;AAIjCI,kBAJiC;AAK9B;AACH,MAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAD,CAA1C;AACA,MAAMI,WAAW,GAAGD,QAAQ,CAACT,QAAD,CAA5B;AACA,MAAMW,oBAAoB;AACxBD,EAAAA,WAAW,KAAK,EAAhB,KAAuBE,qBAAaC,gBAApC,EAA8C;AAA9C,IACI,CAACL,yBADL;AAEI,gFAAoCE,WAApC,EAAiDF,yBAAjD,EAA4EK,gBAA5E,CAHN;;AAKA,aAAOT,YAAP;AACWD,EAAAA,eADX;AAEYA,EAAAA,eAFZ;AAGqBI,EAAAA,kBAHrB,EAG6CI,oBAH7C;;AAKD,CAlBM,C","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 =\n    boxFontSize === 18 && (isFirefox || isChrome) // TODO: вынести условие в getLabGrotesqueBaselineCompensation, когда проп size будет добавлен для radio\n      ? -labGrotesqueCompenstation\n      : getLabGrotesqueBaselineCompensation(boxFontSize, labGrotesqueCompenstation, isChrome);\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n};\n"]}

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

@@ -4,11 +4,17 @@ export declare const globalClasses: {
 };
 export declare const styles: {
     root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
     rootDisableTextSelect(): string;
     rootChecked(t: Theme): string;
     rootFallback(): string;
     rootWrapperIE11(): string;
     boxWrapper(t: Theme): string;
+    boxWrapperSmall(t: Theme): string;
+    boxWrapperMedium(t: Theme): string;
+    boxWrapperLarge(t: Theme): string;
     box(t: Theme): string;
     input(): string;
     boxWarning(t: Theme): string;

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

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");
-var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
+
+var _Checkbox = require("./Checkbox.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
 
 var globalClasses = (0, _Emotion.prefix)('checkbox')({
   box: 'box' });exports.globalClasses = globalClasses;
@@ -9,14 +9,25 @@ var globalClasses = (0, _Emotion.prefix)('checkbox')({
 
 var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\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        flex: 0 0 auto;\n      }\n\n      .", " {\n        transition: background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "], ["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\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        flex: 0 0 auto;\n      }\n\n      .", " {\n        transition: background ", " ", ",\n          box-shadow ", " ", ";\n      }\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.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, t.transitionTimingFunction,
+
 
     globalClasses.box,
     t.checkboxHoverBg,
@@ -25,29 +36,52 @@ var styles = (0, _Emotion.memoizeStyle)({
 
     globalClasses.box,
     t.checkboxShadowActive,
-    t.checkboxActiveBg,
+    t.checkboxActiveBg);
 
 
+  },
 
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+    t.checkboxFontSizeSmall,
+    t.checkboxLineHeightSmall,
+    t.checkboxPaddingYSmall,
+    t.checkboxBoxSizeSmall));
 
 
+  },
 
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+    t.checkboxFontSizeMedium,
+    t.checkboxLineHeightMedium,
+    t.checkboxPaddingYMedium,
+    t.checkboxBoxSizeMedium));
 
 
-    t.checkboxBoxSize);
+  },
 
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+    t.checkboxFontSizeLarge,
+    t.checkboxLineHeightLarge,
+    t.checkboxPaddingYLarge,
+    t.checkboxBoxSizeLarge));
 
 
   },
 
   rootDisableTextSelect: function rootDisableTextSelect() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
 
 
   },
 
   rootChecked: function rootChecked(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])),
     globalClasses.box,
     t.checkboxCheckedHoverShadow,
     t.checkboxCheckedHoverBg,
@@ -61,7 +95,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootFallback: function rootFallback() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -72,32 +106,59 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootWrapperIE11: function rootWrapperIE11() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
 
 
   },
 
   boxWrapper: function boxWrapper(t) {
-    var labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);
-    var fontSize = parseInt(t.checkboxFontSize);
-    var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(fontSize, labGrotesqueCompenstation, _client.isChrome);
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    "])),
+
+
+    t.checkboxBorderWidth);
+
+
+
 
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
+  },
+
+  boxWrapperSmall: function boxWrapperSmall(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+    t.labGrotesqueBaselineCompensation,
+    t.checkboxFontSizeSmall,
+    t.checkboxBoxSizeSmall,
+    t.checkboxBoxOffsetY));
 
 
+  },
+
+  boxWrapperMedium: function boxWrapperMedium(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+    t.labGrotesqueBaselineCompensation,
+    t.checkboxFontSizeMedium,
+    t.checkboxBoxSizeMedium,
+    t.checkboxBoxOffsetY));
+
+
+  },
 
+  boxWrapperLarge: function boxWrapperLarge(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+    t.labGrotesqueBaselineCompensation,
+    t.checkboxFontSizeLarge,
+    t.checkboxBoxSizeLarge,
+    t.checkboxBoxOffsetY));
 
 
   },
 
   box: function box(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])),
     t.checkboxTextColorDefault,
     t.checkboxShadow,
     t.checkboxBg,
@@ -107,7 +168,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   input: function input() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
 
 
 
@@ -118,21 +179,21 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxWarning: function boxWarning(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
     t.checkboxCheckedBg,
     t.checkboxCheckedColor,
     t.checkboxCheckedShadow);
@@ -140,14 +201,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxFocus: function boxFocus(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])),
     t.checkboxShadowDisabled,
     t.checkboxBgDisabled,
     t.checkboxTextColorDisabled);
@@ -155,14 +216,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
     t.checkboxTextColorDisabled);
 
 
   },
 
   icon: function icon() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])));
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])));
 
 
 
@@ -175,7 +236,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   iconFixPosition: function iconFixPosition() {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    "])));
 
 
 
@@ -183,20 +244,20 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   iconUnchecked: function iconUnchecked() {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
 
   },
 
   caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
     t.checkboxTextColorDefault,
     t.checkboxCaptionGap);
 
   },
 
   captionIE11: function captionIE11() {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
 
 
   } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.styles.ts"],"names":["globalClasses","box","styles","root","t","css","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","checkboxBoxSize","rootDisableTextSelect","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","baselineCompensation","isChrome","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","iconFixPosition","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"mappings":"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","sourcesContent":["import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { 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  rootDisableTextSelect() {\n    return css`\n      user-select: none;\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 = getLabGrotesqueBaselineCompensation(fontSize, labGrotesqueCompenstation, isChrome);\n\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() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconFixPosition() {\n    return css`\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"]}
+{"version":3,"sources":["Checkbox.styles.ts"],"names":["globalClasses","box","styles","root","t","css","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","checkboxBorderWidth","boxWrapperSmall","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","boxWrapperLarge","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconFixPosition","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\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\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        flex: 0 0 auto;\n      }\n\n      .${globalClasses.box} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\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  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\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    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\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() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconFixPosition() {\n    return css`\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/cjs/components/ComboBox/ComboBox.md

@@ -163,7 +163,7 @@ const getItems = q =>
       { approved: false, value: 3, label: 'Розенкранц Харитонов', email: 'third@skbkontur.ru' },
       { approved: false, value: 4, label: 'Надежда Дубова', email: 'fourth@skbkontur.ru' },
       { approved: true, value: 5, label: 'Владислав Сташкеевич', email: 'fifth@skbkontur.ru' },
-      { approved: true, value: 6, label: 'Василиса Поволоцкая', email: 'sixth@skbkontur.ru' },
+      { approved: true, value: 6, label: 'Василиса Александровна Поволоцкая', email: 'sixth@skbkontur.ru' },
     ].filter(x => x.label.toLowerCase().includes(q.toLowerCase()) || x.value.toString(10) === q),
   ).then(delay(500));
 
@@ -195,7 +195,7 @@ const customRenderItem = item => (
   >
     <div
       style={{
-        minWidth: '55%',
+        width: '55%',
         display: 'flex',
       }}
     >
@@ -242,7 +242,9 @@ const customRenderValue = item => (
   >
     <div
       style={{
-        minWidth: '55%',
+        width: '55%',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis'
       }}
     >
       {item.label}

package/cjs/components/CurrencyInput/CurrencyHelper.d.ts

@@ -30,6 +30,8 @@ export declare class CurrencyHelper {
         integer: string;
         delimiter: string;
         fraction: string;
+        exponent: string;
     } | null;
+    private static toDecimalString;
 }
 export {};

package/cjs/components/CurrencyInput/CurrencyHelper.js

@@ -69,8 +69,7 @@ CurrencyHelper = /*#__PURE__*/function () {function CurrencyHelper() {}CurrencyH
     if ((0, _utils.isNullable)(value)) {
       return '';
     }
-
-    return CurrencyHelper.formatString(value.toString(), options);
+    return CurrencyHelper.formatString(this.toDecimalString(value), options);
   };CurrencyHelper.
 
   parse = function parse(value) {
@@ -202,10 +201,26 @@ CurrencyHelper = /*#__PURE__*/function () {function CurrencyHelper() {}CurrencyH
   };CurrencyHelper.
 
   destructString = function destructString(value) {
-    var match = /^(-)?(\d*)?(\.)?(\d*)?$/.exec(value);
+    var match = /^(-)?(\d*)?(\.)?(\d*)?(e)?([-+]?\d+)?$/.exec(value);
     if (!match) {
       return null;
     }
-    var _match$ = match[1],sign = _match$ === void 0 ? '' : _match$,_match$2 = match[2],integer = _match$2 === void 0 ? '' : _match$2,_match$3 = match[3],delimiter = _match$3 === void 0 ? '' : _match$3,_match$4 = match[4],fraction = _match$4 === void 0 ? '' : _match$4;
-    return { sign: sign, integer: integer, delimiter: delimiter, fraction: fraction };
-  };return CurrencyHelper;}();exports.CurrencyHelper = CurrencyHelper;CurrencyHelper.defaultOptions = { fractionDigits: null, hideTrailingZeros: false, thousandsDelimiter: _client.isSafari ? _constants.SPACE : _constants.THIN_SPACE, minusSign: _constants.MINUS_SIGN };
+    var _match$ = match[1],sign = _match$ === void 0 ? '' : _match$,_match$2 = match[2],integer = _match$2 === void 0 ? '' : _match$2,_match$3 = match[3],delimiter = _match$3 === void 0 ? '' : _match$3,_match$4 = match[4],fraction = _match$4 === void 0 ? '' : _match$4,_match$5 = match[6],exponent = _match$5 === void 0 ? '' : _match$5;
+    return { sign: sign, integer: integer, delimiter: delimiter, fraction: fraction, exponent: exponent };
+  };return CurrencyHelper;}();exports.CurrencyHelper = CurrencyHelper;CurrencyHelper.defaultOptions = { fractionDigits: null, hideTrailingZeros: false, thousandsDelimiter: _client.isSafari ? _constants.SPACE : _constants.THIN_SPACE, minusSign: _constants.MINUS_SIGN };CurrencyHelper.
+
+toDecimalString = function (number) {
+  if (!number.toString().includes('e')) {
+    return number.toString();
+  }
+  var destructed = CurrencyHelper.destructString(number.toExponential());
+  if (destructed === null) {
+    return '';
+  }
+  var _destructed$sign = destructed.sign,sign = _destructed$sign === void 0 ? '' : _destructed$sign,integer = destructed.integer,fraction = destructed.fraction,exponent = destructed.exponent;
+  var intExponent = parseInt(exponent || '0');
+  if (intExponent > 0) {
+    return [sign, integer, fraction, '0'.repeat(intExponent - fraction.length)].join('');
+  }
+  return [sign, '0.', ' 0'.repeat(-intExponent - 1), integer, fraction].join('');
+};