npm - @skbkontur/react-ui - Versions diffs - 0.0.0-1b188ff0e7 → 0.0.0-1da9bba033 - Mend

@skbkontur/react-ui 0.0.0-1b188ff0e7 → 0.0.0-1da9bba033

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","css","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","arrowWarning","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","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","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","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 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 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 pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n 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.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.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.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.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.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;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\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(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\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 iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &: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 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 &:hover {\n background: ${t.btnTextActiveBg};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","styles","t","css","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","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","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","textDisabled2022","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});\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 textDisabled2022() {\n return css`\n background-color: transparent;\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/cjs/components/Button/ButtonArrow.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireWildcard(require("react"));
 var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -8,7 +8,7 @@ var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _ArrowRightIcon = require("./ArrowRightIcon");
 var _ArrowLeftIcon = require("./ArrowLeftIcon");
 var _Button = require("./Button");
-var _Button2 = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _Button2 = require("./Button.styles");
@@ -72,7 +72,7 @@ var ButtonArrow = function ButtonArrow(_ref)
 function useButtonArrow(props, theme) {var _cx3;
   var arrow = props.arrow,size = props.size,use = props.use;
   var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
-  var canRender = use !== 'link' && typeof arrow !== 'undefined';
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
   var rootClassName =
   !_isTheme2022 && canRender ?

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","theme","ThemeContext","_isTheme2022","getArrowIconRootClassName","styles","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"~~+EAAA~~;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA~~,0C~~;;;;;;AAMA,IAAMA,WAAsD,GAAG,SAAzDA,WAAyD;;;;;;;;AAQzD,KAPJC,KAOI,QAPJA,KAOI,kBANJC,IAMI,CANJA,IAMI,0BANGC,eAAOC,YAAP,CAAoBF,IAMvB,aALJG,QAKI,QALJA,QAKI,CAJJC,OAII,QAJJA,OAII,CAHJC,KAGI,QAHJA,KAGI,CAFJC,OAEI,QAFJA,OAEI,CADJC,SACI,QADJA,SACI;AACJ,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,YAAY,GAAG,+BAAYF,KAAZ,CAArB;;AAEA,MAAMG,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AACtC,WAAO,iBAAGC,gBAAOC,aAAP,EAAH,EAA2BC,uBAAcf,KAAzC;AACJa,oBAAOG,kBAAP,CAA0BP,KAA1B,CADI,IAC+BR,IAAI,KAAK,OADxC;AAEJY,oBAAOI,mBAAP,CAA2BR,KAA3B,CAFI,IAEgCR,IAAI,KAAK,QAFzC;AAGJY,oBAAOK,kBAAP,CAA0BT,KAA1B,CAHI,IAG+BR,IAAI,KAAK,OAHxC;AAIJY,oBAAOM,aAAP,EAJI,IAIqBnB,KAAK,KAAK,MAJ/B,OAAP;;AAMD,GAPD;;AASA,MAAIoB,SAAS,GAAG,IAAhB;;AAEA,MAAIT,YAAJ,EAAkB;AAChB,QAAMU,UAAU,GAAG;AACjBC,MAAAA,KAAK,EAAEC,8BADU;AAEjBC,MAAAA,IAAI,EAAEC,4BAFW,EAAnB;;AAIA,QAAMC,IAAI,GAAG1B,KAAK,KAAK,MAAV,GAAmB,MAAnB,GAA4B,OAAzC;AACA,QAAM2B,SAAS,GAAGN,UAAU,CAACK,IAAD,CAA5B;AACAN,IAAAA,SAAS;AACP,0CAAK,SAAS,EAAER,yBAAyB,EAAzC;AACE,iCAAC,SAAD,IAAW,IAAI,EAAEX,IAAjB,GADF,CADF;;;AAKD,GAZD,MAYO;AACLmB,IAAAA,SAAS;AACP;AACE,MAAA,SAAS,EAAE;AACRP,sBAAOb,KAAP,EADQ,IACS,IADT;AAERa,sBAAOe,YAAP,CAAoBnB,KAApB,CAFQ,IAEqB,CAACJ,OAAD,IAAYE,OAAZ,IAAuB,CAACH,QAF7C;AAGRS,sBAAOgB,UAAP,CAAkBpB,KAAlB,CAHQ,IAGmB,CAACJ,OAAD,IAAYC,KAAZ,IAAqB,CAACF,QAHzC;AAIRS,sBAAOiB,UAAP,CAAkBrB,KAAlB,CAJQ,IAImB,CAACJ,OAAD,IAAYG,SAAZ,IAAyB,CAACJ,QAJ7C;AAKRS,sBAAOkB,SAAP,EALQ,IAKa/B,KAAK,KAAK,MALvB,QADb;;;AASE,0CAAK,SAAS,EAAE,iBAAGe,uBAAciB,WAAjB,EAA8BjB,uBAAckB,cAA5C,CAAhB,GATF;AAUE,0CAAK,SAAS,EAAE,iBAAGlB,uBAAciB,WAAjB,EAA8BjB,uBAAcmB,iBAA5C,CAAhB,GAVF,CADF;;;AAcD;;AAED,SAAOd,SAAP;AACD,CArDD;;AAuDO,SAASe,cAAT,CAAwBC,KAAxB,EAAiD3B,KAAjD,EAAkG;AACvG,MAAQT,KAAR,GAA6BoC,KAA7B,CAAQpC,KAAR,CAAeC,IAAf,GAA6BmC,KAA7B,CAAenC,IAAf,CAAqBoC,GAArB,GAA6BD,KAA7B,CAAqBC,GAArB;AACA,MAAM1B,YAAY,GAAG,+BAAYF,KAAZ,CAArB;AACA,MAAM6B,SAAS,GAAGD,GAAG,KAAK,MAAR,~~IAAkB~~,~~OAAOrC~~,~~KAAP~~,~~KAAiB~~,~~WAArD~~;;AAEA,MAAMuC,aAAa;AACjB,GAAC5B,YAAD,IAAiB2B,SAAjB;AACI,IADJ;AAEI;AACEtC,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCY,gBAAO2B,uBAAP,CAA+B/B,KAA/B,CADxC;AAEET,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,QAA3B,IAAuCY,gBAAO4B,wBAAP,CAAgChC,KAAhC,CAFzC;AAGET,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCY,gBAAO6B,uBAAP,CAA+BjC,KAA/B,CAHxC;AAIET,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCY,gBAAO8B,sBAAP,CAA8BlC,KAA9B,CAJ1C;AAKET,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,QAA7B,IAAyCY,gBAAO+B,uBAAP,CAA+BnC,KAA/B,CAL3C;AAMET,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCY,gBAAOgC,sBAAP,CAA8BpC,KAA9B,CAN1C,CAHN;;;AAYA,MAAMqC,aAAa;AACjBnC,EAAAA,YAAY,IAAI2B,SAAhB;AACI,IADJ;AAEI;AACGzB,kBAAOkC,SAAP,EADH,IACwB/C,KAAK,KAAK,IADlC;AAEGa,kBAAOmC,aAAP,EAFH,IAE4BhD,KAAK,KAAK,MAFtC,QAHN;;;AAQA,MAAMoB,SAAS,GAAGkB,SAAS,gBAAG,6BAAC,WAAD,EAAiBF,KAAjB,CAAH,GAAgC,IAA3D;;AAEA,SAAO,CAACU,aAAD,EAAgBP,aAAhB,EAA+BnB,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' && ~~typeof~~ arrow ~~!==~~ '~~undefined~~';\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"]}
1	+ {"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","theme","ThemeContext","_isTheme2022","getArrowIconRootClassName","styles","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"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","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/cjs/components/Button/ButtonIcon.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Theme } from '../../lib/theming/Theme';
-import { ButtonProps, ButtonSize } from './Button';
-declare type ButtonIconProps = Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'disabled' | 'use'> & {
+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;
-};
-export declare const getButtonIconSizes: (theme: Theme) => Record<ButtonSize, number>;
+    hasBothIcons?: boolean;
+}
+export declare const getButtonIconSizes: (theme: Theme) => Record<SizeProp, number>;
 export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;
-export {};

package/cjs/components/Button/ButtonIcon.js CHANGED Viewed

@@ -1,15 +1,17 @@
-"use strict";exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../lib/utils");
 var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _chars = require("../../lib/chars");
-var _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
-var _Button = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _ButtonIcon = require("./ButtonIcon.styles");
+var _LoadingButtonIcon = require("./LoadingButtonIcon");
@@ -23,29 +25,49 @@ var getButtonIconSizes = function getButtonIconSizes(theme) {
 };exports.getButtonIconSizes = getButtonIconSizes;
+var useIcon = function useIcon(icon, size) {
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  if (icon && (0, _ThemeHelpers.isTheme2022)(theme) && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;
+    var sizes = getButtonIconSizes(theme);
+    return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size] });
+  }
+  return icon;
+};
 var ButtonIcon = function ButtonIcon(_ref)
-{var _cx;var icon = _ref.icon,hasChildren = _ref.hasChildren,use = _ref.use,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size;
+{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 = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var isLink = use === 'link';
   var getSizeIconClassName = function getSizeIconClassName() {
     switch (size) {
       case 'large':
-        return _Button.styles.iconLarge(theme);
+        return [
+        _ButtonIcon.styles.iconLarge(theme),
+        position === 'left' ? _ButtonIcon.styles.iconLargeLeft(theme) : _ButtonIcon.styles.iconLargeRight(theme)];
       case 'medium':
-        return _Button.styles.iconMedium(theme);
+        return [
+        _ButtonIcon.styles.iconMedium(theme),
+        position === 'left' ? _ButtonIcon.styles.iconMediumLeft(theme) : _ButtonIcon.styles.iconMediumRight(theme)];
       case 'small':
       default:
-        return _Button.styles.iconSmall(theme);}
+        return [
+        _ButtonIcon.styles.iconSmall(theme),
+        position === 'left' ? _ButtonIcon.styles.iconSmallLeft(theme) : _ButtonIcon.styles.iconSmallRight(theme)];}
   };
-  var space = (0, _ThemeHelpers.isTheme2022)(theme) ? _chars.ZERO_WIDTH_SPACE : '';
   var style = (0, _ThemeHelpers.isTheme2022)(theme) ?
   {
     display: 'inline-flex',
@@ -53,22 +75,18 @@ var ButtonIcon = function ButtonIcon(_ref)
   {};
-  var _icon = icon;
-  var sizes = getButtonIconSizes(theme);
-  if (icon && (0, _ThemeHelpers.isTheme2022)(theme) && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;
-    _icon = /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size] });
-  }
+  var _icon = useIcon(icon, size);
   return /*#__PURE__*/(
     _react.default.createElement("span", {
       style: style,
-      className: (0, _Emotion.cx)(_Button.globalClasses.icon, _Button.styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[
-      _Button.styles.iconNoRightMargin()] = !hasChildren, _cx[
-      _Button.styles.iconLink(theme)] = isLink, _cx)) },
+      className: (0, _Emotion.cx)(_ButtonIcon.styles.icon(theme), getSizeIconClassName(), (_cx = {}, _cx[
+      _ButtonIcon.styles.iconNoMargin()] = !hasChildren, _cx[
+      _ButtonIcon.styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[
+      _ButtonIcon.styles.iconRightLink(theme)] = isLink && position === 'right', _cx)) },
-    space,
-    loading ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : _icon));
+    loading && !hasBothIcons ? /*#__PURE__*/_react.default.createElement(_LoadingButtonIcon.LoadingButtonIcon, { isCentered: false, size: size }) : _icon));
 };exports.ButtonIcon = ButtonIcon;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ButtonIcon.tsx"],"names":["getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","~~ButtonIcon~~","icon","~~hasChildren~~","use","~~loading~~","~~size~~","~~ThemeContext~~","isLink","getSizeIconClassName","styles","iconLarge","~~iconMedium~~","~~iconSmall~~","~~space~~","~~ZERO_WIDTH_SPACE~~","~~style~~","~~display~~","~~alignItems~~","~~_icon~~","~~sizes~~","~~React~~","~~cloneElement~~","~~props~~","~~globalClasses~~","~~iconNoRightMargin~~","~~iconLink~~"],"mappings":"~~gGAAA~~;;;AAGA;AACA;AACA;AACA;AACA~~;AACA;;;AAGA~~,~~yC;;;;;;AAMO,~~IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,~~EAA8C~~;~~AAC9E~~,SAAO;AACLC,IAAAA,KAAK,EAAEC,QAAQ,CAACF,KAAK,CAACG,gBAAP,CADV;AAELC,IAAAA,MAAM,EAAEF,QAAQ,CAACF,KAAK,CAACK,iBAAP,CAFX;AAGLC,IAAAA,KAAK,EAAEJ,QAAQ,CAACF,KAAK,CAACO,gBAAP,CAHV,EAAP;;AAKD,CANM,C;;~~AAQA~~,IAAMC,UAAoD,GAAG,SAAvDA,UAAuD~~;;;;;;AAM9D~~,~~aALJC~~,~~IAKI~~,QALJA,~~IAKI~~,CAJJC,WAII,QAJJA,WAII,~~CAHJC~~,~~GAGI~~,~~QAHJA~~,~~GAGI~~,~~qBAFJC~~,~~OAEI~~,CAFJA,~~OAEI~~,~~6BAFM~~,~~KAEN~~,~~iCADJC~~,IACI,CADJA,IACI,0BADG,OACH;AACJ,~~MAAMb~~,KAAK,GAAG,~~uBAAWc~~,0BAAX,CAAd;AACA,~~MAAMC~~,MAAM,~~GAAGJ~~,GAAG,KAAK,MAAvB;;AAEA,~~MAAMK~~,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,~~YAAQH~~,IAAR;AACE,WAAK,OAAL;AACE,~~eAAOI~~,~~eAAOC~~,SAAP,~~CAAiBlB~~,KAAjB,~~CAAP~~;~~AACF~~,WAAK,QAAL;AACE,~~eAAOiB~~,~~eAAOE~~,UAAP,~~CAAkBnB~~,KAAlB,~~CAAP~~;~~AACF~~,WAAK,OAAL;AACA;AACE,~~eAAOiB~~,~~eAAOG~~,SAAP,~~CAAiBpB~~,KAAjB,~~CAAP~~,~~CAPJ;;AASD~~,~~GAVD;;AAYA~~,~~MAAMqB,~~KAAK,~~GAAG,+BAAYrB~~,~~KAAZ~~,~~IAAqBsB~~,~~uBAArB~~,~~GAAwC~~,~~EAAtD;AACA~~,~~MAAMC~~,KAA0B,GAAG,+~~BAAYvB~~,KAAZ;AAC/B;~~AACEwB~~,IAAAA,OAAO,EAAE,aADX;AAEEC,IAAAA,UAAU,EAAE,QAFd,EAD+B;;AAK/B,IALJ;;AAOA,~~MAAIC~~,KAAK,~~GAAGjB~~,~~IAAZ;AACA~~,~~MAAMkB,KAAK,GAAG5B,kBAAkB,~~CAACC,KAAD,CAAhC;AACA,MAAIS,IAAI,IAAI,+BAAYT,KAAZ,CAAR,IAA8B,yBAAaS,IAAb,CAAlC,EAAsD;AACpDiB,IAAAA,KAAK,gBAAGE,eAAMC,YAAN,CAAmBpB,IAAnB,EAAyB,EAAEI,IAAI,sBAAEJ,IAAI,CAACqB,KAAL,CAAWjB,IAAb,+BAAqBc,KAAK,CAACd,IAAD,~~CAAhC~~,~~EAAzB~~,~~CAAR;AACD~~;;~~AAED~~;AACE;AACE,MAAA,KAAK,~~EAAEU~~,KADT;AAEE,MAAA,SAAS,EAAE,~~iBAAGQ~~,~~sBAActB~~,~~IAAjB~~,~~EAAuBQ~~,~~eAAOR~~,~~IAAP~~,~~EAAvB~~,~~EAAsCO,~~oBAAoB,~~EAA1D~~;AACRC,~~qBAAOe~~,~~iBAAP~~,EADQ,~~IACqB~~,~~CAACtB~~,~~WADtB~~;~~AAERO~~,~~qBAAOgB~~,~~QAAP~~,~~CAAgBjC~~,~~KAAhB~~,CAFQ,~~IAEiBe~~,~~MAFjB~~,~~OAFb;;;AAOGM~~,~~IAAAA~~,~~KAPH~~;~~AAQGT~~,IAAAA,OAAO,~~gBAAG~~,6BAAC,~~wBAAD~~,~~IAAa~~,IAAI,~~EAAEC~~,~~IAAnB~~,~~GAAH~~,~~GAAiCa~~,~~KAR3C~~,CADF;;;AAYD,~~CAhDM~~,C","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 { ~~ZERO_WIDTH_SPACE~~ } from '../../lib/~~chars~~';\nimport { ~~LoadingIcon~~ } from '~~../../internal/icons2022/LoadingIcon~~';\n\nimport { ~~ButtonProps,~~ ~~ButtonSize~~ } from './~~Button~~';\nimport { ~~globalClasses,~~ ~~styles~~ } from './~~Button.styles~~';\n\~~ntype~~ ButtonIconProps = Pick<ButtonProps, 'size' \| 'icon' \| 'loading' \| '~~disabled~~' \| '~~use~~'> & {\n hasChildren: boolean;\n};\n\nexport const getButtonIconSizes = (theme: Theme): Record<~~ButtonSize~~, number> => {\n return {\n small: parseInt(theme.btnIconSizeSmall),\n medium: parseInt(theme.btnIconSizeMedium),\n large: parseInt(theme.btnIconSizeLarge),\n };\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n ~~hasChildren~~,\n ~~use~~,\n loading = 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 styles.iconLarge(theme);\n case 'medium':\n return styles.iconMedium(theme);\n case 'small':\n default:\n return styles.iconSmall(theme);\n }\n };\n\n const ~~space = isTheme2022(theme) ? ZERO_WIDTH_SPACE : '';\n const~~ style: React.CSSProperties = isTheme2022(theme)\n ? {\n display: 'inline-flex',\n alignItems: 'center',\n }\n : {};\n\n ~~let _icon = icon;\n~~ const ~~sizes = getButtonIconSizes(theme);\n if (icon && isTheme2022(theme) && isKonturIcon(icon)) {\n~~ _icon = ~~React.cloneElement~~(icon, { size~~: icon.props.size ?? sizes[size] }~~);\n }\n\n return (\n <span\n style={style}\n className={cx(~~globalClasses.icon,~~ styles.icon(), getSizeIconClassName(), {\n [styles.~~iconNoRightMargin~~()]: !hasChildren,\n [styles.~~iconLink~~(theme)]: isLink,\n })}\n >\n {~~space}\n {~~loading ? <~~LoadingIcon~~ size={size} /> : _icon}\n </span>\n );\n};\n"]}
1	+ {"version":3,"sources":["ButtonIcon.tsx"],"names":["getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","ThemeContext","sizes","React","cloneElement","props","ButtonIcon","use","position","hasChildren","loading","hasBothIcons","isLink","getSizeIconClassName","styles","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 { 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(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/cjs/components/Button/ButtonIcon.styles.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    icon(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconSmallLeft(t: Theme): string;
+    iconSmallRight(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconMediumLeft(t: Theme): string;
+    iconMediumRight(t: Theme): string;
+    iconLarge(t: Theme): string;
+    iconLargeLeft(t: Theme): string;
+    iconLargeRight(t: Theme): string;
+    iconLeftLink(t: Theme): string;
+    iconRightLink(t: Theme): string;
+    iconNoMargin(): string;
+};

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

@@ -0,0 +1,89 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _chars = require("../../lib/chars");
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var styles = (0, _Emotion.memoizeStyle)({
+  icon: function icon(t) {
+    var space = (0, _ThemeHelpers.isTheme2022)(t) ? "'" + _chars.ZERO_WIDTH_SPACE_CSS + "'" : null;
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n\n      &::before {\n        content: ", ";\n      }\n    "])),
+    space);
+  },
+  iconSmall: function iconSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
+    t.btnIconSizeSmall);
+  },
+  iconSmallLeft: function iconSmallLeft(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.btnIconGapSmall);
+  },
+  iconSmallRight: function iconSmallRight(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.btnIconGapSmallRight);
+  },
+  iconMedium: function iconMedium(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
+    t.btnIconSizeMedium);
+  },
+  iconMediumLeft: function iconMediumLeft(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.btnIconGapMediumRight);
+  },
+  iconMediumRight: function iconMediumRight(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.btnIconGapMedium);
+  },
+  iconLarge: function iconLarge(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
+    t.btnIconSizeLarge);
+  },
+  iconLargeLeft: function iconLargeLeft(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.btnIconGapLarge);
+  },
+  iconLargeRight: function iconLargeRight(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.btnIconGapLargeRight);
+  },
+  iconLeftLink: function iconLeftLink(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.btnLinkIconMarginRight);
+  },
+  iconRightLink: function iconRightLink(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.btnLinkIconMarginLeft);
+  },
+  iconNoMargin: function iconNoMargin() {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: 0;\n      margin-left: 0;\n    "])));
+  } });exports.styles = styles;

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["ButtonIcon.styles.ts"],"names":["styles","icon","t","space","ZERO_WIDTH_SPACE_CSS","css","iconSmall","btnIconSizeSmall","iconSmallLeft","btnIconGapSmall","iconSmallRight","btnIconGapSmallRight","iconMedium","btnIconSizeMedium","iconMediumLeft","btnIconGapMediumRight","iconMediumRight","btnIconGapMedium","iconLarge","btnIconSizeLarge","iconLargeLeft","btnIconGapLarge","iconLargeRight","btnIconGapLargeRight","iconLeftLink","btnLinkIconMarginRight","iconRightLink","btnLinkIconMarginLeft","iconNoMargin"],"mappings":"oRAAA;AACA;AACA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,QAAMC,KAAK,GAAG,+BAAYD,CAAZ,UAAqBE,2BAArB,SAA+C,IAA7D;AACA,eAAOC,YAAP;;;;AAIeF,IAAAA,KAJf;;;AAOD,GAVgC;;AAYjCG,EAAAA,SAZiC,qBAYvBJ,CAZuB,EAYb;AAClB,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACK,gBADb;;AAGD,GAhBgC;;AAkBjCC,EAAAA,aAlBiC,yBAkBnBN,CAlBmB,EAkBT;AACtB,eAAOG,YAAP;AACkBH,IAAAA,CAAC,CAACO,eADpB;;AAGD,GAtBgC;;AAwBjCC,EAAAA,cAxBiC,0BAwBlBR,CAxBkB,EAwBR;AACvB,eAAOG,YAAP;AACiBH,IAAAA,CAAC,CAACS,oBADnB;;AAGD,GA5BgC;;AA8BjCC,EAAAA,UA9BiC,sBA8BtBV,CA9BsB,EA8BZ;AACnB,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACW,iBADb;;AAGD,GAlCgC;;AAoCjCC,EAAAA,cApCiC,0BAoClBZ,CApCkB,EAoCR;AACvB,eAAOG,YAAP;AACkBH,IAAAA,CAAC,CAACa,qBADpB;;AAGD,GAxCgC;;AA0CjCC,EAAAA,eA1CiC,2BA0CjBd,CA1CiB,EA0CP;AACxB,eAAOG,YAAP;AACiBH,IAAAA,CAAC,CAACe,gBADnB;;AAGD,GA9CgC;;AAgDjCC,EAAAA,SAhDiC,qBAgDvBhB,CAhDuB,EAgDb;AAClB,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACiB,gBADb;;AAGD,GApDgC;;AAsDjCC,EAAAA,aAtDiC,yBAsDnBlB,CAtDmB,EAsDT;AACtB,eAAOG,YAAP;AACkBH,IAAAA,CAAC,CAACmB,eADpB;;AAGD,GA1DgC;;AA4DjCC,EAAAA,cA5DiC,0BA4DlBpB,CA5DkB,EA4DR;AACvB,eAAOG,YAAP;AACiBH,IAAAA,CAAC,CAACqB,oBADnB;;AAGD,GAhEgC;;AAkEjCC,EAAAA,YAlEiC,wBAkEpBtB,CAlEoB,EAkEV;AACrB,eAAOG,YAAP;AACkBH,IAAAA,CAAC,CAACuB,sBADpB;;AAGD,GAtEgC;;AAwEjCC,EAAAA,aAxEiC,yBAwEnBxB,CAxEmB,EAwET;AACtB,eAAOG,YAAP;AACiBH,IAAAA,CAAC,CAACyB,qBADnB;;AAGD,GA5EgC;;AA8EjCC,EAAAA,YA9EiC,0BA8ElB;AACb,eAAOvB,YAAP;;;;AAID,GAnFgC,EAAb,CAAf,C","sourcesContent":["import { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n icon(t: Theme) {\n const space = isTheme2022(t) ? `'${ZERO_WIDTH_SPACE_CSS}'` : null;\n return css`\n display: inline-block;\n\n &::before {\n content: ${space};\n }\n `;\n },\n\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n iconSmallLeft(t: Theme) {\n return css`\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n\n iconSmallRight(t: Theme) {\n return css`\n margin-left: ${t.btnIconGapSmallRight};\n `;\n },\n\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n iconMediumLeft(t: Theme) {\n return css`\n margin-right: ${t.btnIconGapMediumRight};\n `;\n },\n\n iconMediumRight(t: Theme) {\n return css`\n margin-left: ${t.btnIconGapMedium};\n `;\n },\n\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n iconLargeLeft(t: Theme) {\n return css`\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n iconLargeRight(t: Theme) {\n return css`\n margin-left: ${t.btnIconGapLargeRight};\n `;\n },\n\n iconLeftLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n iconRightLink(t: Theme) {\n return css`\n margin-left: ${t.btnLinkIconMarginLeft};\n `;\n },\n\n iconNoMargin() {\n return css`\n margin-right: 0;\n margin-left: 0;\n `;\n },\n});\n"]}

package/cjs/components/Button/LoadingButtonIcon.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { IconSizeAliases } from '../../internal/icons2022/iconConstants';
+interface LoadingButtonIconProps {
+    size: IconSizeAliases;
+    isCentered?: boolean;
+}
+export declare const LoadingButtonIcon: ({ size, isCentered }: LoadingButtonIconProps) => JSX.Element;
+export {};

package/cjs/components/Button/LoadingButtonIcon.js ADDED Viewed

@@ -0,0 +1,25 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.LoadingButtonIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+var _Spinner = require("../Spinner");
+var _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Button = require("./Button");
+var _Button2 = require("./Button.styles");
+var LoadingButtonIcon = function LoadingButtonIcon(_ref) {var size = _ref.size,_ref$isCentered = _ref.isCentered,isCentered = _ref$isCentered === void 0 ? true : _ref$isCentered;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  return /*#__PURE__*/(
+    _react.default.createElement("div", { "data-tid": _Button.ButtonDataTids.spinner, className: isCentered ? _Button2.styles.loading() : undefined },
+    (0, _ThemeHelpers.isTheme2022)(theme) ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, type: "mini" })));
+};exports.LoadingButtonIcon = LoadingButtonIcon;