npm - @skbkontur/react-ui - Versions diffs - 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13 - Mend

@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1804) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["styles","root","t","css","btnBorderWidth","caption","warning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","error","btnBorderColorError","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","link","fallback","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","linkActiveColor","btnErrorSecondary","focus","disabled","active","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowHelper","btnLinkDisabledColor","arrowWarning","checked","arrowHelperTop","arrowHelperBottom","arrowError","arrowFocus","arrow","arrowLeft","isFirefox","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorderColor","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","btnArrowBgImageChecked","wrap","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\nimport { isFirefox } from '../../lib/client';\r\n\r\nimport {\r\n buttonUseMixin,\r\n buttonHoverMixin,\r\n buttonActiveMixin,\r\n buttonSizeMixin,\r\n arrowOutlineMixin,\r\n} 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: padding-box !important;\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 border: ${t.btnBorderWidth} solid transparent;\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 inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\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}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\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.btnLineHeightSmall,\r\n t.btnPaddingXSmall,\r\n t.btnPaddingYSmall,\r\n t.fontFamilyCompensationBaseline,\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.btnLineHeightMedium,\r\n t.btnPaddingXMedium,\r\n t.btnPaddingYMedium,\r\n t.fontFamilyCompensationBaseline,\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.btnLineHeightLarge,\r\n t.btnPaddingXLarge,\r\n t.btnPaddingYLarge,\r\n t.fontFamilyCompensationBaseline,\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 !important;\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-color: ${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\r\n &,\r\n &:hover,\r\n &:active,\r\n ${cssName(styles.active(t))} {\r\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus}, 0 0 0 ${t.btnFocusShadowWidth} ${\r\n t.btnBorderColorFocus\r\n };\r\n border-color: ${t.btnBorderColorFocus};\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-image: none !important;\r\n background-color: ${t.btnDisabledBg} !important;\r\n color: ${t.btnDisabledTextColor} !important;\r\n box-shadow: none;\r\n\r\n ${cssName(styles.arrowHelper())} {\r\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor} !important;\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 arrowWarning(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}:not(${cssName(styles.checked(t))}) & {\r\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\r\n\r\n ${arrowOutlineMixin(\r\n t.btnInsetWidth,\r\n t.btnBorderColorWarning,\r\n t.btnOutlineWidth,\r\n t.btnInsetColor,\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n cssName(styles.arrowHelperBottom()),\r\n )}\r\n }\r\n `;\r\n },\r\n\r\n arrowError(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}:not(${cssName(styles.checked(t))}) & {\r\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\r\n\r\n ${arrowOutlineMixin(\r\n t.btnInsetWidth,\r\n t.btnBorderColorError,\r\n t.btnOutlineWidth,\r\n t.btnInsetColor,\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n cssName(styles.arrowHelperBottom()),\r\n )}\r\n }\r\n `;\r\n },\r\n\r\n arrowFocus(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}:not(${cssName(styles.checked(t))}) & {\r\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\r\n\r\n ${arrowOutlineMixin(\r\n t.btnInsetWidth,\r\n t.btnBorderColorFocus,\r\n t.btnOutlineWidth,\r\n t.btnOutlineColorFocus,\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n cssName(styles.arrowHelperBottom()),\r\n )}\r\n }\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 },\r\n\r\n arrowLeft() {\r\n return css`\r\n transform: scaleX(-1);\r\n `;\r\n },\r\n\r\n arrowHelper() {\r\n return css`\r\n width: 100%;\r\n height: 50%;\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 background-clip: padding-box;\r\n\r\n // fix ugly arrow edge\r\n &:before {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: inherit;\r\n border-radius: inherit;\r\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\r\n }\r\n `;\r\n },\r\n\r\n arrowHelperTop() {\r\n return css`\r\n top: 0;\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 // fix ugly line in the\r\n // middle of the button\r\n &:before {\r\n bottom: -1px;\r\n }\r\n `;\r\n },\r\n\r\n arrowHelperBottom() {\r\n return css`\r\n bottom: 0;\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 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.btnDefaultTextColor,\r\n t.btnDefaultBorderColor,\r\n t.btnDefaultBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnDefaultHoverBg,\r\n t.btnDefaultHoverBgStart,\r\n t.btnDefaultHoverBgEnd,\r\n t.btnDefaultHoverBorderColor,\r\n t.btnDefaultHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnDefaultActiveBg,\r\n t.btnDefaultActiveShadow,\r\n t.btnDefaultActiveBorderColor,\r\n t.btnDefaultActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\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.btnPrimaryTextColor,\r\n t.btnPrimaryBorderColor,\r\n t.btnPrimaryBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnPrimaryHoverBg,\r\n t.btnPrimaryHoverBgStart,\r\n t.btnPrimaryHoverBgEnd,\r\n t.btnPrimaryHoverBorderColor,\r\n t.btnPrimaryHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnPrimaryActiveBg,\r\n t.btnPrimaryActiveShadow,\r\n t.btnPrimaryActiveBorderColor,\r\n t.btnPrimaryActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\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.btnSuccessTextColor,\r\n t.btnSuccessBorderColor,\r\n t.btnSuccessBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnSuccessHoverBg,\r\n t.btnSuccessHoverBgStart,\r\n t.btnSuccessHoverBgEnd,\r\n t.btnSuccessHoverBorderColor,\r\n t.btnSuccessHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnSuccessActiveBg,\r\n t.btnSuccessActiveShadow,\r\n t.btnSuccessActiveBorderColor,\r\n t.btnSuccessActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\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.btnDangerTextColor,\r\n t.btnDangerBorderColor,\r\n t.btnDangerBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnDangerHoverBg,\r\n t.btnDangerHoverBgStart,\r\n t.btnDangerHoverBgEnd,\r\n t.btnDangerHoverBorderColor,\r\n t.btnDangerHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnDangerActiveBg,\r\n t.btnDangerActiveShadow,\r\n t.btnDangerActiveBorderColor,\r\n t.btnDangerActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\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.btnPayTextColor,\r\n t.btnPayBorderColor,\r\n t.btnPayBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnPayHoverBg,\r\n t.btnPayHoverBgStart,\r\n t.btnPayHoverBgEnd,\r\n t.btnPayHoverBorderColor,\r\n t.btnPayHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnPayActiveBg,\r\n t.btnPayActiveShadow,\r\n t.btnPayActiveBorderColor,\r\n t.btnPayActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\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 background-image: none !important;\r\n box-shadow: ${t.btnCheckedShadow} !important;\r\n background-color: ${t.btnCheckedBg} !important;\r\n color: ${t.btnCheckedTextColor} !important;\r\n border-color: ${t.btnDefaultCheckedBorderColor} !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-color: ${t.btnCheckedDisabledBg} !important;\r\n color: ${t.btnCheckedDisabledColor} !important;\r\n border-color: ${t.btnCheckedDisabledBorderColor} !important;\r\n\r\n ${cssName(styles.arrowHelper())} {\r\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor} !important;\r\n\r\n &${cssName(styles.arrowHelperTop())} {\r\n background-image: none !important;\r\n }\r\n }\r\n }\r\n\r\n &,\r\n &:not(${cssName(styles.focus(t))}) {\r\n ${cssName(styles.arrowHelper())} {\r\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor} !important;\r\n\r\n &${cssName(styles.arrowHelperTop())} {\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 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 border-color: transparent;\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"]}
1	+ {"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","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 line-height: normal;\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 CHANGED Viewed

	@@ -1 +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"]}
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 = {\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 CHANGED Viewed

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

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

@@ -4,19 +4,15 @@ 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;

package/cjs/components/Center/Center.js CHANGED Viewed

@@ -1,8 +1,8 @@
 "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 _Center = require("./Center.styles");
@@ -22,13 +22,8 @@ var _Center = require("./Center.styles");
-/**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *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.
@@ -40,20 +35,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' };

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

	@@ -1 +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"]}
1	+ {"version":3,"sources":["Center.tsx"],"names":["Center","renderMain","props","align","rest","styles","root","rootAlignLeft","rootAlignRight","spring","container","children","render","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"gcAAA;;;AAGA;AACA;;AAEA;;;;;;;;;;;;;;;;;;AAkBA;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,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,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';\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"]}

package/cjs/components/Center/Center.md CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
-"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");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"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 || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      text-align: center;\n    "])));
@@ -34,7 +34,4 @@ var styles = {
-  } };
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

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

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

@@ -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,9 +45,6 @@ export interface CheckboxState {
     focusedByTab: boolean;
     indeterminate: boolean;
 }
-/**
- * Все свойства, кроме перечисленных, `className` и `style` передаются в `input`.
- */
 export declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {
@@ -53,27 +68,28 @@ export declare class Checkbox extends React.Component<CheckboxProps, CheckboxSta
     UNSAFE_componentWillReceiveProps(nextProps: 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;
 }