@skbkontur/react-ui 3.9.4 → 3.10.0-fileuploader.3

package/components/Button/Button.styles/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","styles","root","t","btnBackgroundClip","btnBorderWidth","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","arrowLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","checked","checkedStyles","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorderColor","btnArrowBgImageChecked","checkedDisabled","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","captionLink","captionTranslated","captionDisabled","wrap","narrow","noPadding","noRightPadding","iconNoRightPadding","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","linkActiveColor"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n  buttonUseMixin,\n  buttonHoverMixin,\n  buttonActiveMixin,\n  buttonSizeMixin,\n  arrowOutlineMixin,\n  buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n  arrowHelper: 'arrow-helper',\n  arrowHelperTop: 'arrow-helper-top',\n  arrowHelperBottom: 'arrow-helper-bottom',\n  caption: 'caption',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n      ${resetText()};\n\n      background-clip: ${t.btnBackgroundClip};\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      border: ${t.btnBorderWidth} solid transparent;\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:active .${globalClasses.caption} {\n        transform: translateY(1px);\n      }\n    `;\n  },\n\n  outline() {\n    return css`\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n\n  outlineWarning(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n        inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineError(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineLink() {\n    return css`\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n    `;\n  },\n\n  outlineLinkWarning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n  },\n\n  outlineLinkError(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeSmall,\n        t.btnHeightSmall,\n        t.btnLineHeightSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeMedium,\n        t.btnHeightMedium,\n        t.btnLineHeightMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeLarge,\n        t.btnHeightLarge,\n        t.btnLineHeightLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      background: none;\n      border-radius: ${t.btnLinkBorderRadius};\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ${t.btnLinkColor};\n      display: inline;\n      line-height: inherit !important; // override size mixin\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover {\n        color: ${t.btnLinkHoverColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n      &:active {\n        ${activeStyles.link(t)}\n      }\n    `;\n  },\n\n  linkFocus(t: Theme) {\n    return css`\n      color: ${t.btnLinkColor};\n      text-decoration: ${t.btnLinkHoverTextDecoration};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n\n      &,\n      &:hover,\n      &:active {\n        color: ${t.btnLinkDisabledColor};\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover,\n      &:active,\n      &:active:hover {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n        border-color: ${t.btnBorderColorFocus};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n      border-color: ${t.btnDisabledBorderColor};\n\n      background-image: none;\n      background-color: ${t.btnDisabledBg};\n      color: ${t.btnDisabledTextColor};\n      box-shadow: none;\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n      }\n    `;\n  },\n\n  arrowWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n    `;\n  },\n\n  arrow() {\n    return css`\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n\n      .${globalClasses.arrowHelper} {\n        width: 100%;\n        height: 50%;\n        position: absolute;\n        left: 0;\n        background: inherit;\n        background-size: 200% 200%;\n        border-radius: inherit;\n        background-clip: padding-box;\n\n        // fix ugly arrow edge\n        &:before {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          background: inherit;\n          border-radius: inherit;\n          transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n        }\n      }\n\n      .${globalClasses.arrowHelperTop} {\n        top: 0;\n        transform: skewX(30deg);\n        transform-origin: top;\n        background-position-y: top;\n        border-bottom-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          bottom: -1px;\n        }\n      }\n\n      .${globalClasses.arrowHelperBottom} {\n        bottom: 0;\n        transform: skewX(-30deg);\n        transform-origin: bottom;\n        background-position-y: bottom;\n        border-top-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          top: -1px;\n        }\n      }\n    `;\n  },\n\n  arrowLeft() {\n    return css`\n      transform: scaleX(-1);\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDefaultBg,\n        t.btnDefaultBgStart,\n        t.btnDefaultBgEnd,\n        t.btnDefaultTextColor,\n        t.btnDefaultBorderColor,\n        t.btnDefaultBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnDefaultHoverBg,\n        t.btnDefaultHoverBgStart,\n        t.btnDefaultHoverBgEnd,\n        t.btnDefaultHoverBorderColor,\n        t.btnDefaultHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.default(t)}\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPrimaryBg,\n        t.btnPrimaryBgStart,\n        t.btnPrimaryBgEnd,\n        t.btnPrimaryTextColor,\n        t.btnPrimaryBorderColor,\n        t.btnPrimaryBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnPrimaryHoverBg,\n        t.btnPrimaryHoverBgStart,\n        t.btnPrimaryHoverBgEnd,\n        t.btnPrimaryHoverBorderColor,\n        t.btnPrimaryHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.primary(t)}\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnSuccessBg,\n        t.btnSuccessBgStart,\n        t.btnSuccessBgEnd,\n        t.btnSuccessTextColor,\n        t.btnSuccessBorderColor,\n        t.btnSuccessBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnSuccessHoverBg,\n        t.btnSuccessHoverBgStart,\n        t.btnSuccessHoverBgEnd,\n        t.btnSuccessHoverBorderColor,\n        t.btnSuccessHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.success(t)}\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDangerBg,\n        t.btnDangerBgStart,\n        t.btnDangerBgEnd,\n        t.btnDangerTextColor,\n        t.btnDangerBorderColor,\n        t.btnDangerBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnDangerHoverBg,\n        t.btnDangerHoverBgStart,\n        t.btnDangerHoverBgEnd,\n        t.btnDangerHoverBorderColor,\n        t.btnDangerHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.danger(t)}\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPayBg,\n        t.btnPayBgStart,\n        t.btnPayBgEnd,\n        t.btnPayTextColor,\n        t.btnPayBorderColor,\n        t.btnPayBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnPayHoverBg,\n        t.btnPayHoverBgStart,\n        t.btnPayHoverBgEnd,\n        t.btnPayHoverBorderColor,\n        t.btnPayHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.pay(t)}\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    const checkedStyles = `\n      background-image: none;\n      box-shadow: ${t.btnCheckedShadow};\n      background-color: ${t.btnCheckedBg};\n      color: ${t.btnCheckedTextColor};\n      border-color: ${t.btnDefaultCheckedBorderColor};\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\n      }\n    `;\n\n    return css`\n      ${checkedStyles}\n\n      &:hover,\n      &:active,\n      &:hover:active {\n        ${checkedStyles}\n      }\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.btnCheckedDisabledShadow};\n      background-color: ${t.btnCheckedDisabledBg};\n      color: ${t.btnCheckedDisabledColor};\n      border-color: ${t.btnCheckedDisabledBorderColor};\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: none;\n        }\n      }\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    `;\n  },\n\n  captionLink() {\n    return css`\n      display: inline;\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  captionTranslated() {\n    return css`\n      transform: translateY(1px);\n    `;\n  },\n\n  captionDisabled() {\n    return css`\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  wrap() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n    `;\n  },\n\n  narrow() {\n    return css`\n      padding-left: 5px;\n      padding-right: 5px;\n    `;\n  },\n\n  noPadding() {\n    return css`\n      padding-left: 0;\n      padding-right: 0;\n    `;\n  },\n\n  noRightPadding() {\n    return css`\n      padding-right: 0;\n    `;\n  },\n\n  iconNoRightPadding() {\n    return css`\n      padding-right: 0;\n    `;\n  },\n\n  iconLink(t: Theme) {\n    return css`\n      padding-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  wrapLink() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  wrapArrow() {\n    return css`\n      margin-right: 10px;\n    `;\n  },\n\n  wrapArrowLeft() {\n    return css`\n      margin-right: 0;\n      margin-left: 10px;\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n      padding-right: ${t.btnIconGapSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n      padding-right: ${t.btnIconGapMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n      padding-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  borderless() {\n    return css`\n      &,\n      &:hover,\n      &:active {\n        border-color: transparent;\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none;\n        }\n      }\n    `;\n  },\n\n  loading() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      border-radius: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 10;\n    `;\n  },\n\n  visibilityHidden() {\n    return css`\n      visibility: hidden;\n    `;\n  },\n});\n\nexport const activeStyles = memoizeStyle({\n  default(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnDefaultActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnPrimaryActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnSuccessActiveBg,\n          t.btnSuccessActiveShadow,\n          t.btnSuccessActiveBorderColor,\n          t.btnSuccessActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnDangerActiveBg,\n          t.btnDangerActiveShadow,\n          t.btnDangerActiveBorderColor,\n          t.btnDangerActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnPayActiveBg,\n          t.btnPayActiveShadow,\n          t.btnPayActiveBorderColor,\n          t.btnPayActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        color: ${t.linkActiveColor};\n      }\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","styles","root","t","btnBackgroundClip","btnBorderWidth","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","arrowLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","checked","checkedStyles","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorderColor","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","captionLink","captionTranslated","captionDisabled","wrap","narrow","noPadding","noRightPadding","iconNoRightPadding","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","linkActiveColor"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n  buttonUseMixin,\n  buttonHoverMixin,\n  buttonActiveMixin,\n  buttonSizeMixin,\n  arrowOutlineMixin,\n  buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n  arrowHelper: 'arrow-helper',\n  arrowHelperTop: 'arrow-helper-top',\n  arrowHelperBottom: 'arrow-helper-bottom',\n  caption: 'caption',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n      ${resetText()};\n\n      background-clip: ${t.btnBackgroundClip};\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      border: ${t.btnBorderWidth} solid transparent;\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:active .${globalClasses.caption} {\n        transform: translateY(1px);\n      }\n    `;\n  },\n\n  outline() {\n    return css`\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n\n  outlineWarning(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n        inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineError(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineLink() {\n    return css`\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n    `;\n  },\n\n  outlineLinkWarning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n  },\n\n  outlineLinkError(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeSmall,\n        t.btnHeightSmall,\n        t.btnLineHeightSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeMedium,\n        t.btnHeightMedium,\n        t.btnLineHeightMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeLarge,\n        t.btnHeightLarge,\n        t.btnLineHeightLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      background: none;\n      border-radius: ${t.btnLinkBorderRadius};\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ${t.btnLinkColor};\n      display: inline;\n      line-height: inherit !important; // override size mixin\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover {\n        color: ${t.btnLinkHoverColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n      &:active {\n        ${activeStyles.link(t)}\n      }\n    `;\n  },\n\n  linkFocus(t: Theme) {\n    return css`\n      color: ${t.btnLinkColor};\n      text-decoration: ${t.btnLinkHoverTextDecoration};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n\n      &,\n      &:hover,\n      &:active {\n        color: ${t.btnLinkDisabledColor};\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover,\n      &:active,\n      &:active:hover {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n        border-color: ${t.btnBorderColorFocus};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n      border-color: ${t.btnDisabledBorderColor};\n\n      background-image: none;\n      background-color: ${t.btnDisabledBg};\n      color: ${t.btnDisabledTextColor};\n      box-shadow: none;\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n      }\n    `;\n  },\n\n  arrowWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n    `;\n  },\n\n  arrow() {\n    return css`\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n\n      .${globalClasses.arrowHelper} {\n        width: 100%;\n        height: 50%;\n        position: absolute;\n        left: 0;\n        background: inherit;\n        background-size: 200% 200%;\n        border-radius: inherit;\n        background-clip: padding-box;\n\n        // fix ugly arrow edge\n        &:before {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          background: inherit;\n          border-radius: inherit;\n          transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n        }\n      }\n\n      .${globalClasses.arrowHelperTop} {\n        top: 0;\n        transform: skewX(30deg);\n        transform-origin: top;\n        background-position-y: top;\n        border-bottom-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          bottom: -1px;\n        }\n      }\n\n      .${globalClasses.arrowHelperBottom} {\n        bottom: 0;\n        transform: skewX(-30deg);\n        transform-origin: bottom;\n        background-position-y: bottom;\n        border-top-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          top: -1px;\n        }\n      }\n    `;\n  },\n\n  arrowLeft() {\n    return css`\n      transform: scaleX(-1);\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDefaultBg,\n        t.btnDefaultBgStart,\n        t.btnDefaultBgEnd,\n        t.btnDefaultTextColor,\n        t.btnDefaultBorderColor,\n        t.btnDefaultBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnDefaultHoverBg,\n        t.btnDefaultHoverBgStart,\n        t.btnDefaultHoverBgEnd,\n        t.btnDefaultHoverBorderColor,\n        t.btnDefaultHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.default(t)}\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPrimaryBg,\n        t.btnPrimaryBgStart,\n        t.btnPrimaryBgEnd,\n        t.btnPrimaryTextColor,\n        t.btnPrimaryBorderColor,\n        t.btnPrimaryBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnPrimaryHoverBg,\n        t.btnPrimaryHoverBgStart,\n        t.btnPrimaryHoverBgEnd,\n        t.btnPrimaryHoverBorderColor,\n        t.btnPrimaryHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.primary(t)}\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnSuccessBg,\n        t.btnSuccessBgStart,\n        t.btnSuccessBgEnd,\n        t.btnSuccessTextColor,\n        t.btnSuccessBorderColor,\n        t.btnSuccessBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnSuccessHoverBg,\n        t.btnSuccessHoverBgStart,\n        t.btnSuccessHoverBgEnd,\n        t.btnSuccessHoverBorderColor,\n        t.btnSuccessHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.success(t)}\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDangerBg,\n        t.btnDangerBgStart,\n        t.btnDangerBgEnd,\n        t.btnDangerTextColor,\n        t.btnDangerBorderColor,\n        t.btnDangerBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnDangerHoverBg,\n        t.btnDangerHoverBgStart,\n        t.btnDangerHoverBgEnd,\n        t.btnDangerHoverBorderColor,\n        t.btnDangerHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.danger(t)}\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPayBg,\n        t.btnPayBgStart,\n        t.btnPayBgEnd,\n        t.btnPayTextColor,\n        t.btnPayBorderColor,\n        t.btnPayBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnPayHoverBg,\n        t.btnPayHoverBgStart,\n        t.btnPayHoverBgEnd,\n        t.btnPayHoverBorderColor,\n        t.btnPayHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.pay(t)}\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    const checkedStyles = `\n      background-image: none;\n      box-shadow: ${t.btnCheckedShadow};\n      background-color: ${t.btnCheckedBg};\n      color: ${t.btnCheckedTextColor};\n      border-color: ${t.btnDefaultCheckedBorderColor};\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\n      }\n    `;\n\n    return css`\n      ${checkedStyles}\n\n      &:hover,\n      &:active,\n      &:hover:active {\n        ${checkedStyles}\n      }\n    `;\n  },\n\n  checkedFocused(t: Theme) {\n    return css`\n      &:hover {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n        border-color: ${t.btnBorderColorFocus};\n      }\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.btnCheckedDisabledShadow};\n      background-color: ${t.btnCheckedDisabledBg};\n      color: ${t.btnCheckedDisabledColor};\n      border-color: ${t.btnCheckedDisabledBorderColor};\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: none;\n        }\n      }\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    `;\n  },\n\n  captionLink() {\n    return css`\n      display: inline;\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  captionTranslated() {\n    return css`\n      transform: translateY(1px);\n    `;\n  },\n\n  captionDisabled() {\n    return css`\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  wrap() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n    `;\n  },\n\n  narrow() {\n    return css`\n      padding-left: 5px;\n      padding-right: 5px;\n    `;\n  },\n\n  noPadding() {\n    return css`\n      padding-left: 0;\n      padding-right: 0;\n    `;\n  },\n\n  noRightPadding() {\n    return css`\n      padding-right: 0;\n    `;\n  },\n\n  iconNoRightPadding() {\n    return css`\n      padding-right: 0;\n    `;\n  },\n\n  iconLink(t: Theme) {\n    return css`\n      padding-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  wrapLink() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  wrapArrow() {\n    return css`\n      margin-right: 10px;\n    `;\n  },\n\n  wrapArrowLeft() {\n    return css`\n      margin-right: 0;\n      margin-left: 10px;\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n      padding-right: ${t.btnIconGapSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n      padding-right: ${t.btnIconGapMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n      padding-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  borderless() {\n    return css`\n      &,\n      &:hover,\n      &:active {\n        border-color: transparent;\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none;\n        }\n      }\n    `;\n  },\n\n  loading() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      border-radius: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 10;\n    `;\n  },\n\n  visibilityHidden() {\n    return css`\n      visibility: hidden;\n    `;\n  },\n});\n\nexport const activeStyles = memoizeStyle({\n  default(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnDefaultActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnPrimaryActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnSuccessActiveBg,\n          t.btnSuccessActiveShadow,\n          t.btnSuccessActiveBorderColor,\n          t.btnSuccessActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnDangerActiveBg,\n          t.btnDangerActiveShadow,\n          t.btnDangerActiveBorderColor,\n          t.btnDangerActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnPayActiveBg,\n          t.btnPayActiveShadow,\n          t.btnPayActiveBorderColor,\n          t.btnPayActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        color: ${t.linkActiveColor};\n      }\n    `;\n  },\n});\n"]}

package/components/Button/Button.styles.d.ts

@@ -1,67 +1,68 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    arrowHelper: string;
-    arrowHelperTop: string;
-    arrowHelperBottom: string;
-    caption: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    outline(): string;
-    outlineWarning(t: Theme): string;
-    outlineError(t: Theme): string;
-    outlineLink(): string;
-    outlineLinkWarning(t: Theme): string;
-    outlineLinkError(t: Theme): string;
-    sizeSmall(t: Theme): string;
-    sizeSmallIE11(t: Theme): string;
-    sizeMedium(t: Theme): string;
-    sizeMediumIE11(t: Theme): string;
-    sizeLarge(t: Theme): string;
-    sizeLargeIE11(t: Theme): string;
-    link(t: Theme): string;
-    linkFocus(t: Theme): string;
-    linkDisabled(t: Theme): string;
-    focus(t: Theme): string;
-    disabled(t: Theme): string;
-    arrowWarning(t: Theme): string;
-    arrowError(t: Theme): string;
-    arrowFocus(t: Theme): string;
-    arrow(): string;
-    arrowLeft(): string;
-    default(t: Theme): string;
-    primary(t: Theme): string;
-    success(t: Theme): string;
-    danger(t: Theme): string;
-    pay(t: Theme): string;
-    checked(t: Theme): string;
-    checkedDisabled(t: Theme): string;
-    caption(): string;
-    captionLink(): string;
-    captionTranslated(): string;
-    captionDisabled(): string;
-    wrap(): string;
-    narrow(): string;
-    noPadding(): string;
-    noRightPadding(): string;
-    iconNoRightPadding(): string;
-    iconLink(t: Theme): string;
-    wrapLink(): string;
-    wrapArrow(): string;
-    wrapArrowLeft(): string;
-    icon(): string;
-    iconSmall(t: Theme): string;
-    iconMedium(t: Theme): string;
-    iconLarge(t: Theme): string;
-    borderless(): string;
-    loading(): string;
-    visibilityHidden(): string;
-};
-export declare const activeStyles: {
-    default(t: Theme): string;
-    primary(t: Theme): string;
-    success(t: Theme): string;
-    danger(t: Theme): string;
-    pay(t: Theme): string;
-    link(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    arrowHelper: string;
+    arrowHelperTop: string;
+    arrowHelperBottom: string;
+    caption: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    outline(): string;
+    outlineWarning(t: Theme): string;
+    outlineError(t: Theme): string;
+    outlineLink(): string;
+    outlineLinkWarning(t: Theme): string;
+    outlineLinkError(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeSmallIE11(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeMediumIE11(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    sizeLargeIE11(t: Theme): string;
+    link(t: Theme): string;
+    linkFocus(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    arrowWarning(t: Theme): string;
+    arrowError(t: Theme): string;
+    arrowFocus(t: Theme): string;
+    arrow(): string;
+    arrowLeft(): string;
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    checked(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    caption(): string;
+    captionLink(): string;
+    captionTranslated(): string;
+    captionDisabled(): string;
+    wrap(): string;
+    narrow(): string;
+    noPadding(): string;
+    noRightPadding(): string;
+    iconNoRightPadding(): string;
+    iconLink(t: Theme): string;
+    wrapLink(): string;
+    wrapArrow(): string;
+    wrapArrowLeft(): string;
+    icon(): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+    borderless(): string;
+    loading(): string;
+    visibilityHidden(): string;
+};
+export declare const activeStyles: {
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    link(t: Theme): string;
+};

package/components/Button/Corners.d.ts

@@ -1,6 +1,6 @@
-export declare const Corners: {
-    TOP_LEFT: number;
-    TOP_RIGHT: number;
-    BOTTOM_RIGHT: number;
-    BOTTOM_LEFT: number;
-};
+export declare const Corners: {
+    TOP_LEFT: number;
+    TOP_RIGHT: number;
+    BOTTOM_RIGHT: number;
+    BOTTOM_LEFT: number;
+};

package/components/Button/index.d.ts

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

package/components/Center/Center/Center.js

@@ -1,15 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
 import { styles } from "../Center.styles";
+export
 /**
- * Контейнер, который центрирует элементы внутри себя.
- */
-
-export var Center = /*#__PURE__*/function (_React$Component) {
+* Контейнер, который центрирует элементы внутри себя.
+*/
+var Center = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Center, _React$Component);
 
   function Center() {
@@ -20,6 +24,7 @@ export var Center = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.setRootNode = void 0;
 
     _this.renderMain = function (props) {
       var _cx;
@@ -42,12 +47,12 @@ export var Center = /*#__PURE__*/function (_React$Component) {
   var _proto = Center.prototype;
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, this.renderMain);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), this.renderMain);
   };
 
   return Center;
-}(React.Component);
-Center.__KONTUR_REACT_UI__ = 'Center';
-Center.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = {
   align: 'center'
-};
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["Center.tsx"],"names":["React","CommonWrapper","cx","styles","Center","renderMain","props","align","rest","root","rootAlignLeft","rootAlignRight","spring","container","children","render","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAAsBC,aAAtB,QAAmE,8BAAnE;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,iBAAvB;;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA,WAAaC,MAAb;;;;;;;;;;AAUUC,IAAAA,UAVV,GAUuB,UAACC,KAAD,EAAgD;AAC3DC,MAAAA,KAD2D,GACxCD,KADwC,CAC3DC,KAD2D,CACjDC,IADiD,iCACxCF,KADwC;;AAGnE;AACE;AACME,QAAAA,IADN;AAEE,UAAA,SAAS,EAAEN,EAAE;AACVC,UAAAA,MAAM,CAACM,IAAP,EADU,IACM,IADN;AAEVN,UAAAA,MAAM,CAACO,aAAP,EAFU,IAEeH,KAAK,KAAK,MAFzB;AAGVJ,UAAAA,MAAM,CAACQ,cAAP,EAHU,IAGgBJ,KAAK,KAAK,OAH1B,OAFf;;;AAQE,sCAAM,SAAS,EAAEJ,MAAM,CAACS,MAAP,EAAjB,GARF;AASE,sCAAM,SAAS,EAAET,MAAM,CAACU,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CATF,CADF;;;AAaD,KA1BH,oDAOSC,MAPT,GAOE,kBAAgB,CACd,oBAAO,oBAAC,aAAD,EAAmB,KAAKT,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,CATH,iBAA4BL,KAAK,CAACgB,SAAlC,EAAaZ,M,CACGa,mB,GAAsB,Q,CADzBb,M,CAGGc,Y,GAAe,EAC3BX,KAAK,EAAE,QADoB,E","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /**\n         * Определяет, как контент будет выровнен по горизонтали.\n         *\n         * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\n         */\n        align?: HorizontalAlign;\n      }\n    > {}\n\n/**\n * Контейнер, который центрирует элементы внутри себя.\n */\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n\n  public static defaultProps = {\n    align: 'center',\n  };\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n  private renderMain = (props: CommonWrapperRestProps<CenterProps>) => {\n    const { align, ...rest } = props;\n\n    return (\n      <div\n        {...rest}\n        className={cx({\n          [styles.root()]: true,\n          [styles.rootAlignLeft()]: align === 'left',\n          [styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={styles.spring()} />\n        <span className={styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"]}
+{"version":3,"sources":["Center.tsx"],"names":["React","CommonWrapper","cx","rootNode","styles","Center","setRootNode","renderMain","props","align","rest","root","rootAlignLeft","rootAlignRight","spring","container","children","render","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"+PAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAAsBC,aAAtB,QAAmE,8BAAnE;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,MAAT,QAAuB,iBAAvB;;;;;;;;;;;;;;;;;;;;;;AAsBA,OAJA;AACA;AACA,GAEA,IAAaC,MAAb,GADCF,QACD;;;;AAMUG,IAAAA,WANV;;;;;;;;;AAeUC,IAAAA,UAfV,GAeuB,UAACC,KAAD,EAAgD;AAC3DC,MAAAA,KAD2D,GACxCD,KADwC,CAC3DC,KAD2D,CACjDC,IADiD,iCACxCF,KADwC;;AAGnE;AACE;AACME,QAAAA,IADN;AAEE,UAAA,SAAS,EAAER,EAAE;AACVE,UAAAA,MAAM,CAACO,IAAP,EADU,IACM,IADN;AAEVP,UAAAA,MAAM,CAACQ,aAAP,EAFU,IAEeH,KAAK,KAAK,MAFzB;AAGVL,UAAAA,MAAM,CAACS,cAAP,EAHU,IAGgBJ,KAAK,KAAK,OAH1B,OAFf;;;AAQE,sCAAM,SAAS,EAAEL,MAAM,CAACU,MAAP,EAAjB,GARF;AASE,sCAAM,SAAS,EAAEV,MAAM,CAACW,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CATF,CADF;;;AAaD,KA/BH,oDAQSC,MART,GAQE,kBAAgB,CACd,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKX,WAAjC,IAAkD,KAAKE,KAAvD,GACG,KAAKD,UADR,CADF,CAKD,CAdH,iBAA4BP,KAAK,CAACkB,SAAlC,WACgBC,mBADhB,GACsC,QADtC,UAGgBC,YAHhB,GAG+B,EAC3BX,KAAK,EAAE,QADoB,EAH/B","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /**\n         * Определяет, как контент будет выровнен по горизонтали.\n         *\n         * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\n         */\n        align?: HorizontalAlign;\n      }\n    > {}\n\n/**\n * Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n\n  public static defaultProps = {\n    align: 'center',\n  };\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<CenterProps>) => {\n    const { align, ...rest } = props;\n\n    return (\n      <div\n        {...rest}\n        className={cx({\n          [styles.root()]: true,\n          [styles.rootAlignLeft()]: align === 'left',\n          [styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={styles.spring()} />\n        <span className={styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"]}

package/components/Center/Center.d.ts

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

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

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

package/components/Center/index.d.ts

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

package/components/Checkbox/Checkbox/Checkbox.js

@@ -1,6 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { keyListener } from "../../../lib/events/keyListener";
@@ -9,10 +12,11 @@ import { OkIcon, SquareIcon } from "../../../internal/icons/16px";
 import { isEdge, isFirefox, isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
 import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
 import { styles, globalClasses } from "../Checkbox.styles";
-export var Checkbox = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Checkbox, _React$Component);
+export var Checkbox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(Checkbox, _React$PureComponent);
 
   function Checkbox() {
     var _this;
@@ -21,7 +25,7 @@ export var Checkbox = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
     _this.state = {
       focusedByTab: false,
       indeterminate: _this.props.initialIndeterminate || false
@@ -35,6 +39,8 @@ export var Checkbox = /*#__PURE__*/function (_React$Component) {
       }
     };
 
+    _this.setRootNode = void 0;
+
     _this.setIndeterminate = function () {
       _this.setState({
         indeterminate: true
@@ -171,8 +177,8 @@ export var Checkbox = /*#__PURE__*/function (_React$Component) {
 
   var _proto = Checkbox.prototype;
 
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.checked !== this.props.checked) {
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (prevProps.checked !== this.props.checked) {
       this.resetIndeterminate();
     }
   };
@@ -182,7 +188,9 @@ export var Checkbox = /*#__PURE__*/function (_React$Component) {
 
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _this2.props, _this2.renderMain);
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.props), _this2.renderMain);
     });
   }
   /**
@@ -215,9 +223,7 @@ export var Checkbox = /*#__PURE__*/function (_React$Component) {
   ;
 
   return Checkbox;
-}(React.Component);
-Checkbox.__KONTUR_REACT_UI__ = 'Checkbox';
-Checkbox.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Checkbox', _class2.propTypes = {
   checked: PropTypes.bool,
   disabled: PropTypes.bool,
   error: PropTypes.bool,
@@ -227,4 +233,4 @@ Checkbox.propTypes = {
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
   onMouseOver: PropTypes.func
-};
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","OkIcon","SquareIcon","isEdge","isFirefox","isIE11","CommonWrapper","cx","fixFirefoxModifiedClickOnLabel","styles","globalClasses","Checkbox","state","focusedByTab","indeterminate","props","initialIndeterminate","theme","input","createRef","componentDidMount","current","setIndeterminate","setState","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","rest","isIndeterminate","rootClass","root","rootFallback","rootChecked","checked","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","iconClass","iconUnchecked","iconFixBaseline","box","boxChecked","boxDisabled","boxFocus","boxError","boxWarning","e","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","UNSAFE_componentWillReceiveProps","nextProps","render","focus","blur","Component","__KONTUR_REACT_UI__","propTypes","bool","func"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;;AAGA,SAASC,WAAT,QAA4B,8BAA5B;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,EAAiBC,UAAjB,QAAmC,2BAAnC;AACA,SAASC,MAAT,EAAiBC,SAAjB,EAA4BC,MAA5B,QAA0C,kBAA1C;AACA,SAASC,aAAT,QAAmE,8BAAnE;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,8BAAT,QAA+C,iDAA/C;;AAEA,SAASC,MAAT,EAAiBC,aAAjB,QAAsC,mBAAtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,WAAaC,QAAb;;;;;;;;;;;;;;;AAeSC,IAAAA,KAfT,GAeiB;AACbC,MAAAA,YAAY,EAAE,KADD;AAEbC,MAAAA,aAAa,EAAE,MAAKC,KAAL,CAAWC,oBAAX,IAAmC,KAFrC,EAfjB;;;AAoBUC,IAAAA,KApBV;AAqBUC,IAAAA,KArBV,gBAqBkBrB,KAAK,CAACsB,SAAN,EArBlB;;AAuBSC,IAAAA,iBAvBT,GAuB6B,YAAM;AAC/B,UAAI,MAAKR,KAAL,CAAWE,aAAX,IAA4B,MAAKI,KAAL,CAAWG,OAA3C,EAAoD;AAClD,cAAKH,KAAL,CAAWG,OAAX,CAAmBP,aAAnB,GAAmC,IAAnC;AACD;AACF,KA3BH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmESQ,IAAAA,gBAnET,GAmE4B,YAAM;AAC9B,YAAKC,QAAL,CAAc;AACZT,QAAAA,aAAa,EAAE,IADH,EAAd;;AAGA,UAAI,MAAKI,KAAL,CAAWG,OAAf,EAAwB;AACtB,cAAKH,KAAL,CAAWG,OAAX,CAAmBP,aAAnB,GAAmC,IAAnC;AACD;AACF,KA1EH;;;;;;AAgFSU,IAAAA,kBAhFT,GAgF8B,YAAM;AAChC,YAAKD,QAAL,CAAc;AACZT,QAAAA,aAAa,EAAE,KADH,EAAd;;AAGA,UAAI,MAAKI,KAAL,CAAWG,OAAf,EAAwB;AACtB,cAAKH,KAAL,CAAWG,OAAX,CAAmBP,aAAnB,GAAmC,KAAnC;AACD;AACF,KAvFH;;AAyFUW,IAAAA,UAzFV,GAyFuB,UAACV,KAAD,EAAkD;;AAEnEW,MAAAA,KAFmE;;;;;;;;;AAWjEX,MAAAA,KAXiE,CAEnEW,KAFmE,CAGnEC,OAHmE,GAWjEZ,KAXiE,CAGnEY,OAHmE,CAInEC,YAJmE,GAWjEb,KAXiE,CAInEa,YAJmE,CAKnEC,YALmE,GAWjEd,KAXiE,CAKnEc,YALmE,CAMnEC,WANmE,GAWjEf,KAXiE,CAMnEe,WANmE,CAOnEC,aAPmE,GAWjEhB,KAXiE,CAOnEgB,aAPmE,CAQnEC,IARmE,GAWjEjB,KAXiE,CAQnEiB,IARmE,CASnEhB,oBATmE,GAWjED,KAXiE,CASnEC,oBATmE,CAUhEiB,IAVgE,iCAWjElB,KAXiE;AAYrE,UAAMmB,eAAe,GAAG,MAAKtB,KAAL,CAAWE,aAAnC;;AAEA,UAAMqB,SAAS,GAAG5B,EAAE;AACjBE,MAAAA,MAAM,CAAC2B,IAAP,CAAY,MAAKnB,KAAjB,CADiB,IACS,IADT;AAEjBR,MAAAA,MAAM,CAAC4B,YAAP,EAFiB,IAEOhC,MAAM,IAAIF,MAFjB;AAGjBM,MAAAA,MAAM,CAAC6B,WAAP,CAAmB,MAAKrB,KAAxB,CAHiB,IAGgBF,KAAK,CAACwB,OAAN,IAAiBL,eAHjC;AAIjBzB,MAAAA,MAAM,CAAC+B,QAAP,CAAgB,MAAKvB,KAArB,CAJiB,IAIawB,OAAO,CAAC1B,KAAK,CAACyB,QAAP,CAJpB,OAApB;;;AAOA,UAAME,UAAU;AACXT,MAAAA,IADW;AAEdD,QAAAA,IAAI,EAAE,UAFQ;AAGdW,QAAAA,SAAS,EAAElC,MAAM,CAACS,KAAP,EAHG;AAId0B,QAAAA,QAAQ,EAAE,MAAKC,YAJD;AAKdC,QAAAA,OAAO,EAAE,MAAKC,WALA;AAMdC,QAAAA,MAAM,EAAE,MAAKC,UANC;AAOdC,QAAAA,OAAO,EAAE,MAAKC,WAPA;AAQdC,QAAAA,GAAG,EAAE,MAAKlC,KARI,GAAhB;;;AAWA,UAAImC,OAAO,GAAG,IAAd;AACA,UAAI,MAAKtC,KAAL,CAAWuC,QAAf,EAAyB;AACvB,YAAMC,YAAY,GAAGhD,EAAE;AACpBE,QAAAA,MAAM,CAAC4C,OAAP,CAAe,MAAKpC,KAApB,CADoB,IACS,IADT;AAEpBR,QAAAA,MAAM,CAAC+C,WAAP,EAFoB,IAEGnD,MAAM,IAAIF,MAFb;AAGpBM,QAAAA,MAAM,CAAC+B,QAAP,CAAgB,MAAKvB,KAArB,CAHoB,IAGUwB,OAAO,CAAC1B,KAAK,CAACyB,QAAP,CAHjB,QAAvB;;AAKAa,QAAAA,OAAO,gBAAG,8BAAM,SAAS,EAAEE,YAAjB,IAAgC,MAAKxC,KAAL,CAAWuC,QAA3C,CAAV;AACD;;AAED,UAAMG,SAAS,GAAGlD,EAAE;AACjBE,MAAAA,MAAM,CAACiD,aAAP,EADiB,IACQ,CAAC3C,KAAK,CAACwB,OAAP,IAAkB,CAACL,eAD3B;AAEjBzB,MAAAA,MAAM,CAACkD,eAAP,EAFiB,IAEUvD,SAAS,IAAIC,MAAb,IAAuBF,MAFjC,QAApB;;;AAKA,UAAMyD,GAAG;AACP;AACE,QAAA,SAAS,EAAErD,EAAE,CAACE,MAAM,CAACmD,GAAP,CAAW,MAAK3C,KAAhB,CAAD,EAAyBP,aAAa,CAACkD,GAAvC;AACVnD,QAAAA,MAAM,CAACoD,UAAP,CAAkB,MAAK5C,KAAvB,CADU,IACsBF,KAAK,CAACwB,OAAN,IAAiBL,eADvC;AAEVzB,QAAAA,MAAM,CAACqD,WAAP,CAAmB,MAAK7C,KAAxB,CAFU,IAEuBF,KAAK,CAACyB,QAF7B;AAGV/B,QAAAA,MAAM,CAACsD,QAAP,CAAgB,MAAK9C,KAArB,CAHU,IAGoB,MAAKL,KAAL,CAAWC,YAH/B;AAIVJ,QAAAA,MAAM,CAACuD,QAAP,CAAgB,MAAK/C,KAArB,CAJU,IAIoBF,KAAK,CAACW,KAJ1B;AAKVjB,QAAAA,MAAM,CAACwD,UAAP,CAAkB,MAAKhD,KAAvB,CALU,IAKsBF,KAAK,CAACY,OAL5B,QADf;;;AASIO,MAAAA,eAAe,iBAAI,oBAAC,UAAD,IAAY,SAAS,EAAEuB,SAAvB,GAApB,iBAA6D,oBAAC,MAAD,IAAQ,SAAS,EAAEA,SAAnB,GAThE,CADF;;;;AAcA;AACE;AACE,UAAA,SAAS,EAAEtB,SADb;AAEE,UAAA,YAAY,EAAEP,YAFhB;AAGE,UAAA,YAAY,EAAEC,YAHhB;AAIE,UAAA,WAAW,EAAEC,WAJf;AAKE,UAAA,OAAO,EAAEtB,8BAA8B,CAAC,MAAKU,KAAN,CALzC;;AAOE,qCAAWwB,UAAX,CAPF;AAQGkB,QAAAA,GARH;AASGP,QAAAA,OATH,CADF;;;AAaD,KAnKH;;AAqKUN,IAAAA,WArKV,GAqKwB,UAACmB,CAAD,EAA8B;AAClD,UAAI,CAAC,MAAKnD,KAAL,CAAWyB,QAAhB,EAA0B;AACxB;AACA;AACA2B,QAAAA,qBAAqB,CAAC,YAAM;AAC1B,cAAIpE,WAAW,CAACqE,YAAhB,EAA8B;AAC5B,kBAAK7C,QAAL,CAAc,EAAEV,YAAY,EAAE,IAAhB,EAAd;AACD;AACF,SAJoB,CAArB;;AAMA,YAAI,MAAKE,KAAL,CAAW+B,OAAf,EAAwB;AACtB,gBAAK/B,KAAL,CAAW+B,OAAX,CAAmBoB,CAAnB;AACD;AACF;AACF,KAnLH;;AAqLUjB,IAAAA,UArLV,GAqLuB,UAACiB,CAAD,EAA2C;AAC9D,YAAKnD,KAAL,CAAWiC,MAAX,0BAAKjC,KAAL,CAAWiC,MAAX,CAAoBkB,CAApB;AACA,YAAK3C,QAAL,CAAc,EAAEV,YAAY,EAAE,KAAhB,EAAd;AACD,KAxLH;;AA0LUgC,IAAAA,YA1LV,GA0LyB,UAACwB,KAAD,EAAgD;AACrE,UAAM9B,OAAO,GAAG8B,KAAK,CAACC,aAAN,CAAoB/B,OAApC;AACA,YAAKxB,KAAL,CAAWgB,aAAX,0BAAKhB,KAAL,CAAWgB,aAAX,CAA2BQ,OAA3B;;AAEA,YAAKf,kBAAL;;AAEA,YAAKT,KAAL,CAAW6B,QAAX,0BAAK7B,KAAL,CAAW6B,QAAX,CAAsByB,KAAtB;AACD,KAjMH;;AAmMUlB,IAAAA,WAnMV,GAmMwB,UAACe,CAAD,EAA2C;AAC/D,YAAKnD,KAAL,CAAWmC,OAAX,0BAAKnC,KAAL,CAAWmC,OAAX,CAAqBgB,CAArB;AACA;AACA;AACA,UAAI,MAAKtD,KAAL,CAAWE,aAAX,KAA6BT,MAAM,IAAIF,MAAvC,CAAJ,EAAoD;AAClD,cAAKqB,kBAAL;AACA;AACA;AACA,YAAI,MAAKT,KAAL,CAAWgB,aAAX,IAA4B,MAAKb,KAAL,CAAWG,OAA3C,EAAoD;AAClD,cAAMkB,OAAO,GAAG,CAAC,MAAKrB,KAAL,CAAWG,OAAX,CAAmBkB,OAApC;;AAEA,cAAI,MAAKxB,KAAL,CAAWwB,OAAX,KAAuBgC,SAA3B,EAAsC;AACpC;AACA,kBAAKrD,KAAL,CAAWG,OAAX,CAAmBkB,OAAnB,GAA6BA,OAA7B;AACD;;AAED,gBAAKxB,KAAL,CAAWgB,aAAX,CAAyBQ,OAAzB;AACD;AACF;AACF,KAtNH,sDA6BSiC,gCA7BT,GA6BE,0CAAwCC,SAAxC,EAAkE,CAChE,IAAIA,SAAS,CAAClC,OAAV,KAAsB,KAAKxB,KAAL,CAAWwB,OAArC,EAA8C,CAC5C,KAAKf,kBAAL,GACD,CACF,CAjCH,QAmCSkD,MAnCT,GAmCE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACzD,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,oBAAC,aAAD,EAAmB,MAAI,CAACF,KAAxB,EAAgC,MAAI,CAACU,UAArC,CAAP,CACD,CAJH,CADF,CAQD,CA5CH,CA8CE;AACF;AACA;AACA,KAjDA,QAkDSkD,KAlDT,GAkDE,iBAAe,yBACb5E,WAAW,CAACqE,YAAZ,GAA2B,IAA3B,CACA,4BAAKlD,KAAL,CAAWG,OAAX,yCAAoBsD,KAApB,GACD,CArDH,CAuDE;AACF;AACA;AACA,KA1DA,QA2DSC,IA3DT,GA2DE,gBAAc,0BACZ,6BAAK1D,KAAL,CAAWG,OAAX,0CAAoBuD,IAApB,GACD,CA7DH,CA+DE;AACF;AACA;AACA,KAlEA,mBAA8B/E,KAAK,CAACgF,SAApC,EAAalE,Q,CACGmE,mB,GAAsB,U,CADzBnE,Q,CAGGoE,S,GAAY,EACxBxC,OAAO,EAAEzC,SAAS,CAACkF,IADK,EAExBxC,QAAQ,EAAE1C,SAAS,CAACkF,IAFI,EAGxBtD,KAAK,EAAE5B,SAAS,CAACkF,IAHO,EAIxBrD,OAAO,EAAE7B,SAAS,CAACkF,IAJK,EAKxBjD,aAAa,EAAEjC,SAAS,CAACmF,IALD,EAMxBjC,MAAM,EAAElD,SAAS,CAACmF,IANM,EAOxBrD,YAAY,EAAE9B,SAAS,CAACmF,IAPA,EAQxBpD,YAAY,EAAE/B,SAAS,CAACmF,IARA,EASxBnD,WAAW,EAAEhC,SAAS,CAACmF,IATC,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isFirefox, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\n\nimport { styles, globalClasses } from './Checkbox.styles';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         * Контент `label`\n         */\n        children?: React.ReactNode;\n        /**\n         * Cостояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Cостояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /**\n         * HTML-событие `mouseenter`.\n         */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseleave`.\n         */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseover`.\n         */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * Функция, вызываемая при изменении `value`.\n         */\n        onValueChange?: (value: boolean) => void;\n        /**\n         * HTML-событие `onblur`.\n         */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n        /**\n         * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n         */\n        initialIndeterminate?: boolean;\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n}\n\nexport class Checkbox extends React.Component<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n  };\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n  };\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  public UNSAFE_componentWillReceiveProps(nextProps: CheckboxProps) {\n    if (nextProps.checked !== this.props.checked) {\n      this.resetIndeterminate();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Программная установка фокуса чекбоксу.\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.input.current?.focus();\n  }\n\n  /**\n   * Программное снятие фокуса с чекбокса.\n   * @public\n   */\n  public blur() {\n    this.input.current?.blur();\n  }\n\n  /**\n   * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n   * @public\n   */\n  public setIndeterminate = () => {\n    this.setState({\n      indeterminate: true,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  /**\n   * Снимает с чекбокса HTML-состояние `indeterminate`.\n   * @public\n   */\n  public resetIndeterminate = () => {\n    this.setState({\n      indeterminate: false,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = false;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n    const {\n      error,\n      warning,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const rootClass = cx({\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n      [styles.disabled(this.theme)]: Boolean(props.disabled),\n    });\n\n    const inputProps = {\n      ...rest,\n      type: 'checkbox',\n      className: styles.input(),\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onClick: this.handleClick,\n      ref: this.input,\n    };\n\n    let caption = null;\n    if (this.props.children) {\n      const captionClass = cx({\n        [styles.caption(this.theme)]: true,\n        [styles.captionIE11()]: isIE11 || isEdge,\n        [styles.disabled(this.theme)]: Boolean(props.disabled),\n      });\n      caption = <span className={captionClass}>{this.props.children}</span>;\n    }\n\n    const iconClass = cx({\n      [styles.iconUnchecked()]: !props.checked && !isIndeterminate,\n      [styles.iconFixBaseline()]: isFirefox || isIE11 || isEdge,\n    });\n\n    const box = (\n      <span\n        className={cx(styles.box(this.theme), globalClasses.box, {\n          [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n          [styles.boxDisabled(this.theme)]: props.disabled,\n          [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n          [styles.boxError(this.theme)]: props.error,\n          [styles.boxWarning(this.theme)]: props.warning,\n        })}\n      >\n        {(isIndeterminate && <SquareIcon className={iconClass} />) || <OkIcon className={iconClass} />}\n      </span>\n    );\n\n    return (\n      <label\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <input {...inputProps} />\n        {box}\n        {caption}\n      </label>\n    );\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.props.onBlur?.(e);\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = event.currentTarget.checked;\n    this.props.onValueChange?.(checked);\n\n    this.resetIndeterminate();\n\n    this.props.onChange?.(event);\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    this.props.onClick?.(e);\n    // support IE11's and old Edge's special behavior\n    // https://github.com/jquery/jquery/issues/1698\n    if (this.state.indeterminate && (isIE11 || isEdge)) {\n      this.resetIndeterminate();\n      // simulate correct behavior only if onValueChange is used\n      // because we cant simulate real native onChange event\n      if (this.props.onValueChange && this.input.current) {\n        const checked = !this.input.current.checked;\n\n        if (this.props.checked === undefined) {\n          // in case of uncontrolled mode\n          this.input.current.checked = checked;\n        }\n\n        this.props.onValueChange(checked);\n      }\n    }\n  };\n}\n"]}
+{"version":3,"sources":["Checkbox.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","OkIcon","SquareIcon","isEdge","isFirefox","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","styles","globalClasses","Checkbox","state","focusedByTab","indeterminate","props","initialIndeterminate","theme","input","createRef","componentDidMount","current","setRootNode","setIndeterminate","setState","resetIndeterminate","renderMain","error","warning","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","rest","isIndeterminate","rootClass","root","rootFallback","rootChecked","checked","disabled","Boolean","inputProps","className","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","captionClass","captionIE11","iconClass","iconUnchecked","iconFixBaseline","box","boxChecked","boxDisabled","boxFocus","boxError","boxWarning","e","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","componentDidUpdate","prevProps","render","focus","blur","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { OkIcon, SquareIcon } from '../../internal/icons/16px';\nimport { isEdge, isFirefox, isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\n\nimport { styles, globalClasses } from './Checkbox.styles';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /**\n         * Контент `label`\n         */\n        children?: React.ReactNode;\n        /**\n         * Cостояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Cостояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /**\n         * HTML-событие `mouseenter`.\n         */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseleave`.\n         */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * HTML-событие `mouseover`.\n         */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n        /**\n         * Функция, вызываемая при изменении `value`.\n         */\n        onValueChange?: (value: boolean) => void;\n        /**\n         * HTML-событие `onblur`.\n         */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n        /**\n         * [Неопределённое состояние](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate) чекбокса из HTML.\n         */\n        initialIndeterminate?: boolean;\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n}\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n  };\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n  };\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate(prevProps: CheckboxProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.resetIndeterminate();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Программная установка фокуса чекбоксу.\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.input.current?.focus();\n  }\n\n  /**\n   * Программное снятие фокуса с чекбокса.\n   * @public\n   */\n  public blur() {\n    this.input.current?.blur();\n  }\n\n  /**\n   * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n   * @public\n   */\n  public setIndeterminate = () => {\n    this.setState({\n      indeterminate: true,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  /**\n   * Снимает с чекбокса HTML-состояние `indeterminate`.\n   * @public\n   */\n  public resetIndeterminate = () => {\n    this.setState({\n      indeterminate: false,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = false;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n    const {\n      error,\n      warning,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const rootClass = cx({\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n      [styles.disabled(this.theme)]: Boolean(props.disabled),\n    });\n\n    const inputProps = {\n      ...rest,\n      type: 'checkbox',\n      className: styles.input(),\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onClick: this.handleClick,\n      ref: this.input,\n    };\n\n    let caption = null;\n    if (this.props.children) {\n      const captionClass = cx({\n        [styles.caption(this.theme)]: true,\n        [styles.captionIE11()]: isIE11 || isEdge,\n        [styles.disabled(this.theme)]: Boolean(props.disabled),\n      });\n      caption = <span className={captionClass}>{this.props.children}</span>;\n    }\n\n    const iconClass = cx({\n      [styles.iconUnchecked()]: !props.checked && !isIndeterminate,\n      [styles.iconFixBaseline()]: isFirefox || isIE11 || isEdge,\n    });\n\n    const box = (\n      <span\n        className={cx(styles.box(this.theme), globalClasses.box, {\n          [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n          [styles.boxDisabled(this.theme)]: props.disabled,\n          [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n          [styles.boxError(this.theme)]: props.error,\n          [styles.boxWarning(this.theme)]: props.warning,\n        })}\n      >\n        {(isIndeterminate && <SquareIcon className={iconClass} />) || <OkIcon className={iconClass} />}\n      </span>\n    );\n\n    return (\n      <label\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <input {...inputProps} />\n        {box}\n        {caption}\n      </label>\n    );\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.props.onBlur?.(e);\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = event.currentTarget.checked;\n    this.props.onValueChange?.(checked);\n\n    this.resetIndeterminate();\n\n    this.props.onChange?.(event);\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    this.props.onClick?.(e);\n    // support IE11's and old Edge's special behavior\n    // https://github.com/jquery/jquery/issues/1698\n    if (this.state.indeterminate && (isIE11 || isEdge)) {\n      this.resetIndeterminate();\n      // simulate correct behavior only if onValueChange is used\n      // because we cant simulate real native onChange event\n      if (this.props.onValueChange && this.input.current) {\n        const checked = !this.input.current.checked;\n\n        if (this.props.checked === undefined) {\n          // in case of uncontrolled mode\n          this.input.current.checked = checked;\n        }\n\n        this.props.onValueChange(checked);\n      }\n    }\n  };\n}\n"]}