npm - @skbkontur/react-ui - Versions diffs - 0.0.0-80ce75eca6 → 0.0.0-85ea551f96 - Mend

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

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 (1782) hide show

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

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

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

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

package/components/Button/Corners/Corners.js.map CHANGED Viewed

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

package/components/Button/index/index.js.map CHANGED Viewed

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

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

@@ -1,16 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _class2, _temp;
 import React from 'react';
-import cn from 'classnames';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Center.styles";
-/**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *div* (кроме `className`)
- */
-export var Center = /*#__PURE__*/function (_React$Component) {
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { styles } from "../Center.styles";
+export
+/**
+* Контейнер, который центрирует элементы внутри себя.
+*/
+var Center = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Center, _React$Component);
   function Center() {
@@ -21,19 +24,20 @@ export var Center = /*#__PURE__*/function (_React$Component) {
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.setRootNode = void 0;
     _this.renderMain = function (props) {
-      var _cn;
+      var _cx;
       var align = props.align,
           rest = _objectWithoutPropertiesLoose(props, ["align"]);
       return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-        className: cn((_cn = {}, _cn[jsStyles.root()] = true, _cn[jsStyles.rootAlignLeft()] = align === 'left', _cn[jsStyles.rootAlignRight()] = align === 'right', _cn))
+        className: cx((_cx = {}, _cx[styles.root()] = true, _cx[styles.rootAlignLeft()] = align === 'left', _cx[styles.rootAlignRight()] = align === 'right', _cx))
       }), /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.spring()
+        className: styles.spring()
       }), /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.container()
+        className: styles.container()
       }, _this.props.children));
     };
@@ -43,12 +47,12 @@ export var Center = /*#__PURE__*/function (_React$Component) {
   var _proto = Center.prototype;
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, this.renderMain);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), this.renderMain);
   };
   return Center;
-}(React.Component);
-Center.__KONTUR_REACT_UI__ = 'Center';
-Center.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = {
   align: 'center'
-};
+}, _temp)) || _class;

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

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

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

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

package/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/components/Center/Center.styles/Center.styles.js CHANGED Viewed

@@ -1,71 +1,22 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "]);
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-  return data;
-}
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "]);
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-  return data;
-}
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "]);
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-  return data;
-}
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "]);
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "]);
-  _templateObject = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject());
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "])));
   },
   rootAlignLeft: function rootAlignLeft() {
-    return css(_templateObject2());
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
   },
   rootAlignRight: function rootAlignRight() {
-    return css(_templateObject3());
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "])));
   },
   spring: function spring() {
-    return css(_templateObject4());
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
   },
   container: function container() {
-    return css(_templateObject5());
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Center.styles.ts"],"names":["css","memoizeStyle","styles","root","rootAlignLeft","rootAlignRight","spring","container"~~,"jsStyles"~~],"mappings":"~~+mCAAA~~,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,~~GAAG~~;~~AACbC~~,EAAAA,~~IADa~~,~~kBACN~~;AACL,WAAOH,GAAP;;;;AAID,~~GANY~~;;~~AAQbI~~,EAAAA,~~aARa~~,~~2BAQG~~;AACd,WAAOJ,GAAP;;;AAGD,~~GAZY~~;;~~AAcbK~~,EAAAA,~~cAda~~,~~4BAcI~~;AACf,WAAOL,GAAP;;;AAGD,~~GAlBY~~;;~~AAoBbM~~,EAAAA,~~MApBa~~,~~oBAoBJ~~;AACP,WAAON,GAAP;;;;;AAKD,~~GA1BY~~;;~~AA4BbO~~,EAAAA,~~SA5Ba~~,~~uBA4BD~~;AACV,WAAOP,GAAP;;;;;AAKD,~~GAlCY~~,~~EAAf;;;AAqCA~~,~~OAAO,IAAMQ,QAAQ,GAAGP,YAAY,CAACC,MAAD,CAA7B~~","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":["css","memoizeStyle","styles","root","rootAlignLeft","rootAlignRight","spring","container"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;AAID,GANgC;;AAQjCI,EAAAA,aARiC,2BAQjB;AACd,WAAOJ,GAAP;;;AAGD,GAZgC;;AAcjCK,EAAAA,cAdiC,4BAchB;AACf,WAAOL,GAAP;;;AAGD,GAlBgC;;AAoBjCM,EAAAA,MApBiC,oBAoBxB;AACP,WAAON,GAAP;;;;;AAKD,GA1BgC;;AA4BjCO,EAAAA,SA5BiC,uBA4BrB;AACV,WAAOP,GAAP;;;;;AAKD,GAlCgC,EAAD,CAA3B","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/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/components/Center/index/index.js.map CHANGED Viewed

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