@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

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

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

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

@@ -1,15 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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;
+"use strict";exports.__esModule = true;exports.checkboxSizeMixin = exports.boxWrapperSizeMixin = void 0;var _client = require("../../lib/client");
+var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");
 
 var checkboxSizeMixin = exports.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,
+  return "\n    line-height: " +
+  lineHeight + ";\n    font-size: " +
+  fontSize + ";\n    padding: " +
+  paddingY + " 0;\n\n    &::before {\n      width: " +
 
 
-  checkboxBoxSize);
+  checkboxBoxSize + ";\n    }\n  ";
 
 
 };
@@ -29,9 +28,9 @@ checkboxBoxOffsetY)
     _client.isFirefox
   );
 
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n  "])),
-  checkboxBoxSize,
-  checkboxBoxSize,
-  checkboxBoxOffsetY, baselineCompensation);
+  return "\n    width: " +
+  checkboxBoxSize + ";\n    height: " +
+  checkboxBoxSize + ";\n    margin-top: calc(" +
+  checkboxBoxOffsetY + " + " + baselineCompensation + "px);\n  ";
 
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_client","_getLabGrotesqueBaselineCompensation","_templateObject","_templateObject2","checkboxSizeMixin","exports","fontSize","lineHeight","paddingY","checkboxBoxSize","css","_taggedTemplateLiteralLoose2","default","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n};\n"],"mappings":"6TAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oCAAA,GAAAF,OAAA,yDAA2G,IAAAG,eAAA,EAAAC,gBAAA;;AAEpG,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;EACpH,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;EACOL,UAAU;EACZD,QAAQ;EACVE,QAAQ;;;EAGRC,eAAe;;;AAG9B,CAAC;;AAEM,IAAMI,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCR,QAAgB;AAChBG,eAAuB;AACvBM,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;EAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACX,QAAQ,CAAC;EACtC,IAAMa,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,WAAW;IACXF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;;EAED,WAAOZ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;EACCH,eAAe;EACdA,eAAe;EACNM,kBAAkB,EAAMI,oBAAoB;;AAEnE,CAAC","ignoreList":[]}
+{"version":3,"names":["_client","require","_getLabGrotesqueBaselineCompensation","checkboxSizeMixin","exports","fontSize","lineHeight","paddingY","checkboxBoxSize","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { 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 `\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return `\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n};\n"],"mappings":"wGAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,oCAAA,GAAAD,OAAA;;AAEO,IAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;EACpH;EACiBF,UAAU;EACZD,QAAQ;EACVE,QAAQ;;;EAGRC,eAAe;;;AAG9B,CAAC;;AAEM,IAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCL,QAAgB;AAChBG,eAAuB;AACvBG,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;EAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACR,QAAQ,CAAC;EACtC,IAAMU,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,WAAW;IACXF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;;EAED;EACWV,eAAe;EACdA,eAAe;EACNG,kBAAkB,WAAMI,oBAAoB;;AAEnE,CAAC","ignoreList":[]}

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

@@ -2,15 +2,13 @@ import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     box: string;
 };
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     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;
@@ -26,5 +24,4 @@ export declare const styles: {
     icon(): string;
     iconUnchecked(): string;
     caption(t: Theme): string;
-    captionIE11(): string;
-};
+}>;

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

@@ -1,260 +1,235 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");
 
-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;
+
+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;
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('checkbox')({
   box: 'box'
 });
 
-var styles = exports.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\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:\n          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:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "])),
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    globalClasses.box,
-
-    t.transitionDuration, t.transitionTimingFunction,
-    t.transitionDuration, t.transitionTimingFunction,
-
-
-    globalClasses.box,
-    t.checkboxHoverBg,
-    t.checkboxShadowHover,
-
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      return 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:\n          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:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "])),
 
-    globalClasses.box,
-    t.checkboxShadowActive,
-    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
-    ));
 
-  },
 
-  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)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
 
 
-  },
 
-  rootChecked: function rootChecked(t) {
-    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,
 
+      globalClasses.box,
 
-    globalClasses.box,
-    t.checkboxCheckedActiveBg,
-    t.checkboxCheckedActiveShadow);
+      t.transitionDuration, t.transitionTimingFunction,
+      t.transitionDuration, t.transitionTimingFunction,
 
 
-  },
+      globalClasses.box,
+      t.checkboxHoverBg,
+      t.checkboxShadowHover,
 
-  rootFallback: function rootFallback() {
-    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    "])));
 
+      globalClasses.box,
+      t.checkboxShadowActive,
+      t.checkboxActiveBg);
 
 
+    },
 
+    rootSmall: function rootSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Checkbox.checkboxSizeMixin)(
+        t.checkboxFontSizeSmall,
+        t.checkboxLineHeightSmall,
+        t.checkboxPaddingYSmall,
+        t.checkboxBoxSizeSmall
+      ));
 
+    },
 
+    rootMedium: function rootMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Checkbox.checkboxSizeMixin)(
+        t.checkboxFontSizeMedium,
+        t.checkboxLineHeightMedium,
+        t.checkboxPaddingYMedium,
+        t.checkboxBoxSizeMedium
+      ));
 
-  },
+    },
 
-  rootWrapperIE11: function rootWrapperIE11() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
+    rootLarge: function rootLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Checkbox.checkboxSizeMixin)(
+        t.checkboxFontSizeLarge,
+        t.checkboxLineHeightLarge,
+        t.checkboxPaddingYLarge,
+        t.checkboxBoxSizeLarge
+      ));
 
+    },
 
-  },
+    rootDisableTextSelect: function rootDisableTextSelect() {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
 
-  boxWrapper: function boxWrapper(t) {
-    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);
+    rootChecked: function rootChecked(t) {
+      return 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,
 
 
+      globalClasses.box,
+      t.checkboxCheckedActiveBg,
+      t.checkboxCheckedActiveShadow);
 
 
+    },
 
+    boxWrapper: function boxWrapper(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n    )};\n    "])),
 
-  },
 
-  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
-    ));
+      t.checkboxBorderWidth);
 
-  },
 
-  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
-    ));
+    },
 
-  },
+    boxWrapperSmall: function boxWrapperSmall(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Checkbox.boxWrapperSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.checkboxFontSizeSmall,
+        t.checkboxBoxSizeSmall,
+        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
-    ));
+    },
 
-  },
+    boxWrapperMedium: function boxWrapperMedium(t) {
+      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Checkbox.boxWrapperSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.checkboxFontSizeMedium,
+        t.checkboxBoxSizeMedium,
+        t.checkboxBoxOffsetY
+      ));
 
-  box: function box(t) {
-    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,
-    t.checkboxBorderRadius);
+    },
 
+    boxWrapperLarge: function boxWrapperLarge(t) {
+      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Checkbox.boxWrapperSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.checkboxFontSizeLarge,
+        t.checkboxBoxSizeLarge,
+        t.checkboxBoxOffsetY
+      ));
 
-  },
+    },
 
-  input: function input() {
-    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    "])));
+    box: function box(t) {
+      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\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(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        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)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    boxWarning: function boxWarning(t) {
+      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-    t.checkboxOutlineColorFocus,
-    t.checkboxOutlineWidth, t.checkboxBorderColorError);
+      t.checkboxOutlineColorFocus,
+      t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
 
-  },
+    },
 
-  boxChecked: function boxChecked(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
-    t.checkboxCheckedBg,
-    t.checkboxCheckedColor,
-    t.checkboxCheckedShadow);
+    boxError: function boxError(t) {
+      return css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-  },
+      t.checkboxOutlineColorFocus,
+      t.checkboxOutlineWidth, t.checkboxBorderColorError);
 
-  boxFocus: function boxFocus(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    },
 
-    t.checkboxOutlineColorFocus,
-    t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
+    boxChecked: function boxChecked(t) {
+      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
+      t.checkboxCheckedBg,
+      t.checkboxCheckedColor,
+      t.checkboxCheckedShadow);
 
-  },
+    },
 
-  boxDisabled: function boxDisabled(t) {
-    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);
+    boxFocus: function boxFocus(t) {
+      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-  },
+      t.checkboxOutlineColorFocus,
+      t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
 
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
-    t.checkboxTextColorDisabled);
+    },
 
+    boxDisabled: function boxDisabled(t) {
+      return css(_templateObject17 || (_templateObject17 = (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);
 
-  },
+    },
 
-  icon: function icon() {
-    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    "])));
+    disabled: function disabled(t) {
+      return css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+      t.checkboxTextColorDisabled);
 
 
+    },
 
+    icon: function icon() {
+      return css(_templateObject19 || (_templateObject19 = (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    "])));
 
 
 
 
 
 
-  },
 
-  iconUnchecked: function iconUnchecked() {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
 
-  },
+    },
 
-  caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
-    t.checkboxTextColorDefault,
-    t.checkboxCaptionGap);
+    iconUnchecked: function iconUnchecked() {
+      return css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
-  },
 
-  captionIE11: function captionIE11() {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
+    },
 
+    caption: function caption(t) {
+      return css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
+      t.checkboxTextColorDefault,
+      t.checkboxCaptionGap);
 
-  }
-});
+    }
+  };});