npm - @skbkontur/react-ui - Versions diffs - 0.0.0-9216939ede → 0.0.0-95a1dbe516 - Mend

@skbkontur/react-ui 0.0.0-9216939ede → 0.0.0-95a1dbe516

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 (1650) 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","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","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n root: 'root',\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n top: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n disabledWithoutOutline(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverTextColor,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverTextColor,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverTextColor,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverTextColor,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverTextColor,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnTextHoverBg,\n '',\n '',\n t.btnTextHoverTextColor,\n t.btnTextHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n backlessDisabled2022(t: Theme) {\n return css`\n box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive)};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}
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":"4KAAA;;;AAGA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;;;;;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,OAAO,GAAG,0BAAhB;AACA,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,YAAY,GAAG,+BAAYD,KAAZ,CAArB;AACA,MAAME,MAAM,GAAG,wBAAUH,OAAV,CAAf;;AAEA,MAAMI,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AACtC,WAAOJ,OAAO,CAACK,EAAR,CAAWF,MAAM,CAACG,aAAP,EAAX,EAAmCC,uBAAchB,KAAjD;AACJY,IAAAA,MAAM,CAACK,kBAAP,CAA0BP,KAA1B,CADI,IAC+BT,IAAI,KAAK,OADxC;AAEJW,IAAAA,MAAM,CAACM,mBAAP,CAA2BR,KAA3B,CAFI,IAEgCT,IAAI,KAAK,QAFzC;AAGJW,IAAAA,MAAM,CAACO,kBAAP,CAA0BT,KAA1B,CAHI,IAG+BT,IAAI,KAAK,OAHxC;AAIJW,IAAAA,MAAM,CAACQ,aAAP,EAJI,IAIqBpB,KAAK,KAAK,MAJ/B,eAAP;;AAMD,GAPD;;AASA,MAAIqB,SAAS,GAAG,IAAhB;;AAEA,MAAIV,YAAJ,EAAkB;AAChB,QAAMW,UAAU,GAAG;AACjBC,MAAAA,KAAK,EAAEC,8BADU;AAEjBC,MAAAA,IAAI,EAAEC,4BAFW,EAAnB;;AAIA,QAAMC,IAAI,GAAG3B,KAAK,KAAK,MAAV,GAAmB,MAAnB,GAA4B,OAAzC;AACA,QAAM4B,SAAS,GAAGN,UAAU,CAACK,IAAD,CAA5B;AACAN,IAAAA,SAAS;AACP,0CAAK,SAAS,EAAER,yBAAyB,EAAzC;AACE,iCAAC,SAAD,IAAW,IAAI,EAAEZ,IAAjB,GADF,CADF;;;AAKD,GAZD,MAYO;AACLoB,IAAAA,SAAS;AACP;AACE,MAAA,SAAS,EAAEZ,OAAO,CAACK,EAAR;AACRF,MAAAA,MAAM,CAACZ,KAAP,EADQ,IACS,IADT;AAERY,MAAAA,MAAM,CAACiB,YAAP,CAAoBnB,KAApB,CAFQ,IAEqB,CAACL,OAAD,IAAYE,OAAZ,IAAuB,CAACH,QAF7C;AAGRQ,MAAAA,MAAM,CAACkB,UAAP,CAAkBpB,KAAlB,CAHQ,IAGmB,CAACL,OAAD,IAAYC,KAAZ,IAAqB,CAACF,QAHzC;AAIRQ,MAAAA,MAAM,CAACmB,UAAP,CAAkBrB,KAAlB,CAJQ,IAImB,CAACL,OAAD,IAAYG,SAAZ,IAAyB,CAACJ,QAJ7C;AAKRQ,MAAAA,MAAM,CAACoB,SAAP,EALQ,IAKahC,KAAK,KAAK,MALvB,gBADb;;;AASE,0CAAK,SAAS,EAAES,OAAO,CAACK,EAAR,CAAWE,uBAAciB,WAAzB,EAAsCjB,uBAAckB,cAApD,CAAhB,GATF;AAUE,0CAAK,SAAS,EAAEzB,OAAO,CAACK,EAAR,CAAWE,uBAAciB,WAAzB,EAAsCjB,uBAAcmB,iBAApD,CAAhB,GAVF,CADF;;;AAcD;;AAED,SAAOd,SAAP;AACD,CAvDD;;AAyDO,SAASe,cAAT;AACLC,KADK;AAEL3B,KAFK;AAGLD,OAHK;AAI8B;AACnC,MAAMG,MAAM,GAAG,wBAAUH,OAAV,CAAf;;AAEA,MAAQT,KAAR,GAA6BqC,KAA7B,CAAQrC,KAAR,CAAeC,IAAf,GAA6BoC,KAA7B,CAAepC,IAAf,CAAqBqC,GAArB,GAA6BD,KAA7B,CAAqBC,GAArB;AACA,MAAM3B,YAAY,GAAG,+BAAYD,KAAZ,CAArB;AACA,MAAM6B,SAAS,GAAGD,GAAG,KAAK,MAAR,KAAmBtC,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK,MAA/C,CAAlB;;AAEA,MAAMwC,aAAa;AACjB,GAAC7B,YAAD,IAAiB4B,SAAjB;AACI,IADJ;AAEI9B,EAAAA,OAAO,CAACK,EAAR;AACEd,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCW,MAAM,CAAC6B,uBAAP,CAA+B/B,KAA/B,CADxC;AAEEV,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,QAA3B,IAAuCW,MAAM,CAAC8B,wBAAP,CAAgChC,KAAhC,CAFzC;AAGEV,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCW,MAAM,CAAC+B,uBAAP,CAA+BjC,KAA/B,CAHxC;AAIEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCW,MAAM,CAACgC,sBAAP,CAA8BlC,KAA9B,CAJ1C;AAKEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,QAA7B,IAAyCW,MAAM,CAACiC,uBAAP,CAA+BnC,KAA/B,CAL3C;AAMEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCW,MAAM,CAACkC,sBAAP,CAA8BpC,KAA9B,CAN1C,CAHN;;;AAYA,MAAMqC,aAAa;AACjBpC,EAAAA,YAAY,IAAI4B,SAAhB;AACI,IADJ;AAEI9B,EAAAA,OAAO,CAACK,EAAR;AACGF,EAAAA,MAAM,CAACoC,SAAP,EADH,IACwBhD,KAAK,KAAK,IADlC;AAEGY,EAAAA,MAAM,CAACqC,aAAP,EAFH,IAE4BjD,KAAK,KAAK,MAFtC,gBAHN;;;AAQA,MAAMqB,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 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.js CHANGED Viewed

@@ -1,16 +1,15 @@
-"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 _useTheme = require("../../lib/theming/useTheme");
-var _Button = require("./Button.styles");
 var _ButtonIcon = require("./ButtonIcon.styles");
-var _LoadingButtonIcon = require("./LoadingButtonIcon");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 _LoadingButtonIcon = require("./LoadingButtonIcon");
@@ -27,7 +26,7 @@ var getButtonIconSizes = function getButtonIconSizes(theme) {
 };exports.getButtonIconSizes = getButtonIconSizes;
 var useIcon = function useIcon(icon, size) {
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  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] });
@@ -44,27 +43,30 @@ var ButtonIcon = function ButtonIcon(_ref)
-{var _cx;var icon = _ref.icon,use = _ref.use,position = _ref.position,hasChildren = _ref.hasChildren,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_ref$hasBothIcons = _ref.hasBothIcons,hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size;
-  var theme = (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 [
-        _ButtonIcon.styles.iconLarge(theme),
-        position === 'left' ? _ButtonIcon.styles.iconLargeLeft(theme) : _ButtonIcon.styles.iconLargeRight(theme)];
+        styles.iconLarge(theme),
+        position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
       case 'medium':
         return [
-        _ButtonIcon.styles.iconMedium(theme),
-        position === 'left' ? _ButtonIcon.styles.iconMediumLeft(theme) : _ButtonIcon.styles.iconMediumRight(theme)];
+        styles.iconMedium(theme),
+        position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
       case 'small':
       default:
         return [
-        _ButtonIcon.styles.iconSmall(theme),
-        position === 'left' ? _ButtonIcon.styles.iconSmallLeft(theme) : _ButtonIcon.styles.iconSmallRight(theme)];}
+        styles.iconSmall(theme),
+        position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];}
   };
@@ -81,10 +83,10 @@ var ButtonIcon = function ButtonIcon(_ref)
   return /*#__PURE__*/(
     _react.default.createElement("span", {
       style: style,
-      className: (0, _Emotion.cx)(_Button.globalClasses.icon, _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)) },
+      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 && !hasBothIcons ? /*#__PURE__*/_react.default.createElement(_LoadingButtonIcon.LoadingButtonIcon, { isCentered: false, size: size }) : _icon));

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","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","~~globalClasses~~","iconNoMargin","iconLeftLink","iconRightLink"],"mappings":"~~gGAAA~~;;;AAGA;AACA;AACA;AACA~~;;;;AAIA;AACA;AACA,wD~~;;;;;;;;AAQO,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;;AAQP,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAYC,IAAZ,EAA+B;AAC7C,MAAMV,KAAK,GAAG,~~uBAAWW,0BAAX,CAAd~~;AACA,~~MAAIF~~,IAAI,IAAI,+BAAYT,KAAZ,CAAR,IAA8B,yBAAaS,IAAb,CAAlC,EAAsD;AACpD,~~QAAMG~~,KAAK,~~GAAGb~~,kBAAkB,CAACC,KAAD,CAAhC;AACA,~~wBAAOa~~,eAAMC,YAAN,~~CAAmBL~~,IAAnB,EAAyB,EAAEC,IAAI,sBAAED,IAAI,~~CAACM~~,KAAL,~~CAAWL~~,IAAb,+~~BAAqBE~~,KAAK,~~CAACF~~,IAAD,CAAhC,EAAzB,CAAP;AACD;;AAED,SAAOD,IAAP;AACD,CARD;;AAUO,~~IAAMO~~,UAAoD,GAAG,SAAvDA,UAAuD;;;;;;;;AAQ9D,~~aAPJP~~,IAOI,QAPJA,IAOI,~~CANJQ~~,GAMI,QANJA,GAMI,CALJC,QAKI,QALJA,QAKI,CAJJC,WAII,QAJJA,WAII,qBAHJC,OAGI,CAHJA,OAGI,6BAHM,KAGN,yCAFJC,YAEI,CAFJA,YAEI,kCAFW,KAEX,~~sCADJX~~,IACI,CADJA,IACI,0BADG,OACH;AACJ,MAAMV,KAAK,GAAG,~~uBAAWW~~,~~0BAAX~~,~~CAAd~~;AACA,~~MAAMW~~,MAAM,~~GAAGL~~,GAAG,KAAK,MAAvB;;AAEA,~~MAAMM~~,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,~~YAAQb~~,IAAR;AACE,WAAK,OAAL;AACE,eAAO;~~AACLc~~,~~2BAAOC~~,SAAP,CAAiBzB,KAAjB,CADK;~~AAELkB~~,QAAAA,QAAQ,KAAK,MAAb,~~GAAsBM~~,~~mBAAOE~~,aAAP,CAAqB1B,KAArB,CAAtB,~~GAAoDwB~~,~~mBAAOG~~,cAAP,CAAsB3B,KAAtB,CAF/C,CAAP;;AAIF,WAAK,QAAL;AACE,eAAO;~~AACLwB~~,~~2BAAOI~~,UAAP,CAAkB5B,KAAlB,CADK;~~AAELkB~~,QAAAA,QAAQ,KAAK,MAAb,~~GAAsBM~~,~~mBAAOK~~,cAAP,CAAsB7B,KAAtB,CAAtB,~~GAAqDwB~~,~~mBAAOM~~,eAAP,CAAuB9B,KAAvB,CAFhD,CAAP;;AAIF,WAAK,OAAL;AACA;AACE,eAAO;~~AACLwB~~,~~2BAAOO~~,SAAP,CAAiB/B,KAAjB,CADK;~~AAELkB~~,QAAAA,QAAQ,KAAK,MAAb,~~GAAsBM~~,~~mBAAOQ~~,aAAP,CAAqBhC,KAArB,CAAtB,~~GAAoDwB~~,~~mBAAOS~~,cAAP,CAAsBjC,KAAtB,CAF/C,CAAP,CAbJ;;;AAkBD,GAnBD;;AAqBA,MAAMkC,KAA0B,GAAG,+BAAYlC,KAAZ;AAC/B;AACEmC,IAAAA,OAAO,EAAE,aADX;AAEEC,IAAAA,UAAU,EAAE,QAFd,EAD+B;;AAK/B,IALJ;;AAOA,MAAMC,KAAK,GAAG7B,OAAO,CAACC,IAAD,EAAOC,IAAP,CAArB;;AAEA;AACE;AACE,MAAA,KAAK,EAAEwB,KADT;AAEE,MAAA,SAAS,~~EAAE~~,~~iBAAGI~~,~~sBAAc7B~~,~~IAAjB~~,~~EAAuBe~~,~~mBAAOf~~,IAAP,CAAYT,KAAZ,~~CAAvB~~,~~EAA2CuB~~,oBAAoB,~~EAA/D~~;~~AACRC~~,~~yBAAOe~~,YAAP,EADQ,IACgB,~~CAACpB~~,WADjB;~~AAERK~~,~~yBAAOgB~~,YAAP,CAAoBxC,KAApB,CAFQ,~~IAEqBsB~~,MAAM,~~IAAIJ~~,QAAQ,KAAK,MAF5C;~~AAGRM~~,~~yBAAOiB~~,aAAP,CAAqBzC,KAArB,CAHQ,~~IAGsBsB~~,MAAM,~~IAAIJ~~,QAAQ,KAAK,OAH7C,~~OAFb~~;;;AAQGE,IAAAA,OAAO,IAAI,CAACC,YAAZ,gBAA2B,6BAAC,oCAAD,IAAmB,UAAU,EAAE,KAA/B,EAAsC,IAAI,~~EAAEX~~,IAA5C,GAA3B,GAAkF2B,KARrF,CADF;;;AAYD,~~CAtDM~~,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 { ~~SizeProp~~ } from '../../lib/~~types~~/~~props~~';\n\nimport { ButtonProps } from './Button';\nimport { ~~globalClasses~~ } from './~~Button.styles';\nimport { styles } from './~~ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonProps, 'size' \| 'icon' \| 'loading' \| 'use'> {\n position: 'right' \| 'left';\n hasChildren: boolean;\n hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n return {\n small: parseInt(theme.btnIconSizeSmall),\n medium: parseInt(theme.btnIconSizeMedium),\n large: parseInt(theme.btnIconSizeLarge),\n };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n const theme = ~~useContext~~(~~ThemeContext~~);\n if (icon && isTheme2022(theme) && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n }\n\n return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n use,\n position,\n hasChildren,\n loading = false,\n hasBothIcons = false,\n size = 'small',\n}) => {\n const theme = ~~useContext~~(~~ThemeContext~~);\n const isLink = use === 'link';\n\n const getSizeIconClassName = () => {\n switch (size) {\n case 'large':\n return [\n styles.iconLarge(theme),\n position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n ];\n case 'medium':\n return [\n styles.iconMedium(theme),\n position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n ];\n case 'small':\n default:\n return [\n styles.iconSmall(theme),\n position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n ];\n }\n };\n\n const style: React.CSSProperties = isTheme2022(theme)\n ? {\n display: 'inline-flex',\n alignItems: 'center',\n }\n : {};\n\n const _icon = useIcon(icon, size);\n\n return (\n <span\n style={style}\n className={cx(~~globalClasses.icon,~~ styles.icon(theme), getSizeIconClassName(), {\n [styles.iconNoMargin()]: !hasChildren,\n [styles.iconLeftLink(theme)]: isLink && position === 'left',\n [styles.iconRightLink(theme)]: isLink && position === 'right',\n })}\n >\n {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n </span>\n );\n};\n"]}
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"]}

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

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: (emotion: Emotion) => {
     icon(t: Theme): string;
     iconSmall(t: Theme): string;
     iconSmallLeft(t: Theme): string;