@skbkontur/react-ui 0.0.0-80ce75eca6 → 0.0.0-85ea551f96

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

@@ -1 +1 @@
-{"version":3,"sources":["Button.styles.ts"],"names":["styles","root","t","css","caption","warning","btnOutlineWidth","btnBorderColorWarning","error","btnBorderColorError","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnHeightShift","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","link","fallback","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","linkActiveColor","btnErrorSecondary","focus","disabled","btnFocusBorder","active","btnBorderWidth","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","btnDisabledShadow","arrow","btnDisabledShadowArrow","btnLinkDisabledColor","validationRoot","arrowWarning","arrowError","arrowFocus","arrowLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultShadow","btnDefaultShadowArrow","btnDefaultTextColor","btnDefaultBorder","checked","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultHoverShadowArrow","btnDefaultHoverBorderColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveShadowArrow","btnArrowBgImageActive","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryShadow","btnPrimaryShadowArrow","btnPrimaryTextColor","btnPrimaryBorder","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverShadow","btnPrimaryHoverShadowArrow","btnPrimaryHoverBorderColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveShadowArrow","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessShadow","btnSuccessShadowArrow","btnSuccessTextColor","btnSuccessBorder","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverShadow","btnSuccessHoverShadowArrow","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveShadowArrow","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerShadow","btnDangerShadowArrow","btnDangerTextColor","btnDangerBorder","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverShadow","btnDangerHoverShadowArrow","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveShadowArrow","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayShadow","btnPayShadowArrow","btnPayTextColor","btnPayBorder","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverShadow","btnPayHoverShadowArrow","btnPayHoverBorderColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveShadowArrow","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorder","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","btnCheckedDisabledShadowArrow","btnCheckedShadowArrow","btnArrowBgImageChecked","wrap","btnWrapPadding","narrow","noPadding","noRightPadding","iconNoRightPadding","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\r\n\r\nimport { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin, arrowFocusMixin } from './Button.mixins';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetButton()};\r\n      ${resetText()};\r\n\r\n      background-clip: border-box;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      background-size: contain;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 100%;\r\n\r\n      &::-moz-focus-inner {\r\n        border: 0;\r\n        padding: 0;\r\n      }\r\n      &::after {\r\n        content: '';\r\n        display: inline-block;\r\n        vertical-align: baseline;\r\n        width: 0;\r\n      }\r\n\r\n      &:active {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px);\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      border-radius: inherit;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning};\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border-radius: inherit;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError};\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusSmall};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeSmall,\r\n        t.btnHeightSmall,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightSmall,\r\n        t.btnPaddingXSmall,\r\n        t.btnPaddingYSmall,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusMedium};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeMedium,\r\n        t.btnHeightMedium,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightMedium,\r\n        t.btnPaddingXMedium,\r\n        t.btnPaddingYMedium,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusLarge};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeLarge,\r\n        t.btnHeightLarge,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightLarge,\r\n        t.btnPaddingXLarge,\r\n        t.btnPaddingYLarge,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  link(t: Theme) {\r\n    return css`\r\n      background: none;\r\n      border-radius: ${t.btnLinkBorderRadius} !important;\r\n      border: none;\r\n      box-shadow: none;\r\n      white-space: nowrap;\r\n      color: ${t.btnLinkColor} !important;\r\n      display: inline;\r\n      line-height: inherit !important;\r\n      margin: 0;\r\n      padding: 0 !important;\r\n\r\n      &:hover {\r\n        color: ${t.btnLinkHoverColor} !important;\r\n        text-decoration: ${t.btnLinkHoverTextDecoration};\r\n      }\r\n      &:active {\r\n        color: ${t.linkActiveColor} !important;\r\n      }\r\n      ${cssName(styles.caption())} {\r\n        display: inline;\r\n        transform: none !important;\r\n      }\r\n      ${cssName(styles.warning(t))} ,\r\n      ${cssName(styles.error(t))}  {\r\n        box-shadow: none;\r\n        left: -2px !important;\r\n        right: -2px !important;\r\n        bottom: -2px !important;\r\n      }\r\n      ${cssName(styles.error(t))}  {\r\n        background: ${t.btnErrorSecondary} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        position: relative;\r\n        z-index: 2;\r\n\r\n        &${cssName(styles.link(t))} {\r\n          color: ${t.btnLinkColor};\r\n          text-decoration: ${t.btnLinkHoverTextDecoration};\r\n        }\r\n\r\n        &:not(${cssName(styles.disabled(t))}):not(${cssName(styles.link(t))}) {\r\n          border: ${t.btnFocusBorder};\r\n\r\n          &,\r\n          &:hover,\r\n          &:active,\r\n          ${cssName(styles.active(t))} {\r\n            box-shadow: inset 0 0 0 ${t.btnBorderWidth} ${t.btnOutlineColorFocus},\r\n              0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\r\n\r\n            &${cssName(styles.warning(t))}, &${cssName(styles.error(t))} {\r\n              box-shadow: inset 0 0 0 ${t.btnBorderWidth} ${t.btnOutlineColorFocus};\r\n              border-color: transparent;\r\n            }\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        cursor: default;\r\n        pointer-events: none;\r\n        border-color: ${t.btnDisabledBorderColor} !important;\r\n\r\n        &:not(${cssName(styles.link(t))}) {\r\n          background: ${t.btnDisabledBg} !important;\r\n          color: ${t.btnDisabledTextColor} !important;\r\n          box-shadow: ${t.btnDisabledShadow} !important;\r\n\r\n          ${cssName(styles.arrow())} {\r\n            &:before,\r\n            &:after {\r\n              box-shadow: ${t.btnDisabledShadowArrow} !important;\r\n            }\r\n          }\r\n        }\r\n\r\n        &${cssName(styles.link(t))} {\r\n          color: ${t.btnLinkDisabledColor} !important;\r\n        }\r\n\r\n        ${cssName(styles.caption())} {\r\n          transform: none !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  fallback(t: Theme) {\r\n    return css`\r\n      &${cssName(styles.disabled(t))} {\r\n        outline-color: transparent;\r\n      }\r\n      &:not(${cssName(styles.link(t))}) {\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  validationRoot(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.focus(t))}& {\r\n        box-shadow: inset 0 0 0 1px ${t.btnOutlineColorFocus} !important;\r\n        border-color: transparent !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  arrowWarning(t: Theme) {\r\n    return css`\r\n      &:before,\r\n      &:after {\r\n        box-shadow: ${t.btnOutlineWidth} 0 0 0 ${t.btnBorderColorWarning} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  arrowError(t: Theme) {\r\n    return css`\r\n      &:before,\r\n      &:after {\r\n        box-shadow: ${t.btnOutlineWidth} 0 0 0 ${t.btnBorderColorError} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  arrowFocus(t: Theme) {\r\n    return css`\r\n      ${arrowFocusMixin(t, t.btnBorderColorFocus)}\r\n\r\n      &${cssName(styles.arrowWarning(t))} { ${arrowFocusMixin(t, t.btnBorderColorWarning)} }\r\n\r\n      &${cssName(styles.arrowError(t))} { ${arrowFocusMixin(t, t.btnBorderColorError)} }\r\n    `;\r\n  },\r\n\r\n  arrow() {\r\n    return css`\r\n      background: inherit;\r\n      border-radius: inherit;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n\r\n      &:before,\r\n      &:after {\r\n        content: '';\r\n        display: block;\r\n        width: 100%;\r\n        height: calc(50% + 0.25px);\r\n        position: absolute;\r\n        left: 0;\r\n        background: inherit;\r\n        background-size: 200% 200%;\r\n        border-radius: inherit;\r\n        z-index: 0;\r\n      }\r\n\r\n      &:before {\r\n        top: 0px;\r\n        transform: skewX(30deg);\r\n        transform-origin: top;\r\n        background-position-y: top;\r\n        border-bottom-right-radius: 1px;\r\n      }\r\n\r\n      &:after {\r\n        bottom: 0px;\r\n        transform: skewX(-30deg);\r\n        transform-origin: bottom;\r\n        background-position-y: bottom;\r\n        border-top-right-radius: 1px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  arrowLeft() {\r\n    return css`\r\n      transform: scaleX(-1);\r\n    `;\r\n  },\r\n\r\n  default(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnDefaultBg,\r\n          t.btnDefaultBgStart,\r\n          t.btnDefaultBgEnd,\r\n          t.btnDefaultShadow,\r\n          t.btnDefaultShadowArrow,\r\n          t.btnDefaultTextColor,\r\n          t.btnDefaultBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnDefaultHoverBg,\r\n          t.btnDefaultHoverBgStart,\r\n          t.btnDefaultHoverBgEnd,\r\n          t.btnDefaultHoverShadow,\r\n          t.btnDefaultHoverShadowArrow,\r\n          t.btnDefaultHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnDefaultActiveBg,\r\n          t.btnDefaultActiveShadow,\r\n          t.btnDefaultActiveShadowArrow,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          t.btnArrowBgImageActive,\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  primary(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnPrimaryBg,\r\n          t.btnPrimaryBgStart,\r\n          t.btnPrimaryBgEnd,\r\n          t.btnPrimaryShadow,\r\n          t.btnPrimaryShadowArrow,\r\n          t.btnPrimaryTextColor,\r\n          t.btnPrimaryBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnPrimaryHoverBg,\r\n          t.btnPrimaryHoverBgStart,\r\n          t.btnPrimaryHoverBgEnd,\r\n          t.btnPrimaryHoverShadow,\r\n          t.btnPrimaryHoverShadowArrow,\r\n          t.btnPrimaryHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnPrimaryActiveBg,\r\n          t.btnPrimaryActiveShadow,\r\n          t.btnPrimaryActiveShadowArrow,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          t.btnArrowBgImageActive,\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  success(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnSuccessBg,\r\n          t.btnSuccessBgStart,\r\n          t.btnSuccessBgEnd,\r\n          t.btnSuccessShadow,\r\n          t.btnSuccessShadowArrow,\r\n          t.btnSuccessTextColor,\r\n          t.btnSuccessBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnSuccessHoverBg,\r\n          t.btnSuccessHoverBgStart,\r\n          t.btnSuccessHoverBgEnd,\r\n          t.btnSuccessHoverShadow,\r\n          t.btnSuccessHoverShadowArrow,\r\n          t.btnSuccessHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnSuccessActiveBg,\r\n          t.btnSuccessActiveShadow,\r\n          t.btnSuccessActiveShadowArrow,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          t.btnArrowBgImageActive,\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  danger(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnDangerBg,\r\n          t.btnDangerBgStart,\r\n          t.btnDangerBgEnd,\r\n          t.btnDangerShadow,\r\n          t.btnDangerShadowArrow,\r\n          t.btnDangerTextColor,\r\n          t.btnDangerBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnDangerHoverBg,\r\n          t.btnDangerHoverBgStart,\r\n          t.btnDangerHoverBgEnd,\r\n          t.btnDangerHoverShadow,\r\n          t.btnDangerHoverShadowArrow,\r\n          t.btnDangerHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnDangerActiveBg,\r\n          t.btnDangerActiveShadow,\r\n          t.btnDangerActiveShadowArrow,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          t.btnArrowBgImageActive,\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  pay(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnPayBg,\r\n          t.btnPayBgStart,\r\n          t.btnPayBgEnd,\r\n          t.btnPayShadow,\r\n          t.btnPayShadowArrow,\r\n          t.btnPayTextColor,\r\n          t.btnPayBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnPayHoverBg,\r\n          t.btnPayHoverBgStart,\r\n          t.btnPayHoverBgEnd,\r\n          t.btnPayHoverShadow,\r\n          t.btnPayHoverShadowArrow,\r\n          t.btnPayHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnPayActiveBg,\r\n          t.btnPayActiveShadow,\r\n          t.btnPayActiveShadowArrow,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          t.btnArrowBgImageActive,\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  checked(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.btnCheckedShadow} !important;\r\n      background: ${t.btnCheckedBg} !important;\r\n      color: ${t.btnCheckedTextColor} !important;\r\n      border: ${t.btnDefaultCheckedBorder} !important;\r\n\r\n      &:not(${cssName(styles.link(t))}) {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px) !important;\r\n        }\r\n      }\r\n\r\n      &:not(${cssName(styles.link(t))})${cssName(styles.disabled(t))} {\r\n        box-shadow: ${t.btnCheckedDisabledShadow} !important;\r\n        background: ${t.btnCheckedDisabledBg} !important;\r\n        color: ${t.btnCheckedDisabledColor} !important;\r\n        border-color: ${t.btnCheckedDisabledBorderColor} !important;\r\n\r\n        ${cssName(styles.arrow())} {\r\n          &:before,\r\n          &:after {\r\n            background: ${t.btnCheckedDisabledBg} !important;\r\n            box-shadow: ${t.btnCheckedDisabledShadowArrow} !important;\r\n          }\r\n        }\r\n      }\r\n\r\n      &,\r\n      &:not(${cssName(styles.focus(t))}) {\r\n        ${cssName(styles.arrow())} {\r\n          &:before,\r\n          &:after {\r\n            background: ${t.btnCheckedBg} !important;\r\n            box-shadow: ${t.btnCheckedShadowArrow} !important;\r\n          }\r\n\r\n          &:before {\r\n            background-image: ${t.btnArrowBgImageChecked} !important;\r\n          }\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  active(t: Theme) {\r\n    return css`\r\n      &:not(${cssName(styles.link(t))}):not(${cssName(styles.disabled(t))}) {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px) !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  caption() {\r\n    return css`\r\n      position: relative;\r\n      white-space: nowrap;\r\n      display: inline-block;\r\n      width: 100%;\r\n      vertical-align: top;\r\n    `;\r\n  },\r\n\r\n  wrap(t: Theme) {\r\n    return css`\r\n      padding: ${t.btnWrapPadding};\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  narrow() {\r\n    return css`\r\n      padding-left: 5px !important;\r\n      padding-right: 5px !important;\r\n    `;\r\n  },\r\n\r\n  noPadding() {\r\n    return css`\r\n      padding-left: 0 !important;\r\n      padding-right: 0 !important;\r\n    `;\r\n  },\r\n\r\n  noRightPadding() {\r\n    return css`\r\n      padding-right: 0 !important;\r\n    `;\r\n  },\r\n\r\n  iconNoRightPadding() {\r\n    return css`\r\n      padding-right: 0 !important;\r\n    `;\r\n  },\r\n\r\n  iconLink(t: Theme) {\r\n    return css`\r\n      padding-right: ${t.btnLinkIconMarginRight} !important;\r\n    `;\r\n  },\r\n\r\n  wrapLink(t: Theme) {\r\n    return css`\r\n      ${styles.wrap(t)};\r\n\r\n      padding: 0;\r\n    `;\r\n  },\r\n\r\n  wrapArrow() {\r\n    return css`\r\n      margin-right: 10px;\r\n    `;\r\n  },\r\n\r\n  wrapArrowLeft() {\r\n    return css`\r\n      margin-right: 0;\r\n      margin-left: 10px;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n  iconSmall(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeSmall};\r\n      padding-right: ${t.btnIconGapSmall};\r\n    `;\r\n  },\r\n  iconMedium(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeMedium};\r\n      padding-right: ${t.btnIconGapMedium};\r\n    `;\r\n  },\r\n  iconLarge(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeLarge};\r\n      padding-right: ${t.btnIconGapLarge};\r\n    `;\r\n  },\r\n\r\n  borderless(t: Theme) {\r\n    const focus = cssName(styles.focus(t));\r\n    const disabled = cssName(styles.disabled(t));\r\n    const checked = cssName(styles.checked(t));\r\n    const active = cssName(styles.active(t));\r\n\r\n    return css`\r\n      &:not(${focus}):not(${disabled}):not(${active}):not(${checked}) {\r\n        &,\r\n        &:hover,\r\n        &:active {\r\n          box-shadow: none !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  loading() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      border-radius: inherit;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 10;\r\n    `;\r\n  },\r\n\r\n  visibilityHidden() {\r\n    return css`\r\n      visibility: hidden;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","styles","root","t","css","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","isFirefox","arrowLeft","default","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/cjs/components/Button/Corners.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Corners.ts"],"names":["Corners","TOP_LEFT","TOP_RIGHT","BOTTOM_RIGHT","BOTTOM_LEFT"],"mappings":"gEAAO,IAAMA,OAAO,GAAG;AACrBC,EAAAA,QAAQ,EAAE,CADW;AAErBC,EAAAA,SAAS,EAAE,CAFU;AAGrBC,EAAAA,YAAY,EAAE,CAHO;AAIrBC,EAAAA,WAAW,EAAE,CAJQ,EAAhB,C","sourcesContent":["export const Corners = {\r\n  TOP_LEFT: 1,\r\n  TOP_RIGHT: 2,\r\n  BOTTOM_RIGHT: 4,\r\n  BOTTOM_LEFT: 8,\r\n};\r\n"]}
+{"version":3,"sources":["Corners.ts"],"names":["Corners","TOP_LEFT","TOP_RIGHT","BOTTOM_RIGHT","BOTTOM_LEFT"],"mappings":"gEAAO,IAAMA,OAAO,GAAG;AACrBC,EAAAA,QAAQ,EAAE,CADW;AAErBC,EAAAA,SAAS,EAAE,CAFU;AAGrBC,EAAAA,YAAY,EAAE,CAHO;AAIrBC,EAAAA,WAAW,EAAE,CAJQ,EAAhB,C","sourcesContent":["export const Corners = {\n  TOP_LEFT: 1,\n  TOP_RIGHT: 2,\n  BOTTOM_RIGHT: 4,\n  BOTTOM_LEFT: 8,\n};\n"]}

package/cjs/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Button';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Button';\n"]}

package/cjs/components/Center/Center.d.ts

@@ -4,25 +4,22 @@ 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;
-    /**
-     * **Используй с осторожностью!**
-     * Дополнительные стили
-     */
-    style?: React.CSSProperties;
 }> {
 }
 /**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *div* (кроме `className`)
+ * Контейнер, который центрирует элементы внутри себя.
  */
 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/cjs/components/Center/Center.js

@@ -1,10 +1,11 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Center = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
 
-var _Center = require("./Center.styles");
+var _Center = require("./Center.styles");var _class, _class2, _temp;
 
 
 
@@ -22,16 +23,17 @@ var _Center = require("./Center.styles");
 
 
 
+/**
+ * Контейнер, который центрирует элементы внутри себя.
+ */var
+
+Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Center, _React$Component);function Center() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
 
-/**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *div* (кроме `className`)
- */var
-Center = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Center, _React$Component);function Center() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
+    setRootNode = void 0;_this.
 
 
 
@@ -40,20 +42,20 @@ Center = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-    renderMain = function (props) {var _cn;var
+    renderMain = function (props) {var _cx;var
       align = props.align,rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["align"]);
 
       return /*#__PURE__*/(
         _react.default.createElement("div", (0, _extends2.default)({},
         rest, {
-          className: (0, _classnames.default)((_cn = {}, _cn[
-          _Center.jsStyles.root()] = true, _cn[
-          _Center.jsStyles.rootAlignLeft()] = align === 'left', _cn[
-          _Center.jsStyles.rootAlignRight()] = align === 'right', _cn)) }), /*#__PURE__*/
+          className: (0, _Emotion.cx)((_cx = {}, _cx[
+          _Center.styles.root()] = true, _cx[
+          _Center.styles.rootAlignLeft()] = align === 'left', _cx[
+          _Center.styles.rootAlignRight()] = align === 'right', _cx)) }), /*#__PURE__*/
 
 
-        _react.default.createElement("span", { className: _Center.jsStyles.spring() }), /*#__PURE__*/
-        _react.default.createElement("span", { className: _Center.jsStyles.container() }, _this.props.children)));
+        _react.default.createElement("span", { className: _Center.styles.spring() }), /*#__PURE__*/
+        _react.default.createElement("span", { className: _Center.styles.container() }, _this.props.children)));
 
 
-    };return _this;}var _proto = Center.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, this.renderMain);};return Center;}(_react.default.Component);exports.Center = Center;Center.__KONTUR_REACT_UI__ = 'Center';Center.defaultProps = { align: 'center' };
+    };return _this;}var _proto = Center.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), this.renderMain);};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;

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

@@ -1 +1 @@
-{"version":3,"sources":["Center.tsx"],"names":["Center","renderMain","props","align","rest","jsStyles","root","rootAlignLeft","rootAlignRight","spring","container","children","render","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"gcAAA;AACA;;;AAGA;;AAEA;;;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;AACA;AACA,G;AACaA,M;;;;;;;;;;AAUHC,IAAAA,U,GAAa,UAACC,KAAD,EAAgD;AAC3DC,MAAAA,KAD2D,GACxCD,KADwC,CAC3DC,KAD2D,CACjDC,IADiD,+CACxCF,KADwC;;AAGnE;AACE;AACME,QAAAA,IADN;AAEE,UAAA,SAAS,EAAE;AACRC,2BAASC,IAAT,EADQ,IACU,IADV;AAERD,2BAASE,aAAT,EAFQ,IAEmBJ,KAAK,KAAK,MAF7B;AAGRE,2BAASG,cAAT,EAHQ,IAGoBL,KAAK,KAAK,OAH9B,OAFb;;;AAQE,+CAAM,SAAS,EAAEE,iBAASI,MAAT,EAAjB,GARF;AASE,+CAAM,SAAS,EAAEJ,iBAASK,SAAT,EAAjB,IAAwC,MAAKR,KAAL,CAAWS,QAAnD,CATF,CADF;;;AAaD,K,oDAnBMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKV,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,iBATyBY,eAAMC,S,0BAArBd,M,CACGe,mB,GAAsB,Q,CADzBf,M,CAGGgB,Y,GAAe,EAC3Bb,KAAK,EAAE,QADoB,E","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { Override } from '../../typings/utility-types';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Center.styles';\r\n\r\nexport type HorizontalAlign = 'left' | 'center' | 'right';\r\n\r\nexport interface CenterProps\r\n  extends CommonProps,\r\n    Override<\r\n      React.HTMLAttributes<HTMLDivElement>,\r\n      {\r\n        /**\r\n         * Горизонтальное выравнивание контента.\r\n         */\r\n        align?: HorizontalAlign;\r\n\r\n        /**\r\n         * **Используй с осторожностью!**\r\n         * Дополнительные стили\r\n         */\r\n        style?: React.CSSProperties;\r\n      }\r\n    > {}\r\n\r\n/**\r\n * Контейнер для вертикального центрирования. В компонент можно передавать\r\n * свойства как в любой *div* (кроме `className`)\r\n */\r\nexport class Center extends React.Component<CenterProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Center';\r\n\r\n  public static defaultProps = {\r\n    align: 'center',\r\n  };\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n  private renderMain = (props: CommonWrapperRestProps<CenterProps>) => {\r\n    const { align, ...rest } = props;\r\n\r\n    return (\r\n      <div\r\n        {...rest}\r\n        className={cn({\r\n          [jsStyles.root()]: true,\r\n          [jsStyles.rootAlignLeft()]: align === 'left',\r\n          [jsStyles.rootAlignRight()]: align === 'right',\r\n        })}\r\n      >\r\n        <span className={jsStyles.spring()} />\r\n        <span className={jsStyles.container()}>{this.props.children}</span>\r\n      </div>\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Center.tsx"],"names":["Center","rootNode","setRootNode","renderMain","props","align","rest","styles","root","rootAlignLeft","rootAlignRight","spring","container","children","render","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"gcAAA;;;AAGA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA,G;;AAEaA,M,OADZC,kB;;;;;;AAOSC,IAAAA,W;;;;;;;;;AASAC,IAAAA,U,GAAa,UAACC,KAAD,EAAgD;AAC3DC,MAAAA,KAD2D,GACxCD,KADwC,CAC3DC,KAD2D,CACjDC,IADiD,+CACxCF,KADwC;;AAGnE;AACE;AACME,QAAAA,IADN;AAEE,UAAA,SAAS,EAAE;AACRC,yBAAOC,IAAP,EADQ,IACQ,IADR;AAERD,yBAAOE,aAAP,EAFQ,IAEiBJ,KAAK,KAAK,MAF3B;AAGRE,yBAAOG,cAAP,EAHQ,IAGkBL,KAAK,KAAK,OAH5B,OAFb;;;AAQE,+CAAM,SAAS,EAAEE,eAAOI,MAAP,EAAjB,GARF;AASE,+CAAM,SAAS,EAAEJ,eAAOK,SAAP,EAAjB,IAAsC,MAAKR,KAAL,CAAWS,QAAjD,CATF,CADF;;;AAaD,K,oDAvBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKZ,WAAjC,IAAkD,KAAKE,KAAvD,GACG,KAAKD,UADR,CADF,CAKD,C,iBAdyBY,eAAMC,S,WAClBC,mB,GAAsB,Q,UAEtBC,Y,GAAe,EAC3Bb,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';\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/cjs/components/Center/Center.md

@@ -1,5 +1,26 @@
-```jsx harmony
-<Center style={{ background: '#fdd', height: 150 }}>
-  <div style={{ background: 'black', width: 30, height: 30 }} />
-</Center>
-```
+Пример использования.
+
+```jsx harmony
+import { Switcher, Gapped } from '@skbkontur/react-ui';
+
+const [alignAt, setAlignAt] = React.useState("center");
+
+<Gapped vertical gap="12px">
+  <Switcher
+    items={[
+      {label: "Слева", value: "left"},
+      {label: "По центру", value: "center"},
+      {label: "Справа", value: "right"}
+    ]}
+    value={alignAt}
+    onValueChange={setAlignAt}
+  />
+
+  <Center
+    align={alignAt}
+    style={{ background: '#fdd', height: 150 }}
+  >
+    <div style={{ background: 'black', width: 30, height: 30 }} />
+  </Center>
+</Gapped>
+```

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

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
     rootAlignLeft(): string;
     rootAlignRight(): string;

package/cjs/components/Center/Center.styles.js

@@ -1,27 +1,27 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: right;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: left;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      text-align: center;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject());
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      text-align: center;\n    "])));
 
 
 
   },
 
   rootAlignLeft: function rootAlignLeft() {
-    return (0, _Emotion.css)(_templateObject2());
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: left;\n    "])));
 
 
   },
 
   rootAlignRight: function rootAlignRight() {
-    return (0, _Emotion.css)(_templateObject3());
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: right;\n    "])));
 
 
   },
 
   spring: function spring() {
-    return (0, _Emotion.css)(_templateObject4());
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
 
 
 
@@ -29,12 +29,9 @@ var styles = {
   },
 
   container: function container() {
-    return (0, _Emotion.css)(_templateObject5());
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
 
 
 
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Center.styles.ts"],"names":["styles","root","css","rootAlignLeft","rootAlignRight","spring","container","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;AAID,GANY;;AAQbC,EAAAA,aARa,2BAQG;AACd,eAAOD,YAAP;;;AAGD,GAZY;;AAcbE,EAAAA,cAda,4BAcI;AACf,eAAOF,YAAP;;;AAGD,GAlBY;;AAoBbG,EAAAA,MApBa,oBAoBJ;AACP,eAAOH,YAAP;;;;;AAKD,GA1BY;;AA4BbI,EAAAA,SA5Ba,uBA4BD;AACV,eAAOJ,YAAP;;;;;AAKD,GAlCY,EAAf;;;AAqCO,IAAMK,QAAQ,GAAG,2BAAaP,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      height: 100%;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  rootAlignLeft() {\r\n    return css`\r\n      text-align: left;\r\n    `;\r\n  },\r\n\r\n  rootAlignRight() {\r\n    return css`\r\n      text-align: right;\r\n    `;\r\n  },\r\n\r\n  spring() {\r\n    return css`\r\n      display: inline-block;\r\n      height: 100%;\r\n      vertical-align: middle;\r\n    `;\r\n  },\r\n\r\n  container() {\r\n    return css`\r\n      display: inline-block;\r\n      text-align: left;\r\n      vertical-align: middle;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Center.styles.ts"],"names":["styles","root","css","rootAlignLeft","rootAlignRight","spring","container"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;AAID,GANgC;;AAQjCC,EAAAA,aARiC,2BAQjB;AACd,eAAOD,YAAP;;;AAGD,GAZgC;;AAcjCE,EAAAA,cAdiC,4BAchB;AACf,eAAOF,YAAP;;;AAGD,GAlBgC;;AAoBjCG,EAAAA,MApBiC,oBAoBxB;AACP,eAAOH,YAAP;;;;;AAKD,GA1BgC;;AA4BjCI,EAAAA,SA5BiC,uBA4BrB;AACV,eAAOJ,YAAP;;;;;AAKD,GAlCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      text-align: center;\n    `;\n  },\n\n  rootAlignLeft() {\n    return css`\n      text-align: left;\n    `;\n  },\n\n  rootAlignRight() {\n    return css`\n      text-align: right;\n    `;\n  },\n\n  spring() {\n    return css`\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    `;\n  },\n\n  container() {\n    return css`\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    `;\n  },\n});\n"]}

package/cjs/components/Center/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Center';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Center';\n"]}

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

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