npm - @skbkontur/react-ui - Versions diffs - 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d - Mend

@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d

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 (2409) 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","innerShadow","styles","root","t","css","btnBackgroundClip","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","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","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","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","btnLinkActiveColor"],"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 innerShadow: 'inner-shadow',\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 height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\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:enabled .${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.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.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.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:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active:enabled {\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:enabled,\n &:active:enabled {\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:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\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:enabled {\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:enabled {\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:enabled {\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:enabled {\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:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\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:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled {\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: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\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(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\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 iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-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 margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &,\n &:hover:enabled,\n &:active:enabled {\n box-shadow: none;\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:enabled {\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:enabled {\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:enabled {\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:enabled {\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:enabled {\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:enabled {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\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,25 +4,26 @@ 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;
 }> {
 }
+export declare const CenterDataTids: {
+    readonly root: "Center__root";
+};
+declare type DefaultProps = Required<Pick<CenterProps, 'align'>>;
 /**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *div* (кроме `className`)
+ * Контейнер, который центрирует элементы внутри себя.
  */
 export declare class Center extends React.Component<CenterProps> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        align: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private setRootNode;
     render(): JSX.Element;
     private renderMain;
 }
+export {};

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

@@ -1,10 +1,12 @@
-"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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CenterDataTids = 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 _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
-var _Center = require("./Center.styles");
+var _Center = require("./Center.styles");var _excluded = ["align"];var _class, _class2, _temp;
@@ -22,15 +24,25 @@ var _Center = require("./Center.styles");
+var CenterDataTids = {
+  root: 'Center__root' };exports.CenterDataTids = CenterDataTids;
-/**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *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.
+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.
+    getProps = (0, _createPropsGetter.createPropsGetter)(Center.defaultProps);_this.
@@ -40,20 +52,21 @@ Center = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
-    renderMain = function (props) {var _cn;var
-      align = props.align,rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["align"]);
+    renderMain = function (props) {var _cx;
+      var align = props.align,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
       return /*#__PURE__*/(
-        _react.default.createElement("div", (0, _extends2.default)({},
+        _react.default.createElement("div", (0, _extends2.default)({
+          "data-tid": CenterDataTids.root },
         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.getProps()), 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 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":["CenterDataTids","root","Center","rootNode","getProps","defaultProps","renderMain","props","align","rest","styles","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__"],"mappings":"ydAAA;;;AAGA;AACA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB,C;;;;;;AAOP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;AAOSC,IAAAA,Q,GAAW,0CAAkBF,MAAM,CAACG,YAAzB,C;;;;;;;;;;;AAWXC,IAAAA,U,GAAa,UAACC,KAAD,EAA2D;AAC9E,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUP,cAAc,CAACC,IAD3B;AAEMQ,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE;AACRC,yBAAOT,IAAP,EADQ,IACQ,IADR;AAERS,yBAAOC,aAAP,EAFQ,IAEiBH,KAAK,KAAK,MAF3B;AAGRE,yBAAOE,cAAP,EAHQ,IAGkBJ,KAAK,KAAK,OAH5B,OAHb;;;AASE,+CAAM,SAAS,EAAEE,eAAOG,MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,EAAEH,eAAOI,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CAVF,CADF;;;AAcD,K,oDAxBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKb,QAAL,EAAlD,GACG,KAAKE,UADR,CADF,CAKD,C,iBAhByBY,eAAMC,S,WAClBC,mB,GAAsB,Q,UAEtBf,Y,GAA6B,EACzCG,KAAK,EAAE,QADkC,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';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\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\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\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: DefaultProps = {\n align: 'center',\n };\n private getProps = createPropsGetter(Center.defaultProps);\n\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n data-tid={CenterDataTids.root}\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,34 +3,53 @@ 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;
-    /** Состояние ошибки */
+    /**
+     * Состояние валидации при ошибке.
+     */
     error?: boolean;
-    /** Состояние Предупреждения */
+    /**
+     * Состояние валидации при предупреждении.
+     */
     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;
 }> {
 }
 export interface CheckboxState {
     focusedByTab: boolean;
     indeterminate: boolean;
+    isShiftPressed: boolean;
 }
-/**
- * Все свойства, кроме перечисленных, `className` и `style` передаются в `input`.
- */
-export declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
+export declare const CheckboxDataTids: {
+    readonly root: "Checkbox__root";
+};
+export declare class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {
         checked: PropTypes.Requireable<boolean>;
@@ -46,34 +65,40 @@ export declare class Checkbox extends React.Component<CheckboxProps, CheckboxSta
     state: {
         focusedByTab: boolean;
         indeterminate: boolean;
+        isShiftPressed: boolean;
     };
     private theme;
     private input;
+    private handleShiftPress;
+    private handleShiftRelease;
     componentDidMount: () => void;
-    UNSAFE_componentWillReceiveProps(nextProps: CheckboxProps): void;
+    componentWillUnmount: () => 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;
 }