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

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

package/cjs/components/Center/Center.styles.js.map 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;
 }