npm - @skbkontur/react-ui - Versions diffs - 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72 - Mend

@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

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 (1181) 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","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"]}
1	+ {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","link","disabled","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","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","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","disableTextSelect","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 link: 'link',\n disabled: 'disabled',\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 &.${globalClasses.link}:hover svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg,\n &.${globalClasses.link}.${globalClasses.disabled} svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg,\n &.${globalClasses.link} 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 pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n 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 &.${globalClasses.link}:hover {\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 &.${globalClasses.link}:active {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled,\n &.${globalClasses.link}:hover {\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 &.${globalClasses.link}:active {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled,\n &.${globalClasses.link}:hover {\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 &.${globalClasses.link}:active {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled,\n &.${globalClasses.link}:hover {\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 &.${globalClasses.link}:active {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled,\n &.${globalClasses.link}:hover {\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 &.${globalClasses.link}:active {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover {\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 &.${globalClasses.link}:hover {\n ${buttonHoverMixin(\n t.btnTextHoverBg,\n '',\n '',\n t.btnTextHoverTextColor,\n t.btnTextHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled,\n &.${globalClasses.link}:active {\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 &.${globalClasses.link}:hover {\n ${buttonHoverMixin(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled,\n &.${globalClasses.link}:active {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n backlessDisabled2022(t: Theme) {\n return css`\n box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n `;\n },\n\n textDisabled2022() {\n return css`\n background-color: transparent;\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n\n disableTextSelect() {\n return css`\n -webkit-touch-callout: none; / iOS Safari /\n -webkit-user-select: none; / Safari /\n -khtml-user-select: none; / Konqueror HTML /\n -moz-user-select: none; / Old versions of Firefox /\n -ms-user-select: none; / Internet Explorer/Edge /\n user-select: none; / Non-prefixed version, currently\n supported by Chrome, Edge, Opera and Firefox */\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive)};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}

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

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

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

@@ -1,10 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireWildcard(require("react"));
 var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _useTheme = require("../../lib/theming/useTheme");
 var _ArrowRightIcon = require("./ArrowRightIcon");
 var _ArrowLeftIcon = require("./ArrowLeftIcon");
@@ -24,17 +23,15 @@ 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 emotion = (0, _Emotion.useEmotion)();
-  var theme = (0, _useTheme.useTheme)();
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
-  var styles = (0, _Button2.getStyles)(emotion);
-  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));
+  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));
   };
@@ -52,19 +49,19 @@ var ButtonArrow = function ButtonArrow(_ref)
     _react.default.createElement(ArrowIcon, { size: size }));
-  } else {var _emotion$cx2;
+  } else {var _cx2;
     arrowNode = /*#__PURE__*/
     _react.default.createElement("div", {
-      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__*/
+      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__*/
-    _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) }));
+    _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) }));
   }
@@ -72,13 +69,7 @@ var ButtonArrow = function ButtonArrow(_ref)
   return arrowNode;
 };
-function useButtonArrow(
-props,
-theme,
-emotion)
-{var _emotion$cx3;
-  var styles = (0, _Button2.getStyles)(emotion);
+function useButtonArrow(props, theme) {var _cx3;
   var arrow = props.arrow,size = props.size,use = props.use;
   var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
   var canRender = use !== 'link' && (arrow === true || arrow === 'left');
@@ -86,21 +77,21 @@ emotion)
   var rootClassName =
   !_isTheme2022 && canRender ?
   '' :
-  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));
+  (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));
   var wrapClassName =
   _isTheme2022 && canRender ?
   '' :
-  emotion.cx((_emotion$cx3 = {}, _emotion$cx3[
-  styles.wrapArrow()] = arrow === true, _emotion$cx3[
-  styles.wrapArrowLeft()] = arrow === 'left', _emotion$cx3));
+  (0, _Emotion.cx)((_cx3 = {}, _cx3[
+  _Button2.styles.wrapArrow()] = arrow === true, _cx3[
+  _Button2.styles.wrapArrowLeft()] = arrow === 'left', _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","~~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"]}
1	+ {"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","theme","ThemeContext","_isTheme2022","getArrowIconRootClassName","styles","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' \| 'arrow' \| 'checked' \| 'disabled' \| 'error' \| 'use' \| 'warning'> & {\n isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n arrow,\n size = Button.defaultProps.size,\n disabled,\n checked,\n error,\n warning,\n isFocused,\n}) => {\n const theme = useContext(ThemeContext);\n const _isTheme2022 = isTheme2022(theme);\n\n const getArrowIconRootClassName = () => {\n return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n [styles.arrowIconRootSmall(theme)]: size === 'small',\n [styles.arrowIconRootMedium(theme)]: size === 'medium',\n [styles.arrowIconRootLarge(theme)]: size === 'large',\n [styles.arrowIconLeft()]: arrow === 'left',\n });\n };\n\n let arrowNode = null;\n\n if (_isTheme2022) {\n const arrowIcons = {\n right: ArrowRightIcon,\n left: ArrowLeftIcon,\n };\n const side = arrow === 'left' ? 'left' : 'right';\n const ArrowIcon = arrowIcons[side];\n arrowNode = (\n <div className={getArrowIconRootClassName()}>\n <ArrowIcon size={size} />\n </div>\n );\n } else {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n [styles.arrowError(theme)]: !checked && error && !disabled,\n [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode] {\n const { arrow, size, use } = props;\n const _isTheme2022 = isTheme2022(theme);\n const canRender = use !== 'link' && (arrow === true \|\| arrow === 'left');\n\n const rootClassName =\n !_isTheme2022 && canRender\n ? ''\n : cx(\n arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n );\n\n const wrapClassName =\n _isTheme2022 && canRender\n ? ''\n : cx({\n [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n });\n\n const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n return [wrapClassName, rootClassName, arrowNode];\n}\n"]}

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

@@ -1,11 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../lib/utils");
 var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _useTheme = require("../../lib/theming/useTheme");
 var _ButtonIcon = require("./ButtonIcon.styles");
@@ -26,7 +26,7 @@ var getButtonIconSizes = function getButtonIconSizes(theme) {
 };exports.getButtonIconSizes = getButtonIconSizes;
 var useIcon = function useIcon(icon, size) {
-  var theme = (0, _useTheme.useTheme)();
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   if (icon && (0, _ThemeHelpers.isTheme2022)(theme) && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;
     var sizes = getButtonIconSizes(theme);
     return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size] });
@@ -43,30 +43,27 @@ var ButtonIcon = function ButtonIcon(_ref)
-{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 _cx;var icon = _ref.icon,use = _ref.use,position = _ref.position,hasChildren = _ref.hasChildren,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_ref$hasBothIcons = _ref.hasBothIcons,hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var isLink = use === 'link';
   var getSizeIconClassName = function getSizeIconClassName() {
     switch (size) {
       case 'large':
         return [
-        styles.iconLarge(theme),
-        position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
+        _ButtonIcon.styles.iconLarge(theme),
+        position === 'left' ? _ButtonIcon.styles.iconLargeLeft(theme) : _ButtonIcon.styles.iconLargeRight(theme)];
       case 'medium':
         return [
-        styles.iconMedium(theme),
-        position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
+        _ButtonIcon.styles.iconMedium(theme),
+        position === 'left' ? _ButtonIcon.styles.iconMediumLeft(theme) : _ButtonIcon.styles.iconMediumRight(theme)];
       case 'small':
       default:
         return [
-        styles.iconSmall(theme),
-        position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];}
+        _ButtonIcon.styles.iconSmall(theme),
+        position === 'left' ? _ButtonIcon.styles.iconSmallLeft(theme) : _ButtonIcon.styles.iconSmallRight(theme)];}
   };
@@ -83,10 +80,10 @@ var ButtonIcon = function ButtonIcon(_ref)
   return /*#__PURE__*/(
     _react.default.createElement("span", {
       style: style,
-      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)) },
+      className: (0, _Emotion.cx)(_ButtonIcon.styles.icon(theme), getSizeIconClassName(), (_cx = {}, _cx[
+      _ButtonIcon.styles.iconNoMargin()] = !hasChildren, _cx[
+      _ButtonIcon.styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[
+      _ButtonIcon.styles.iconRightLink(theme)] = isLink && position === 'right', _cx)) },
     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","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":"~~6LAAA~~;;;AAGA;AACA;AACA~~;;AAEA;;;AAGA~~;AACA;;;;;;;;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,~~yBAAd~~;AACA,~~MAAIS~~,IAAI,IAAI,+BAAYT,KAAZ,CAAR,IAA8B,yBAAaS,IAAb,CAAlC,EAAsD;AACpD,~~QAAME~~,KAAK,~~GAAGZ~~,kBAAkB,CAACC,KAAD,CAAhC;AACA,~~wBAAOY~~,eAAMC,YAAN,~~CAAmBJ~~,IAAnB,EAAyB,EAAEC,IAAI,sBAAED,IAAI,~~CAACK~~,KAAL,~~CAAWJ~~,IAAb,+~~BAAqBC~~,KAAK,~~CAACD~~,IAAD,CAAhC,EAAzB,CAAP;AACD;;AAED,SAAOD,IAAP;AACD,CARD;;AAUO,~~IAAMM~~,UAAoD,GAAG,SAAvDA,UAAuD;;;;;;;;AAQ9D,~~qBAPJN~~,IAOI,QAPJA,IAOI,~~CANJO~~,GAMI,QANJA,GAMI,CALJC,QAKI,QALJA,QAKI,CAJJC,WAII,QAJJA,WAII,qBAHJC,OAGI,CAHJA,OAGI,6BAHM,KAGN,yCAFJC,YAEI,CAFJA,YAEI,kCAFW,KAEX,~~sCADJV~~,IACI,CADJA,IACI,0BADG,OACH;AACJ,MAAMV,KAAK,GAAG,~~yBAAd;AACA~~,~~MAAMqB~~,~~OAAO,GAAG,0BAAhB~~;AACA,~~MAAMC~~,MAAM,~~GAAG~~,~~2BAAUD,OAAV,CAAf;;AAEA,MAAME,MAAM,GAAGP,~~GAAG,KAAK,MAAvB;;AAEA,~~MAAMQ~~,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,~~YAAQd~~,IAAR;AACE,WAAK,OAAL;AACE,eAAO;~~AACLY~~,~~QAAAA~~,~~MAAM,CAACG,~~SAAP,CAAiBzB,KAAjB,CADK;~~AAELiB~~,QAAAA,QAAQ,KAAK,MAAb,~~GAAsBK~~,~~MAAM~~,~~CAACI,~~aAAP,CAAqB1B,KAArB,CAAtB,~~GAAoDsB~~,~~MAAM~~,~~CAACK,~~cAAP,CAAsB3B,KAAtB,CAF/C,CAAP;;AAIF,WAAK,QAAL;AACE,eAAO;~~AACLsB~~,~~QAAAA~~,~~MAAM,CAACM,~~UAAP,CAAkB5B,KAAlB,CADK;~~AAELiB~~,QAAAA,QAAQ,KAAK,MAAb,~~GAAsBK~~,~~MAAM~~,~~CAACO,~~cAAP,CAAsB7B,KAAtB,CAAtB,~~GAAqDsB~~,~~MAAM~~,~~CAACQ,~~eAAP,CAAuB9B,KAAvB,CAFhD,CAAP;;AAIF,WAAK,OAAL;AACA;AACE,eAAO;~~AACLsB~~,~~QAAAA~~,~~MAAM,CAACS,~~SAAP,CAAiB/B,KAAjB,CADK;~~AAELiB~~,QAAAA,QAAQ,KAAK,MAAb,~~GAAsBK~~,~~MAAM~~,~~CAACU,~~aAAP,CAAqBhC,KAArB,CAAtB,~~GAAoDsB~~,~~MAAM~~,~~CAACW,~~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,~~EAAEb~~,~~OAAO~~,~~CAACiB~~,~~EAAR,CAAWhB,MAAM,CAACb,~~IAAP,CAAYT,KAAZ,~~CAAX~~,~~EAA+BwB~~,oBAAoB,~~EAAnD~~;~~AACRF~~,~~MAAAA~~,~~MAAM,CAACiB,~~YAAP,EADQ,IACgB,~~CAACrB~~,WADjB;~~AAERI~~,~~MAAAA~~,~~MAAM,CAACkB,~~YAAP,~~CAAoBxC~~,KAApB,CAFQ,~~IAEqBuB~~,MAAM,~~IAAIN~~,QAAQ,KAAK,MAF5C;~~AAGRK~~,~~MAAAA~~,~~MAAM,CAACmB,~~aAAP,~~CAAqBzC~~,KAArB,CAHQ,~~IAGsBuB~~,MAAM,~~IAAIN~~,QAAQ,KAAK,OAH7C,~~eAFb~~;;;AAQGE,IAAAA,OAAO,IAAI,CAACC,YAAZ,gBAA2B,6BAAC,oCAAD,IAAmB,UAAU,EAAE,KAA/B,EAAsC,IAAI,~~EAAEV~~,IAA5C,GAA3B,GAAkF2B,KARrF,CADF;;;AAYD,~~CAzDM~~,C","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"]}
1	+ {"version":3,"sources":["ButtonIcon.tsx"],"names":["getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","ThemeContext","sizes","React","cloneElement","props","ButtonIcon","use","position","hasChildren","loading","hasBothIcons","isLink","getSizeIconClassName","styles","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","iconNoMargin","iconLeftLink","iconRightLink"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { ButtonProps } from './Button';\nimport { styles } from './ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonProps, 'size' \| 'icon' \| 'loading' \| 'use'> {\n position: 'right' \| 'left';\n hasChildren: boolean;\n hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n return {\n small: parseInt(theme.btnIconSizeSmall),\n medium: parseInt(theme.btnIconSizeMedium),\n large: parseInt(theme.btnIconSizeLarge),\n };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n const theme = useContext(ThemeContext);\n if (icon && isTheme2022(theme) && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n }\n\n return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n use,\n position,\n hasChildren,\n loading = false,\n hasBothIcons = false,\n size = 'small',\n}) => {\n const theme = useContext(ThemeContext);\n const isLink = use === 'link';\n\n const getSizeIconClassName = () => {\n switch (size) {\n case 'large':\n return [\n styles.iconLarge(theme),\n position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n ];\n case 'medium':\n return [\n styles.iconMedium(theme),\n position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n ];\n case 'small':\n default:\n return [\n styles.iconSmall(theme),\n position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n ];\n }\n };\n\n const style: React.CSSProperties = isTheme2022(theme)\n ? {\n display: 'inline-flex',\n alignItems: 'center',\n }\n : {};\n\n const _icon = useIcon(icon, size);\n\n return (\n <span\n style={style}\n className={cx(styles.icon(theme), getSizeIconClassName(), {\n [styles.iconNoMargin()]: !hasChildren,\n [styles.iconLeftLink(theme)]: isLink && position === 'left',\n [styles.iconRightLink(theme)]: isLink && position === 'right',\n })}\n >\n {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n </span>\n );\n};\n"]}

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

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