npm - @skbkontur/react-ui - Versions diffs - 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c - Mend

@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","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","fontSize","btnFontSizeSmall","lineHeight","btnLineHeightSmall","paddingX","btnPaddingXSmall","paddingY","btnPaddingYSmall","fontFamilyCompensation","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","insetWidth","outlineColor","outlineWidth","insetColor","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnBackground","btnDefaultBg","btnBackgroundStart","btnDefaultBgStart","btnBackgroundEnd","btnDefaultBgEnd","color","btnDefaultTextColor","borderColor","btnDefaultBorderColor","borderBottomColor","btnDefaultBorderBottomColor","borderWidth","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","space","ZERO_WIDTH_SPACE_CSS","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnShadow","btnDefaultActiveShadow","btnDefaultActiveBorderColor","borderTopColor","btnDefaultActiveBorderTopColor","arrowBgImage","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 { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { 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 // ! DONE\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 fontSize: t.btnFontSizeSmall,\n lineHeight: t.btnLineHeightSmall,\n paddingX: t.btnPaddingXSmall,\n paddingY: t.btnPaddingYSmall,\n fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n })};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11({\n fontSize: t.btnFontSizeSmall,\n paddingX: t.btnPaddingXSmall,\n paddingY: t.btnPaddingYSmall,\n fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n })};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin({\n fontSize: t.btnFontSizeMedium,\n lineHeight: t.btnLineHeightMedium,\n paddingX: t.btnPaddingXMedium,\n paddingY: t.btnPaddingYMedium,\n fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n })};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11({\n fontSize: t.btnFontSizeMedium,\n paddingX: t.btnPaddingXMedium,\n paddingY: t.btnPaddingYMedium,\n fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n })};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin({\n fontSize: t.btnFontSizeLarge,\n lineHeight: t.btnLineHeightLarge,\n paddingX: t.btnPaddingXLarge,\n paddingY: t.btnPaddingYLarge,\n fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n })};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11({\n fontSize: t.btnFontSizeLarge,\n paddingX: t.btnPaddingXLarge,\n paddingY: t.btnPaddingYLarge,\n fontFamilyCompensation: 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({\n insetWidth: t.btnInsetWidth,\n outlineColor: t.btnBorderColorWarning,\n outlineWidth: t.btnOutlineWidth,\n insetColor: t.btnInsetColor,\n })}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin({\n insetWidth: t.btnInsetWidth,\n outlineColor: t.btnBorderColorError,\n outlineWidth: t.btnOutlineWidth,\n insetColor: t.btnInsetColor,\n })}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin({\n insetWidth: t.btnInsetWidth,\n outlineColor: t.btnBorderColorFocus,\n outlineWidth: t.btnOutlineWidth,\n insetColor: t.btnOutlineColorFocus,\n })}\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 btnBackground: t.btnDefaultBg,\n btnBackgroundStart: t.btnDefaultBgStart,\n btnBackgroundEnd: t.btnDefaultBgEnd,\n color: t.btnDefaultTextColor,\n borderColor: t.btnDefaultBorderColor,\n borderBottomColor: t.btnDefaultBorderBottomColor,\n borderWidth: t.btnBorderWidth,\n })};\n\n &:hover:enabled {\n ${buttonHoverMixin({\n btnBackground: t.btnDefaultHoverBg,\n btnBackgroundStart: t.btnDefaultHoverBgStart,\n btnBackgroundEnd: t.btnDefaultHoverBgEnd,\n borderColor: t.btnDefaultHoverBorderColor,\n borderBottomColor: t.btnDefaultHoverBorderBottomColor,\n borderWidth: 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 btnBackground: t.btnPrimaryBg,\n btnBackgroundStart: t.btnPrimaryBgStart,\n btnBackgroundEnd: t.btnPrimaryBgEnd,\n color: t.btnPrimaryTextColor,\n borderColor: t.btnPrimaryBorderColor,\n borderBottomColor: t.btnPrimaryBorderBottomColor,\n borderWidth: t.btnBorderWidth,\n })};\n\n &:hover:enabled {\n ${buttonHoverMixin({\n btnBackground: t.btnPrimaryHoverBg,\n btnBackgroundStart: t.btnPrimaryHoverBgStart,\n btnBackgroundEnd: t.btnPrimaryHoverBgEnd,\n borderColor: t.btnPrimaryHoverBorderColor,\n borderBottomColor: t.btnPrimaryHoverBorderBottomColor,\n borderWidth: 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 btnBackground: t.btnSuccessBg,\n btnBackgroundStart: t.btnSuccessBgStart,\n btnBackgroundEnd: t.btnSuccessBgEnd,\n color: t.btnSuccessTextColor,\n borderColor: t.btnSuccessBorderColor,\n borderBottomColor: t.btnSuccessBorderBottomColor,\n borderWidth: t.btnBorderWidth,\n })};\n\n &:hover:enabled {\n ${buttonHoverMixin({\n btnBackground: t.btnSuccessHoverBg,\n btnBackgroundStart: t.btnSuccessHoverBgStart,\n btnBackgroundEnd: t.btnSuccessHoverBgEnd,\n borderColor: t.btnSuccessHoverBorderColor,\n borderBottomColor: t.btnSuccessHoverBorderBottomColor,\n borderWidth: 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 btnBackground: t.btnDangerBg,\n btnBackgroundStart: t.btnDangerBgStart,\n btnBackgroundEnd: t.btnDangerBgEnd,\n color: t.btnDangerTextColor,\n borderColor: t.btnDangerBorderColor,\n borderBottomColor: t.btnDangerBorderBottomColor,\n borderWidth: t.btnBorderWidth,\n })};\n\n &:hover:enabled {\n ${buttonHoverMixin({\n btnBackground: t.btnDangerHoverBg,\n btnBackgroundStart: t.btnDangerHoverBgStart,\n btnBackgroundEnd: t.btnDangerHoverBgEnd,\n borderColor: t.btnDangerHoverBorderColor,\n borderBottomColor: t.btnDangerHoverBorderBottomColor,\n borderWidth: 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 btnBackground: t.btnPayBg,\n btnBackgroundStart: t.btnPayBgStart,\n btnBackgroundEnd: t.btnPayBgEnd,\n color: t.btnPayTextColor,\n borderColor: t.btnPayBorderColor,\n borderBottomColor: t.btnPayBorderBottomColor,\n borderWidth: t.btnBorderWidth,\n })};\n\n &:hover:enabled {\n ${buttonHoverMixin({\n btnBackground: t.btnPayHoverBg,\n btnBackgroundStart: t.btnPayHoverBgStart,\n btnBackgroundEnd: t.btnPayHoverBgEnd,\n borderColor: t.btnPayHoverBorderColor,\n borderBottomColor: t.btnPayHoverBorderBottomColor,\n borderWidth: 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({\n btnBackground: t.btnTextBg,\n color: t.btnTextTextColor,\n borderColor: t.btnTextBorderColor,\n borderWidth: t.btnBorderWidth,\n })};\n\n &:hover:enabled {\n ${buttonHoverMixin({\n btnBackground: t.btnTextHoverBg,\n borderColor: t.btnTextHoverBorderColor,\n borderWidth: 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 btnBackground: t.btnBacklessBg,\n color: t.btnBacklessTextColor,\n borderColor: t.btnBacklessBorderColor,\n borderWidth: t.btnBorderWidth,\n })};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin({\n btnBackground: t.btnBacklessHoverBg,\n borderColor: t.btnBacklessHoverBorderColor,\n borderWidth: 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 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(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 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 btnBackground: t.btnDefaultActiveBg,\n btnShadow: t.btnDefaultActiveShadow,\n borderColor: t.btnDefaultActiveBorderColor,\n borderTopColor: t.btnDefaultActiveBorderTopColor,\n borderWidth: t.btnBorderWidth,\n arrowBgImage: t.btnArrowBgImageActive,\n })};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin({\n btnBackground: t.btnPrimaryActiveBg,\n btnShadow: t.btnPrimaryActiveShadow,\n borderColor: t.btnPrimaryActiveBorderColor,\n borderTopColor: t.btnPrimaryActiveBorderTopColor,\n borderWidth: t.btnBorderWidth,\n arrowBgImage: t.btnArrowBgImageActive,\n })};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin({\n btnBackground: t.btnSuccessActiveBg,\n btnShadow: t.btnSuccessActiveShadow,\n borderColor: t.btnSuccessActiveBorderColor,\n borderTopColor: t.btnSuccessActiveBorderTopColor,\n borderWidth: t.btnBorderWidth,\n arrowBgImage: t.btnArrowBgImageActive,\n })};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin({\n btnBackground: t.btnDangerActiveBg,\n btnShadow: t.btnDangerActiveShadow,\n borderColor: t.btnDangerActiveBorderColor,\n borderTopColor: t.btnDangerActiveBorderTopColor,\n borderWidth: t.btnBorderWidth,\n arrowBgImage: t.btnArrowBgImageActive,\n })};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin({\n btnBackground: t.btnPayActiveBg,\n btnShadow: t.btnPayActiveShadow,\n borderColor: t.btnPayActiveBorderColor,\n borderTopColor: t.btnPayActiveBorderTopColor,\n borderWidth: t.btnBorderWidth,\n arrowBgImage: 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({\n btnBackground: t.btnTextActiveBg,\n borderColor: t.btnTextActiveBg,\n borderWidth: t.btnBorderWidth,\n arrowBgImage: t.btnArrowBgImageActive,\n })};\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","getStyles","emotion","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","getActiveStyles","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 type { Emotion } from '@emotion/css/create-instance';\n\nimport { 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 arrowOutlineMixin,\n buttonActiveMixin,\n buttonHoverMixin,\n buttonSizeMixin,\n buttonSizeMixinIE11,\n buttonUseMixin,\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 getStyles = (emotion: Emotion) =>\n memoizeStyle({\n root(t: Theme) {\n return emotion.css`\n ${resetButton(emotion)};\n ${resetText(emotion)};\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 emotion.css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return emotion.css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return emotion.css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return emotion.css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return emotion.css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(emotion)(\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 emotion.css`\n ${buttonSizeMixinIE11(emotion)(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(emotion)(\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 emotion.css`\n ${buttonSizeMixinIE11(emotion)(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(emotion)(\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 emotion.css`\n ${buttonSizeMixinIE11(emotion)(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n link(t: Theme) {\n return emotion.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 ${getActiveStyles(emotion).link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return emotion.css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return emotion.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 emotion.css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return emotion.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 emotion.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 emotion.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 emotion.css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n `;\n },\n\n arrowWarning(t: Theme) {\n return emotion.css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return emotion.css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return emotion.css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return emotion.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 emotion.css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return emotion.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 emotion.css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return emotion.css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\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(emotion)(\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 ${getActiveStyles(emotion).default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\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(emotion)(\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 ${getActiveStyles(emotion).primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\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(emotion)(\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 ${getActiveStyles(emotion).success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\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(emotion)(\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 ${getActiveStyles(emotion).danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\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(emotion)(\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 ${getActiveStyles(emotion).pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return emotion.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(emotion)(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(emotion)(\n t.btnTextHoverBg,\n '',\n '',\n t.btnTextHoverTextColor,\n t.btnTextHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\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(emotion)(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return emotion.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 emotion.css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return emotion.css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return emotion.css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return emotion.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 emotion.css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return emotion.css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return emotion.css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return emotion.css`\n padding-right: 0;\n `;\n },\n\n wrapLink() {\n return emotion.css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return emotion.css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return emotion.css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n borderless() {\n return emotion.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 emotion.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 emotion.css`\n box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n `;\n },\n\n textDisabled2022() {\n return emotion.css`\n background-color: transparent;\n `;\n },\n\n loading() {\n return emotion.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 emotion.css`\n visibility: hidden;\n `;\n },\n });\n\nexport const getActiveStyles = (emotion: Emotion) =>\n memoizeStyle({\n default(t: Theme) {\n return emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\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 emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\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 emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\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 emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\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 emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\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 emotion.css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\n t.btnTextActiveBg,\n '',\n t.btnTextActiveBg,\n '',\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n backless(t: Theme) {\n return emotion.css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n });\n"]}

package/cjs/components/Button/ButtonArrow.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import React from 'react';
+import type { Emotion } from '@emotion/css/create-instance';
 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 declare function useButtonArrow(props: ButtonArrowProps, theme: Theme, emotion: Emotion): [string, string, React.ReactNode];
 export {};

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

@@ -1,14 +1,15 @@
-"use strict";exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireDefault(require("react"));
 var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _useTheme = require("../../lib/theming/useTheme");
 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");
@@ -23,15 +24,17 @@ var ButtonArrow = function ButtonArrow(_ref)
 {var arrow = _ref.arrow,_ref$size = _ref.size,size = _ref$size === void 0 ? _Button.Button.defaultProps.size : _ref$size,disabled = _ref.disabled,checked = _ref.checked,error = _ref.error,warning = _ref.warning,isFocused = _ref.isFocused;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var emotion = (0, _Emotion.useEmotion)();
+  var theme = (0, _useTheme.useTheme)();
   var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
+  var styles = (0, _Button2.getStyles)(emotion);
-  var getArrowIconRootClassName = function getArrowIconRootClassName() {var _cx;
-    return (0, _Emotion.cx)(_Button2.styles.arrowIconRoot(), _Button2.globalClasses.arrow, (_cx = {}, _cx[
-    _Button2.styles.arrowIconRootSmall(theme)] = size === 'small', _cx[
-    _Button2.styles.arrowIconRootMedium(theme)] = size === 'medium', _cx[
-    _Button2.styles.arrowIconRootLarge(theme)] = size === 'large', _cx[
-    _Button2.styles.arrowIconLeft()] = arrow === 'left', _cx));
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {var _emotion$cx;
+    return emotion.cx(styles.arrowIconRoot(), _Button2.globalClasses.arrow, (_emotion$cx = {}, _emotion$cx[
+    styles.arrowIconRootSmall(theme)] = size === 'small', _emotion$cx[
+    styles.arrowIconRootMedium(theme)] = size === 'medium', _emotion$cx[
+    styles.arrowIconRootLarge(theme)] = size === 'large', _emotion$cx[
+    styles.arrowIconLeft()] = arrow === 'left', _emotion$cx));
   };
@@ -49,19 +52,19 @@ var ButtonArrow = function ButtonArrow(_ref)
     _react.default.createElement(ArrowIcon, { size: size }));
-  } else {var _cx2;
+  } else {var _emotion$cx2;
     arrowNode = /*#__PURE__*/
     _react.default.createElement("div", {
-      className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
-      _Button2.styles.arrow()] = true, _cx2[
-      _Button2.styles.arrowWarning(theme)] = !checked && warning && !disabled, _cx2[
-      _Button2.styles.arrowError(theme)] = !checked && error && !disabled, _cx2[
-      _Button2.styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _cx2[
-      _Button2.styles.arrowLeft()] = arrow === 'left', _cx2)) }, /*#__PURE__*/
+      className: emotion.cx((_emotion$cx2 = {}, _emotion$cx2[
+      styles.arrow()] = true, _emotion$cx2[
+      styles.arrowWarning(theme)] = !checked && warning && !disabled, _emotion$cx2[
+      styles.arrowError(theme)] = !checked && error && !disabled, _emotion$cx2[
+      styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _emotion$cx2[
+      styles.arrowLeft()] = arrow === 'left', _emotion$cx2)) }, /*#__PURE__*/
-    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperTop) }), /*#__PURE__*/
-    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperBottom) }));
+    _react.default.createElement("div", { className: emotion.cx(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperTop) }), /*#__PURE__*/
+    _react.default.createElement("div", { className: emotion.cx(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperBottom) }));
   }
@@ -69,7 +72,13 @@ var ButtonArrow = function ButtonArrow(_ref)
   return arrowNode;
 };
-function useButtonArrow(props, theme) {var _cx3;
+function useButtonArrow(
+props,
+theme,
+emotion)
+{var _emotion$cx3;
+  var styles = (0, _Button2.getStyles)(emotion);
   var arrow = props.arrow,size = props.size,use = props.use;
   var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
   var canRender = use !== 'link' && (arrow === true || arrow === 'left');
@@ -77,21 +86,21 @@ function useButtonArrow(props, theme) {var _cx3;
   var rootClassName =
   !_isTheme2022 && canRender ?
   '' :
-  (0, _Emotion.cx)(
-  arrow === true && size === 'small' && _Button2.styles.withArrowIconRightSmall(theme),
-  arrow === true && size === 'medium' && _Button2.styles.withArrowIconRightMedium(theme),
-  arrow === true && size === 'large' && _Button2.styles.withArrowIconRightLarge(theme),
-  arrow === 'left' && size === 'small' && _Button2.styles.withArrowIconLeftSmall(theme),
-  arrow === 'left' && size === 'medium' && _Button2.styles.withArrowIconLeftMedium(theme),
-  arrow === 'left' && size === 'large' && _Button2.styles.withArrowIconLeftLarge(theme));
+  emotion.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 ?
   '' :
-  (0, _Emotion.cx)((_cx3 = {}, _cx3[
-  _Button2.styles.wrapArrow()] = arrow === true, _cx3[
-  _Button2.styles.wrapArrowLeft()] = arrow === 'left', _cx3));
+  emotion.cx((_emotion$cx3 = {}, _emotion$cx3[
+  styles.wrapArrow()] = arrow === true, _emotion$cx3[
+  styles.wrapArrowLeft()] = arrow === 'left', _emotion$cx3));
   var arrowNode = canRender ? /*#__PURE__*/_react.default.createElement(ButtonArrow, props) : null;

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,~~KAAmBrC~~,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK,MAA/C,CAAlB;;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' && (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"]}
1	+ {"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","emotion","theme","_isTheme2022","styles","getArrowIconRootClassName","cx","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 from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { getStyles, globalClasses } 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 emotion = useEmotion();\n const theme = useTheme();\n const _isTheme2022 = isTheme2022(theme);\n const styles = getStyles(emotion);\n\n const getArrowIconRootClassName = () => {\n return emotion.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={emotion.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={emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n return arrowNode;\n};\n\nexport function useButtonArrow(\n props: ButtonArrowProps,\n theme: Theme,\n emotion: Emotion,\n): [string, string, React.ReactNode] {\n const styles = getStyles(emotion);\n\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 : emotion.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 : emotion.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

@@ -2,9 +2,10 @@ import React from 'react';
 import { Theme } from '../../lib/theming/Theme';
 import { SizeProp } from '../../lib/types/props';
 import { ButtonProps } from './Button';
-declare type ButtonIconProps = Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'disabled' | 'use'> & {
+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>;
-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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireDefault(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 _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
+var _useTheme = require("../../lib/theming/useTheme");
+var _ButtonIcon = require("./ButtonIcon.styles");
+var _LoadingButtonIcon = require("./LoadingButtonIcon");
-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;}
@@ -23,25 +25,49 @@ var getButtonIconSizes = function getButtonIconSizes(theme) {
 };exports.getButtonIconSizes = getButtonIconSizes;
+var useIcon = function useIcon(icon, size) {
+  var theme = (0, _useTheme.useTheme)();
+  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 theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+{var _emotion$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, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _ButtonIcon.getStyles)(emotion);
   var isLink = use === 'link';
   var getSizeIconClassName = function getSizeIconClassName() {
     switch (size) {
       case 'large':
-        return _Button.styles.iconLarge(theme);
+        return [
+        styles.iconLarge(theme),
+        position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
       case 'medium':
-        return _Button.styles.iconMedium(theme);
+        return [
+        styles.iconMedium(theme),
+        position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
       case 'small':
       default:
-        return _Button.styles.iconSmall(theme);}
+        return [
+        styles.iconSmall(theme),
+        position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];}
   };
@@ -52,21 +78,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(theme), getSizeIconClassName(), (_cx = {}, _cx[
-      _Button.styles.iconNoRightMargin()] = !hasChildren, _cx[
-      _Button.styles.iconLink(theme)] = isLink, _cx)) },
+      className: emotion.cx(styles.icon(theme), getSizeIconClassName(), (_emotion$cx = {}, _emotion$cx[
+      styles.iconNoMargin()] = !hasChildren, _emotion$cx[
+      styles.iconLeftLink(theme)] = isLink && position === 'left', _emotion$cx[
+      styles.iconRightLink(theme)] = isLink && position === 'right', _emotion$cx)) },
-    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~~","~~style~~","~~display~~","~~alignItems~~","~~_icon~~","~~sizes~~","~~React~~","~~cloneElement~~","~~props~~","~~globalClasses~~","~~iconNoRightMargin~~","~~iconLink~~"],"mappings":"~~gGAAA~~;;;AAGA;AACA;AACA;AACA~~;AACA;;;;AAIA~~,~~yC;;;;;;AAMO,~~IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA4C;AAC5E,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~~,KAA0B,GAAG,+~~BAAYrB~~,KAAZ;AAC/B;~~AACEsB~~,IAAAA,OAAO,EAAE,aADX;AAEEC,IAAAA,UAAU,EAAE,QAFd,EAD+B;;AAK/B,IALJ;;AAOA,~~MAAIC~~,KAAK,~~GAAGf~~,~~IAAZ;AACA~~,~~MAAMgB~~,~~KAAK~~,~~GAAG1B~~,~~kBAAkB~~,~~CAACC,KAAD,CAAhC~~;~~AACA~~,~~MAAIS~~,~~IAAI~~,~~IAAI,+BAAYT~~,~~KAAZ~~,~~CAAR~~,~~IAA8B~~,~~yBAAaS~~,~~IAAb~~,~~CAAlC~~,~~EAAsD;AACpDe~~,~~IAAAA~~,~~KAAK~~,~~gBAAGE~~,~~eAAMC~~,~~YAAN~~,~~CAAmBlB~~,~~IAAnB~~,~~EAAyB~~,~~EAAEI~~,~~IAAI~~,~~sBAAEJ~~,~~IAAI~~,~~CAACmB~~,~~KAAL~~,~~CAAWf~~,~~IAAb,+BAAqBY~~,~~KAAK~~,~~CAACZ~~,~~IAAD~~,~~CAAhC~~,~~EAAzB~~,~~CAAR;AACD;;AAED;AACE;AACE~~,~~MAAA~~,~~KAAK~~,~~EAAEQ~~,~~KADT;AAEE~~,~~MAAA~~,~~SAAS~~,~~EAAE~~,~~iBAAGQ~~,~~sBAAcpB~~,~~IAAjB~~,~~EAAuBQ~~,~~eAAOR~~,~~IAAP~~,~~CAAYT~~,~~KAAZ~~,~~CAAvB~~,~~EAA2CgB~~,~~oBAAoB~~,~~EAA/D;AACRC~~,~~qBAAOa~~,~~iBAAP~~,~~EADQ~~,~~IACqB~~,~~CAACpB~~,~~WADtB;AAERO~~,~~qBAAOc~~,~~QAAP~~,~~CAAgB/B~~,~~KAAhB~~,~~CAFQ~~,~~IAEiBe~~,~~MAFjB~~,~~OAFb;;;AAOGH~~,~~IAAAA~~,~~OAAO~~,~~gBAAG~~,~~6BAAC,wBAAD,IAAa,~~IAAI,~~EAAEC~~,~~IAAnB~~,~~GAAH~~,~~GAAiCW~~,~~KAP3C~~,CADF;;;~~AAWD~~,~~CA9CM~~,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 { ~~LoadingIcon~~ } from '../../~~internal~~/~~icons2022~~/~~LoadingIcon~~';\nimport { ~~SizeProp~~ } from '~~../../lib/types/props~~';\n\nimport { ~~ButtonProps~~ } 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<SizeProp, 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 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(theme), getSizeIconClassName(), {\n [styles.~~iconNoRightMargin~~()]: !hasChildren,\n [styles.~~iconLink~~(theme)]: isLink,\n })}\n >\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","sizes","React","cloneElement","props","ButtonIcon","use","position","hasChildren","loading","hasBothIcons","emotion","styles","isLink","getSizeIconClassName","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","cx","iconNoMargin","iconLeftLink","iconRightLink"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { ButtonProps } from './Button';\nimport { getStyles } 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 = useTheme();\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 = useTheme();\n const emotion = useEmotion();\n const styles = getStyles(emotion);\n\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={emotion.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"]}