npm - @skbkontur/react-ui - Versions diffs - 0.0.0-243b88a6d4 → 0.0.0-2d059f9369 - Mend

@skbkontur/react-ui 0.0.0-243b88a6d4 → 0.0.0-2d059f9369

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 (4369) 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","keyframes","memoizeStyle","resetButton","resetText","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","buttonArrowMixin","buttonLoadingArrowMixin","btn_loading_arrow","styles","root","t","caption","warning","btnOutlineWidth","btnBorderColorWarning","error","btnBorderColorError","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnHeightShift","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","link","fallback","arrow","btnSmallArrowBorderRadius","btnSmallArrowTop","btnSmallArrowLeft","btnSmallArrowRight","btnSmallArrowLength","arrowLeft","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","btnMediumArrowTop","btnMediumArrowLeft","btnMediumArrowRight","btnMediumArrowLength","btnMediumArrowTransform","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","btnLargeArrowTop","btnLargeArrowLeft","btnLargeArrowRight","btnLargeArrowLength","btnLargeArrowTransform","sizeSmallLoading","btnSmallArrowBg","btnSmallArrowLeftLoadingDelay","sizeMediumLoading","btnMediumArrowLeftLoadingLeft","btnMediumArrowBg","btnMediumArrowLeftLoadingDelay","sizeLargeLoading","btnLargeArrowBg","btnLargeArrowLeftLoadingDelay","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","linkActiveColor","icon","btnLinkIconMarginRight","btnErrorSecondary","focus","disabled","btnFocusBorder","active","btnBorderWidth","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","arrowWarning","arrowError","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","btnDisabledShadow","btnDisabledShadowArrow","btnLinkDisabledColor","validationRoot","checked","btnCheckedShadowArrowLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBgArrowStart","btnDefaultBgArrowEnd","btnDefaultShadow","btnDefaultShadowArrow","btnDefaultShadowArrowLeft","btnDefaultTextColor","btnDefaultBorder","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultHoverShadowArrow","btnDefaultHoverShadowArrowLeft","btnDefaultHoverBorderColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveShadowArrow","btnDefaultActiveShadowArrowLeft","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryBgArrowStart","btnPrimaryBgArrowEnd","btnPrimaryShadow","btnPrimaryShadowArrow","btnPrimaryShadowArrowLeft","btnPrimaryTextColor","btnPrimaryBorder","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverShadow","btnPrimaryHoverShadowArrow","btnPrimaryHoverShadowArrowLeft","btnPrimaryHoverBorderColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveShadowArrow","btnPrimaryActiveShadowArrowLeft","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessBgArrowStart","btnSuccessBgArrowEnd","btnSuccessShadow","btnSuccessShadowArrow","btnSuccessShadowArrowLeft","btnSuccessTextColor","btnSuccessBorder","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverShadow","btnSuccessHoverShadowArrow","btnSuccessHoverShadowArrowLeft","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveShadowArrow","btnSuccessActiveShadowArrowLeft","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerBgArrowStart","btnDangerBgArrowEnd","btnDangerShadow","btnDangerShadowArrow","btnDangerShadowArrowLeft","btnDangerTextColor","btnDangerBorder","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverShadow","btnDangerHoverShadowArrow","btnDangerHoverShadowArrowLeft","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveShadowArrow","btnDangerActiveShadowArrowLeft","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBgArrowStart","btnPayBgArrowEnd","btnPayShadow","btnPayShadowArrow","btnPayShadowArrowLeft","btnPayTextColor","btnPayBorder","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverShadow","btnPayHoverShadowArrow","btnPayHoverShadowArrowLeft","btnPayHoverBorderColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveShadowArrow","btnPayActiveShadowArrowLeft","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorder","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","btnCheckedDisabledShadowArrow","btnCheckedShadowArrow","wrap","btnWrapPadding","narrow","noPadding","noRightPadding","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","btn_loading","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\r\n\r\nimport {\r\n buttonUseMixin,\r\n buttonHoverMixin,\r\n buttonActiveMixin,\r\n buttonSizeMixin,\r\n buttonArrowMixin,\r\n buttonLoadingArrowMixin,\r\n} from './Button.mixins';\r\n\r\nconst btn_loading_arrow = keyframes`\r\n0% {\r\n transform: translateX(50px) rotate(-44.3deg);\r\n}\r\n\r\n100% {\r\n transform: translateX(21px) translateY(30px) rotate(-44.3deg);\r\n}\r\n`;\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 t.fontFamilyCompensationBaseline,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n\r\n ${cssName(styles.arrow())} {\r\n border-radius: ${t.btnSmallArrowBorderRadius};\r\n }\r\n\r\n ${buttonArrowMixin(\r\n t.btnSmallArrowTop,\r\n t.btnSmallArrowLeft,\r\n t.btnSmallArrowRight,\r\n t.btnSmallArrowLength,\r\n 'rotate(53deg) skewX(24deg) skewY(10deg)',\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(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 t.fontFamilyCompensationBaseline,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n\r\n ${buttonArrowMixin(\r\n t.btnMediumArrowTop,\r\n t.btnMediumArrowLeft,\r\n t.btnMediumArrowRight,\r\n t.btnMediumArrowLength,\r\n t.btnMediumArrowTransform,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(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 t.fontFamilyCompensationBaseline,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n\r\n ${buttonArrowMixin(\r\n t.btnLargeArrowTop,\r\n t.btnLargeArrowLeft,\r\n t.btnLargeArrowRight,\r\n t.btnLargeArrowLength,\r\n t.btnLargeArrowTransform,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n `;\r\n },\r\n\r\n sizeSmallLoading(t: Theme) {\r\n return css`\r\n ${buttonLoadingArrowMixin(\r\n t.btnSmallArrowTop,\r\n t.btnSmallArrowTop,\r\n '-207px',\r\n '441%',\r\n t.btnSmallArrowBg,\r\n t.btnSmallArrowLeftLoadingDelay,\r\n btn_loading_arrow,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n `;\r\n },\r\n\r\n sizeMediumLoading(t: Theme) {\r\n return css`\r\n ${buttonLoadingArrowMixin(\r\n '0',\r\n '0',\r\n t.btnMediumArrowLeftLoadingLeft,\r\n '441%',\r\n t.btnMediumArrowBg,\r\n t.btnMediumArrowLeftLoadingDelay,\r\n btn_loading_arrow,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n `;\r\n },\r\n\r\n sizeLargeLoading(t: Theme) {\r\n return css`\r\n ${buttonLoadingArrowMixin(\r\n '-32px',\r\n '-36px',\r\n ' -198px',\r\n '700%',\r\n t.btnLargeArrowBg,\r\n t.btnLargeArrowLeftLoadingDelay,\r\n btn_loading_arrow,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(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 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.icon())} {\r\n padding-right: ${t.btnLinkIconMarginRight};\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} !important;\r\n border-color: transparent !important;\r\n }\r\n ${cssName(styles.arrow())} {\r\n box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorFocus};\r\n\r\n &${cssName(styles.arrowWarning(t))} {\r\n box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorWarning} !important;\r\n }\r\n\r\n &${cssName(styles.arrowError(t))} {\r\n box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorError} !important;\r\n }\r\n }\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 background: ${t.btnDisabledBg} !important;\r\n box-shadow: ${t.btnDisabledShadowArrow} !important;\r\n }\r\n }\r\n\r\n &${cssName(styles.link(t))} {\r\n color: ${t.btnLinkDisabledColor} !important;\r\n }\r\n\r\n ${cssName(styles.caption())} {\r\n transform: none !important;\r\n }\r\n }\r\n `;\r\n },\r\n\r\n fallback(t: Theme) {\r\n return css`\r\n &${cssName(styles.disabled(t))} {\r\n outline-color: transparent;\r\n }\r\n &:not(${cssName(styles.link(t))}) {\r\n line-height: normal !important;\r\n }\r\n `;\r\n },\r\n\r\n 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 box-shadow: ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorWarning} !important;\r\n `;\r\n },\r\n\r\n arrowError(t: Theme) {\r\n return css`\r\n box-shadow: ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorError} !important;\r\n `;\r\n },\r\n\r\n arrowLeft(t: Theme) {\r\n return css`\r\n visibility: visible;\r\n\r\n ${cssName(styles.checked(t))}:not(${cssName(styles.focus(t))}) & {\r\n box-shadow: ${t.btnCheckedShadowArrowLeft} !important;\r\n }\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.btnDefaultBgArrowStart,\r\n t.btnDefaultBgArrowEnd,\r\n t.btnDefaultShadow,\r\n t.btnDefaultShadowArrow,\r\n t.btnDefaultShadowArrowLeft,\r\n t.btnDefaultTextColor,\r\n t.btnDefaultBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnDefaultHoverBg,\r\n t.btnDefaultHoverBgStart,\r\n t.btnDefaultHoverBgEnd,\r\n t.btnDefaultHoverBgStart,\r\n t.btnDefaultHoverBgEnd,\r\n t.btnDefaultHoverShadow,\r\n t.btnDefaultHoverShadowArrow,\r\n t.btnDefaultHoverShadowArrowLeft,\r\n t.btnDefaultHoverBorderColor,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnDefaultActiveBg,\r\n t.btnDefaultActiveBg,\r\n t.btnDefaultActiveBg,\r\n t.btnDefaultActiveShadow,\r\n t.btnDefaultActiveShadowArrow,\r\n t.btnDefaultActiveShadowArrowLeft,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\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.btnPrimaryBgArrowStart,\r\n t.btnPrimaryBgArrowEnd,\r\n t.btnPrimaryShadow,\r\n t.btnPrimaryShadowArrow,\r\n t.btnPrimaryShadowArrowLeft,\r\n t.btnPrimaryTextColor,\r\n t.btnPrimaryBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnPrimaryHoverBg,\r\n t.btnPrimaryHoverBgStart,\r\n t.btnPrimaryHoverBgEnd,\r\n t.btnPrimaryHoverBgStart,\r\n t.btnPrimaryHoverBgEnd,\r\n t.btnPrimaryHoverShadow,\r\n t.btnPrimaryHoverShadowArrow,\r\n t.btnPrimaryHoverShadowArrowLeft,\r\n t.btnPrimaryHoverBorderColor,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnPrimaryActiveBg,\r\n t.btnPrimaryActiveBg,\r\n t.btnPrimaryActiveBg,\r\n t.btnPrimaryActiveShadow,\r\n t.btnPrimaryActiveShadowArrow,\r\n t.btnPrimaryActiveShadowArrowLeft,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\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.btnSuccessBgArrowStart,\r\n t.btnSuccessBgArrowEnd,\r\n t.btnSuccessShadow,\r\n t.btnSuccessShadowArrow,\r\n t.btnSuccessShadowArrowLeft,\r\n t.btnSuccessTextColor,\r\n t.btnSuccessBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnSuccessHoverBg,\r\n t.btnSuccessHoverBgStart,\r\n t.btnSuccessHoverBgEnd,\r\n t.btnSuccessHoverBgStart,\r\n t.btnSuccessHoverBgEnd,\r\n t.btnSuccessHoverShadow,\r\n t.btnSuccessHoverShadowArrow,\r\n t.btnSuccessHoverShadowArrowLeft,\r\n t.btnSuccessHoverBorderColor,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnSuccessActiveBg,\r\n t.btnSuccessActiveBg,\r\n t.btnSuccessActiveBg,\r\n t.btnSuccessActiveShadow,\r\n t.btnSuccessActiveShadowArrow,\r\n t.btnSuccessActiveShadowArrowLeft,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\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.btnDangerBgArrowStart,\r\n t.btnDangerBgArrowEnd,\r\n t.btnDangerShadow,\r\n t.btnDangerShadowArrow,\r\n t.btnDangerShadowArrowLeft,\r\n t.btnDangerTextColor,\r\n t.btnDangerBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnDangerHoverBg,\r\n t.btnDangerHoverBgStart,\r\n t.btnDangerHoverBgEnd,\r\n t.btnDangerHoverBgStart,\r\n t.btnDangerHoverBgEnd,\r\n t.btnDangerHoverShadow,\r\n t.btnDangerHoverShadowArrow,\r\n t.btnDangerHoverShadowArrowLeft,\r\n t.btnDangerHoverBorderColor,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnDangerActiveBg,\r\n t.btnDangerActiveBg,\r\n t.btnDangerActiveBg,\r\n t.btnDangerActiveShadow,\r\n t.btnDangerActiveShadowArrow,\r\n t.btnDangerActiveShadowArrowLeft,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\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.btnPayBgArrowStart,\r\n t.btnPayBgArrowEnd,\r\n t.btnPayShadow,\r\n t.btnPayShadowArrow,\r\n t.btnPayShadowArrowLeft,\r\n t.btnPayTextColor,\r\n t.btnPayBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnPayHoverBg,\r\n t.btnPayHoverBgStart,\r\n t.btnPayHoverBgEnd,\r\n t.btnPayHoverBgStart,\r\n t.btnPayHoverBgEnd,\r\n t.btnPayHoverShadow,\r\n t.btnPayHoverShadowArrow,\r\n t.btnPayHoverShadowArrowLeft,\r\n t.btnPayHoverBorderColor,\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnPayActiveBg,\r\n t.btnPayActiveBg,\r\n t.btnPayActiveBg,\r\n t.btnPayActiveShadow,\r\n t.btnPayActiveShadowArrow,\r\n t.btnPayActiveShadowArrowLeft,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n cssName(styles.arrowLeft(t)),\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 background: ${t.btnCheckedDisabledBg} !important;\r\n box-shadow: ${t.btnCheckedDisabledShadowArrow} !important;\r\n }\r\n }\r\n\r\n &,\r\n &:not(${cssName(styles.focus(t))}) {\r\n ${cssName(styles.arrow())} {\r\n background: ${t.btnCheckedBg} !important;\r\n box-shadow: ${t.btnCheckedShadowArrow} !important;\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 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 arrow() {\r\n return css`\r\n position: absolute;\r\n border-radius: 2px 2px 2px 16px;\r\n box-sizing: border-box;\r\n z-index: 1;\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 const btn_loading = keyframes`\r\n 0% {\r\n transform: translateX(0) rotateY(180deg);\r\n }\r\n\r\n 100% {\r\n transform: translateX(-30px) rotateY(180deg);\r\n }\r\n `;\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 overflow: hidden;\r\n\r\n &::before {\r\n content: '';\r\n height: 100%;\r\n position: absolute;\r\n opacity: 0.2;\r\n background: linear-gradient(-110deg, #ccc 30%, transparent 0, transparent 60%, #ccc 0);\r\n background-size: 30px 100%;\r\n top: 0;\r\n left: 0;\r\n right: -30px;\r\n animation: ${btn_loading} 1s linear infinite;\r\n transform: rotateY(180deg);\r\n }\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","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","t","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","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","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","disabledWithoutOutline","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","wrapLink","wrapArrow","wrapArrowLeft","borderless","borderless2022","backlessDisabled2022","btnBacklessDisabledBorderColor","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"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 root: 'root',\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\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 &:hover:enabled svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return css`\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 top: -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 sizeSmallWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\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 margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\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} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\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 disabledWithoutOutline(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\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 arrowIconRoot() {\n return css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return css`\n left: 0;\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 &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverTextColor,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\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 &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverTextColor,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\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 &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverTextColor,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\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 &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverTextColor,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\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 &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverTextColor,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnTextHoverBg,\n '',\n '',\n t.btnTextHoverTextColor,\n t.btnTextHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.backless(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 checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\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 :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\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 &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\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 checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\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 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 borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n backlessDisabled2022(t: Theme) {\n return css`\n box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\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 ${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 ${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 ${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 ${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 ${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 color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive)};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}

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

@@ -1,41 +1,99 @@
-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;
-    sizeSmallLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeMediumLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeLargeLoading(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;
-    arrowLeft(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): 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;
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    root: string;
+    arrowHelper: string;
+    arrowHelperTop: string;
+    arrowHelperBottom: string;
+    arrow: string;
+    caption: string;
+    text: string;
+    innerShadow: string;
+    icon: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    withArrowIconRightSmall(t: Theme): string;
+    withArrowIconRightMedium(t: Theme): string;
+    withArrowIconRightLarge(t: Theme): string;
+    withArrowIconLeftSmall(t: Theme): string;
+    withArrowIconLeftMedium(t: Theme): string;
+    withArrowIconLeftLarge(t: Theme): string;
+    simulatedPress(): 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;
+    sizeSmallWithIcon(t: Theme): string;
+    sizeMediumWithIcon(t: Theme): string;
+    sizeLargeWithIcon(t: Theme): string;
+    sizeSmallWithIconWithoutText(t: Theme): string;
+    sizeMediumWithIconWithoutText(t: Theme): string;
+    sizeLargeWithIconWithoutText(t: Theme): string;
+    link(t: Theme): string;
+    linkLineHeight(): string;
+    linkLineHeightSafariFallback(): string;
+    linkFocus(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    disabledWithoutOutline(t: Theme): string;
+    arrowWarning(t: Theme): string;
+    arrowError(t: Theme): string;
+    arrowFocus(t: Theme): string;
+    arrow(): string;
+    arrowLeft(): string;
+    arrowIconRoot(): string;
+    arrowIconRootSmall(t: Theme): string;
+    arrowIconRootMedium(t: Theme): string;
+    arrowIconRootLarge(t: Theme): string;
+    arrowIconLeft(): string;
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    text(t: Theme): string;
+    backless(t: Theme): string;
+    checked(t: Theme): string;
+    checked2022(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    checkedDisabled2022(t: Theme): string;
     caption(): string;
-    wrap(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    captionLink(): string;
+    captionTranslated(): string;
+    captionDisabled(): string;
+    wrap(t: Theme): string;
+    wrapSmall(t: Theme): string;
+    wrapMedium(t: Theme): string;
+    wrapLarge(t: Theme): string;
     narrow(): string;
     noPadding(): string;
     noRightPadding(): string;
-    wrapLink(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    wrapLink(): string;
     wrapArrow(): string;
     wrapArrowLeft(): string;
-    arrow(): 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;
+    borderless(): string;
+    borderless2022(): string;
+    backlessDisabled2022(t: Theme): 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;
+    text(t: Theme): string;
+    backless(t: Theme): string;
 };

package/components/Button/ButtonArrow/ButtonArrow.js ADDED Viewed

@@ -0,0 +1,72 @@
+import React, { useContext } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ArrowRightIcon } from "../ArrowRightIcon";
+import { ArrowLeftIcon } from "../ArrowLeftIcon";
+import { Button } from "../Button";
+import { globalClasses, styles } from "../Button.styles";
+var ButtonArrow = function ButtonArrow(_ref) {
+  var arrow = _ref.arrow,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? Button.defaultProps.size : _ref$size,
+      disabled = _ref.disabled,
+      checked = _ref.checked,
+      error = _ref.error,
+      warning = _ref.warning,
+      isFocused = _ref.isFocused;
+  var theme = useContext(ThemeContext);
+  var _isTheme2022 = isTheme2022(theme);
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {
+    var _cx;
+    return cx(styles.arrowIconRoot(), globalClasses.arrow, (_cx = {}, _cx[styles.arrowIconRootSmall(theme)] = size === 'small', _cx[styles.arrowIconRootMedium(theme)] = size === 'medium', _cx[styles.arrowIconRootLarge(theme)] = size === 'large', _cx[styles.arrowIconLeft()] = arrow === 'left', _cx));
+  };
+  var arrowNode = null;
+  if (_isTheme2022) {
+    var arrowIcons = {
+      right: ArrowRightIcon,
+      left: ArrowLeftIcon
+    };
+    var side = arrow === 'left' ? 'left' : 'right';
+    var ArrowIcon = arrowIcons[side];
+    arrowNode = /*#__PURE__*/React.createElement("div", {
+      className: getArrowIconRootClassName()
+    }, /*#__PURE__*/React.createElement(ArrowIcon, {
+      size: size
+    }));
+  } else {
+    var _cx2;
+    arrowNode = /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx2 = {}, _cx2[styles.arrow()] = true, _cx2[styles.arrowWarning(theme)] = !checked && warning && !disabled, _cx2[styles.arrowError(theme)] = !checked && error && !disabled, _cx2[styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _cx2[styles.arrowLeft()] = arrow === 'left', _cx2))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)
+    }));
+  }
+  return arrowNode;
+};
+export function useButtonArrow(props, theme) {
+  var _cx3;
+  var arrow = props.arrow,
+      size = props.size,
+      use = props.use;
+  var _isTheme2022 = isTheme2022(theme);
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
+  var rootClassName = !_isTheme2022 && canRender ? '' : cx(arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme), arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme), arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme), arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme), arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme), arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme));
+  var wrapClassName = _isTheme2022 && canRender ? '' : cx((_cx3 = {}, _cx3[styles.wrapArrow()] = arrow === true, _cx3[styles.wrapArrowLeft()] = arrow === 'left', _cx3));
+  var arrowNode = canRender ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
+  return [wrapClassName, rootClassName, arrowNode];
+}

package/components/Button/ButtonArrow/ButtonArrow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["ButtonArrow.tsx"],"names":["React","useContext","cx","ThemeContext","isTheme2022","ArrowRightIcon","ArrowLeftIcon","Button","globalClasses","styles","ButtonArrow","arrow","size","defaultProps","disabled","checked","error","warning","isFocused","theme","_isTheme2022","getArrowIconRootClassName","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","left","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,WAAT,QAA4B,gCAA5B;;;AAGA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,MAAT,QAAoC,UAApC;AACA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,iBAAtC;;;;;;AAMA,IAAMC,WAAsD,GAAG,SAAzDA,WAAyD;;;;;;;;AAQzD,KAPJC,KAOI,QAPJA,KAOI,kBANJC,IAMI,CANJA,IAMI,0BANGL,MAAM,CAACM,YAAP,CAAoBD,IAMvB,aALJE,QAKI,QALJA,QAKI,CAJJC,OAII,QAJJA,OAII,CAHJC,KAGI,QAHJA,KAGI,CAFJC,OAEI,QAFJA,OAEI,CADJC,SACI,QADJA,SACI;AACJ,MAAMC,KAAK,GAAGlB,UAAU,CAACE,YAAD,CAAxB;AACA,MAAMiB,YAAY,GAAGhB,WAAW,CAACe,KAAD,CAAhC;;AAEA,MAAME,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AACtC,WAAOnB,EAAE,CAACO,MAAM,CAACa,aAAP,EAAD,EAAyBd,aAAa,CAACG,KAAvC;AACNF,IAAAA,MAAM,CAACc,kBAAP,CAA0BJ,KAA1B,CADM,IAC6BP,IAAI,KAAK,OADtC;AAENH,IAAAA,MAAM,CAACe,mBAAP,CAA2BL,KAA3B,CAFM,IAE8BP,IAAI,KAAK,QAFvC;AAGNH,IAAAA,MAAM,CAACgB,kBAAP,CAA0BN,KAA1B,CAHM,IAG6BP,IAAI,KAAK,OAHtC;AAINH,IAAAA,MAAM,CAACiB,aAAP,EAJM,IAImBf,KAAK,KAAK,MAJ7B,OAAT;;AAMD,GAPD;;AASA,MAAIgB,SAAS,GAAG,IAAhB;;AAEA,MAAIP,YAAJ,EAAkB;AAChB,QAAMQ,UAAU,GAAG;AACjBC,MAAAA,KAAK,EAAExB,cADU;AAEjByB,MAAAA,IAAI,EAAExB,aAFW,EAAnB;;AAIA,QAAMyB,IAAI,GAAGpB,KAAK,KAAK,MAAV,GAAmB,MAAnB,GAA4B,OAAzC;AACA,QAAMqB,SAAS,GAAGJ,UAAU,CAACG,IAAD,CAA5B;AACAJ,IAAAA,SAAS;AACP,iCAAK,SAAS,EAAEN,yBAAyB,EAAzC;AACE,wBAAC,SAAD,IAAW,IAAI,EAAET,IAAjB,GADF,CADF;;;AAKD,GAZD,MAYO;AACLe,IAAAA,SAAS;AACP;AACE,MAAA,SAAS,EAAEzB,EAAE;AACVO,MAAAA,MAAM,CAACE,KAAP,EADU,IACO,IADP;AAEVF,MAAAA,MAAM,CAACwB,YAAP,CAAoBd,KAApB,CAFU,IAEmB,CAACJ,OAAD,IAAYE,OAAZ,IAAuB,CAACH,QAF3C;AAGVL,MAAAA,MAAM,CAACyB,UAAP,CAAkBf,KAAlB,CAHU,IAGiB,CAACJ,OAAD,IAAYC,KAAZ,IAAqB,CAACF,QAHvC;AAIVL,MAAAA,MAAM,CAAC0B,UAAP,CAAkBhB,KAAlB,CAJU,IAIiB,CAACJ,OAAD,IAAYG,SAAZ,IAAyB,CAACJ,QAJ3C;AAKVL,MAAAA,MAAM,CAAC2B,SAAP,EALU,IAKWzB,KAAK,KAAK,MALrB,QADf;;;AASE,iCAAK,SAAS,EAAET,EAAE,CAACM,aAAa,CAAC6B,WAAf,EAA4B7B,aAAa,CAAC8B,cAA1C,CAAlB,GATF;AAUE,iCAAK,SAAS,EAAEpC,EAAE,CAACM,aAAa,CAAC6B,WAAf,EAA4B7B,aAAa,CAAC+B,iBAA1C,CAAlB,GAVF,CADF;;;AAcD;;AAED,SAAOZ,SAAP;AACD,CArDD;;AAuDA,OAAO,SAASa,cAAT,CAAwBC,KAAxB,EAAiDtB,KAAjD,EAAkG;AACvG,MAAQR,KAAR,GAA6B8B,KAA7B,CAAQ9B,KAAR,CAAeC,IAAf,GAA6B6B,KAA7B,CAAe7B,IAAf,CAAqB8B,GAArB,GAA6BD,KAA7B,CAAqBC,GAArB;AACA,MAAMtB,YAAY,GAAGhB,WAAW,CAACe,KAAD,CAAhC;AACA,MAAMwB,SAAS,GAAGD,GAAG,KAAK,MAAR,KAAmB/B,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK,MAA/C,CAAlB;;AAEA,MAAMiC,aAAa;AACjB,GAACxB,YAAD,IAAiBuB,SAAjB;AACI,IADJ;AAEIzC,EAAAA,EAAE;AACAS,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCH,MAAM,CAACoC,uBAAP,CAA+B1B,KAA/B,CADtC;AAEAR,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,QAA3B,IAAuCH,MAAM,CAACqC,wBAAP,CAAgC3B,KAAhC,CAFvC;AAGAR,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCH,MAAM,CAACsC,uBAAP,CAA+B5B,KAA/B,CAHtC;AAIAR,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCH,MAAM,CAACuC,sBAAP,CAA8B7B,KAA9B,CAJxC;AAKAR,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,QAA7B,IAAyCH,MAAM,CAACwC,uBAAP,CAA+B9B,KAA/B,CALzC;AAMAR,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCH,MAAM,CAACyC,sBAAP,CAA8B/B,KAA9B,CANxC,CAHR;;;AAYA,MAAMgC,aAAa;AACjB/B,EAAAA,YAAY,IAAIuB,SAAhB;AACI,IADJ;AAEIzC,EAAAA,EAAE;AACCO,EAAAA,MAAM,CAAC2C,SAAP,EADD,IACsBzC,KAAK,KAAK,IADhC;AAECF,EAAAA,MAAM,CAAC4C,aAAP,EAFD,IAE0B1C,KAAK,KAAK,MAFpC,QAHR;;;AAQA,MAAMgB,SAAS,GAAGgB,SAAS,gBAAG,oBAAC,WAAD,EAAiBF,KAAjB,CAAH,GAAgC,IAA3D;;AAEA,SAAO,CAACU,aAAD,EAAgBP,aAAhB,EAA+BjB,SAA/B,CAAP;AACD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {\n isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n arrow,\n size = Button.defaultProps.size,\n disabled,\n checked,\n error,\n warning,\n isFocused,\n}) => {\n const theme = useContext(ThemeContext);\n const _isTheme2022 = isTheme2022(theme);\n\n const getArrowIconRootClassName = () => {\n return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n [styles.arrowIconRootSmall(theme)]: size === 'small',\n [styles.arrowIconRootMedium(theme)]: size === 'medium',\n [styles.arrowIconRootLarge(theme)]: size === 'large',\n [styles.arrowIconLeft()]: arrow === 'left',\n });\n };\n\n let arrowNode = null;\n\n if (_isTheme2022) {\n const arrowIcons = {\n right: ArrowRightIcon,\n left: ArrowLeftIcon,\n };\n const side = arrow === 'left' ? 'left' : 'right';\n const ArrowIcon = arrowIcons[side];\n arrowNode = (\n <div className={getArrowIconRootClassName()}>\n <ArrowIcon size={size} />\n </div>\n );\n } else {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n [styles.arrowError(theme)]: !checked && error && !disabled,\n [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode] {\n const { arrow, size, use } = props;\n const _isTheme2022 = isTheme2022(theme);\n const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n const rootClassName =\n !_isTheme2022 && canRender\n ? ''\n : cx(\n arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n );\n\n const wrapClassName =\n _isTheme2022 && canRender\n ? ''\n : cx({\n [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n });\n\n const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n return [wrapClassName, rootClassName, arrowNode];\n}\n"]}

package/components/Button/ButtonArrow/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Button/ButtonArrow.js",
+  "module": "ButtonArrow",
+  "types": "../ButtonArrow.d.ts",
+  "sideEffects": false
+}

package/components/Button/ButtonArrow.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+import { ButtonProps } from './Button';
+declare type ButtonArrowProps = Pick<ButtonProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {
+    isFocused: boolean;
+};
+export declare function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode];
+export {};

package/components/Button/ButtonIcon/ButtonIcon.js ADDED Viewed

@@ -0,0 +1,76 @@
+import React, { useContext } from 'react';
+import { isKonturIcon } from "../../../lib/utils";
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { globalClasses } from "../Button.styles";
+import { styles } from "../ButtonIcon.styles";
+import { LoadingButtonIcon } from "../LoadingButtonIcon";
+export var getButtonIconSizes = function getButtonIconSizes(theme) {
+  return {
+    small: parseInt(theme.btnIconSizeSmall),
+    medium: parseInt(theme.btnIconSizeMedium),
+    large: parseInt(theme.btnIconSizeLarge)
+  };
+};
+var useIcon = function useIcon(icon, size) {
+  var theme = useContext(ThemeContext);
+  if (icon && isTheme2022(theme) && isKonturIcon(icon)) {
+    var _icon$props$size;
+    var sizes = getButtonIconSizes(theme);
+    return /*#__PURE__*/React.cloneElement(icon, {
+      size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size]
+    });
+  }
+  return icon;
+};
+export var ButtonIcon = function ButtonIcon(_ref) {
+  var _cx;
+  var icon = _ref.icon,
+      use = _ref.use,
+      position = _ref.position,
+      hasChildren = _ref.hasChildren,
+      _ref$loading = _ref.loading,
+      loading = _ref$loading === void 0 ? false : _ref$loading,
+      _ref$hasBothIcons = _ref.hasBothIcons,
+      hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'small' : _ref$size;
+  var theme = useContext(ThemeContext);
+  var isLink = use === 'link';
+  var getSizeIconClassName = function getSizeIconClassName() {
+    switch (size) {
+      case 'large':
+        return [styles.iconLarge(theme), position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
+      case 'medium':
+        return [styles.iconMedium(theme), position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
+      case 'small':
+      default:
+        return [styles.iconSmall(theme), position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];
+    }
+  };
+  var style = isTheme2022(theme) ? {
+    display: 'inline-flex',
+    alignItems: 'center'
+  } : {};
+  var _icon = useIcon(icon, size);
+  return /*#__PURE__*/React.createElement("span", {
+    style: style,
+    className: cx(globalClasses.icon, styles.icon(theme), getSizeIconClassName(), (_cx = {}, _cx[styles.iconNoMargin()] = !hasChildren, _cx[styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[styles.iconRightLink(theme)] = isLink && position === 'right', _cx))
+  }, loading && !hasBothIcons ? /*#__PURE__*/React.createElement(LoadingButtonIcon, {
+    isCentered: false,
+    size: size
+  }) : _icon);
+};

package/components/Button/ButtonIcon/ButtonIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["ButtonIcon.tsx"],"names":["React","useContext","isKonturIcon","cx","ThemeContext","isTheme2022","globalClasses","styles","LoadingButtonIcon","getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","sizes","cloneElement","props","ButtonIcon","use","position","hasChildren","loading","hasBothIcons","isLink","getSizeIconClassName","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","iconNoMargin","iconLeftLink","iconRightLink"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { ButtonProps } from './Button';\nimport { globalClasses } from './Button.styles';\nimport { styles } from './ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'use'> {\n position: 'right' | 'left';\n hasChildren: boolean;\n hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n return {\n small: parseInt(theme.btnIconSizeSmall),\n medium: parseInt(theme.btnIconSizeMedium),\n large: parseInt(theme.btnIconSizeLarge),\n };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n const theme = useContext(ThemeContext);\n if (icon && isTheme2022(theme) && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n }\n\n return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n use,\n position,\n hasChildren,\n loading = false,\n hasBothIcons = false,\n size = 'small',\n}) => {\n const theme = useContext(ThemeContext);\n const isLink = use === 'link';\n\n const getSizeIconClassName = () => {\n switch (size) {\n case 'large':\n return [\n styles.iconLarge(theme),\n position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n ];\n case 'medium':\n return [\n styles.iconMedium(theme),\n position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n ];\n case 'small':\n default:\n return [\n styles.iconSmall(theme),\n position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n ];\n }\n };\n\n const style: React.CSSProperties = isTheme2022(theme)\n ? {\n display: 'inline-flex',\n alignItems: 'center',\n }\n : {};\n\n const _icon = useIcon(icon, size);\n\n return (\n <span\n style={style}\n className={cx(globalClasses.icon, styles.icon(theme), getSizeIconClassName(), {\n [styles.iconNoMargin()]: !hasChildren,\n [styles.iconLeftLink(theme)]: isLink && position === 'left',\n [styles.iconRightLink(theme)]: isLink && position === 'right',\n })}\n >\n {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n </span>\n );\n};\n"]}

package/components/Button/ButtonIcon/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Button/ButtonIcon.js",
+  "module": "ButtonIcon",
+  "types": "../ButtonIcon.d.ts",
+  "sideEffects": false
+}

package/components/Button/ButtonIcon.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+import { SizeProp } from '../../lib/types/props';
+import { ButtonProps } from './Button';
+export interface ButtonIconProps extends Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'use'> {
+    position: 'right' | 'left';
+    hasChildren: boolean;
+    hasBothIcons?: boolean;
+}
+export declare const getButtonIconSizes: (theme: Theme) => Record<SizeProp, number>;
+export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;