npm - @skbkontur/react-ui - Versions diffs - 4.16.0-next.9 → 4.16.0 - Mend

@skbkontur/react-ui 4.16.0-next.9 → 4.16.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","css","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","arrowWarning","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n 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 pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n & {\n ${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","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","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","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n 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.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n & {\n ${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/ComboBox/ComboBox.d.ts CHANGED Viewed

@@ -38,7 +38,7 @@ export interface ComboBoxProps<T> extends Pick<DropdownContainerProps, 'menuPos'
      * Элементы могут быть любого типа. В этом случае необходимо определить
      * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`
      */
-    getItems: (query: string) => Promise<T[]>;
+    getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;
     /**
      * Необходим для сравнения полученных результатов с `value`
      * @default item => item.label
@@ -91,7 +91,7 @@ export interface ComboBoxProps<T> extends Pick<DropdownContainerProps, 'menuPos'
      *    }
      * }}
      */
-    itemWrapper?: (item?: T) => React.ComponentType<unknown>;
+    itemWrapper?: (item: T) => React.ComponentType<unknown>;
     /**
      * Функция для отрисовки сообщения о пустом результате поиска
      * Если есть renderAddButton - не работает
@@ -144,6 +144,7 @@ export interface ComboBoxItem {
     value: string;
     label: string;
 }
+export declare type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;
 declare type DefaultProps<T> = Required<Pick<ComboBoxProps<T>, 'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'>>;
 export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
     static __KONTUR_REACT_UI__: string;

package/cjs/components/ComboBox/ComboBox.js CHANGED Viewed

@@ -192,6 +192,8 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _cla
@@ -320,4 +322,4 @@ ComboBox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
    */;_proto.selectInputText = function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
    * Сбрасывает введенное пользователем значение
    * @public
-   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBox', _class2.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true }, _temp)) || _class;exports.ComboBox = ComboBox;
+   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBox', _class2.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true }, _temp)) || _class;exports.ComboBox = ComboBox;

package/cjs/components/ComboBox/ComboBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ComboBox.tsx"],"names":["ComboBox","rootNode","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","focus","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","React","Component","__KONTUR_REACT_UI__","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"mappings":"sUAAA;;;AAGA;;;;;AAKA;AACA,gE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4LaA,Q,OADZC,kB;;;;;;;;;;;;;AAcSC,IAAAA,Q,GAAW,0CAAkBF,QAAQ,CAACG,YAA3B,C;;AAEXC,IAAAA,e,GAA+C,I;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqF/CC,IAAAA,iB,GAAoB,UAACC,OAAD,EAA0C;AACpE,YAAKC,WAAL,CAAiBD,OAAjB;AACA,YAAKF,eAAL,GAAuBE,OAAvB;AACD,K,gDArFD;AACF;AACA,K,OACSE,K,GAAP,iBAAe,CACb,IAAI,KAAKJ,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBI,KAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,IAAI,KAAKL,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBK,IAArB,GACD,CACF,C,CAED;AACF;AACA;AACA;AACA;AACA;AACA,K,QACSC,M,GAAP,gBAAcC,KAAd,EAA8B,CAC5B,IAAI,KAAKP,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBM,MAArB,CAA4BC,KAA5B,EACD,CACF,C,CAED;AACF;AACA,K,QACSC,Y,GAAP,wBAAsB,CACpB,IAAI,KAAKR,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBQ,YAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,IAAI,KAAKT,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBS,IAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKV,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBU,KAArB,GACD,CACF,C,CAED;AACF;AACA;AACA,K,QACSC,e,GAAP,2BAAyB,CACvB,IAAI,KAAKX,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBW,eAArB,GACD,CACF,C,CAED;AACF;AACA;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKZ,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBY,KAArB,GACD,CACF,C,QAEMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,8BAAD,6BAAoB,KAAKf,QAAL,EAApB,IAAqC,GAAG,EAAE,KAAKG,iBAA/C,IAAP,CACD,C,mBAlG6Ca,eAAMC,S,WACtCC,mB,GAAsB,U,UAEtBjB,Y,GAAkC,EAC9CkB,WAAW,EAAE,qBAACC,IAAD,UAAwBA,IAAI,CAACC,KAA7B,EADiC,EAE9CC,aAAa,EAAE,uBAACF,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAF+B,EAG9CC,WAAW,EAAE,qBAACJ,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAHiC,EAI9CE,UAAU,EAAE,oBAACL,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAJkC,EAK9CG,SAAS,EAAE,MALmC,EAM9CC,aAAa,EAAE,IAN+B,EAO9CC,SAAS,EAAE,IAPmC,E","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface ComboBoxProps<T>\n extends Pick<DropdownContainerProps, 'menuPos'>,\n Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n CommonProps {\n align?: 'left' \| 'center' \| 'right';\n /*\n Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода\n * @default true\n /\n searchOnFocus?: boolean;\n /\n Рисует справа иконку в виде стрелки\n * @default true\n /\n drawArrow?: boolean;\n\n autoFocus?: boolean;\n\n borderless?: boolean;\n\n /\n Не использовать Portal для рендеринга меню.\n * См. https://github.com/skbkontur/retail-ui/issues/15\n * @default false\n /\n disablePortal?: boolean;\n\n disabled?: boolean;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n\n leftIcon?: InputIconType;\n\n rightIcon?: InputIconType;\n\n /\n Функция поиска элементов, должна возвращать Promise с массивом элементов.\n * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n \n Элементы могут быть любого типа. В этом случае необходимо определить\n * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`\n /\n getItems: (query: string) => Promise<T[]>;\n\n /\n Необходим для сравнения полученных результатов с `value`\n * @default item => item.label\n /\n itemToValue?: (item: T) => string \| number;\n\n maxLength?: number;\n\n menuAlign?: 'left' \| 'right';\n\n onBlur?: () => void;\n\n /* Вызывается при изменении `value` /\n onValueChange?: (value: T) => void;\n\n onFocus?: () => void;\n\n /\n Вызывается при изменении текста в поле ввода,\n * если результатом функции будет строка,\n * то она станет следующим состоянием полем ввода\n /\n onInputValueChange?: (value: string) => Nullable<string> \| void;\n\n /\n Функция для обработки ситуации, когда была введена\n * строка в инпут и был потерян фокус с элемента.\n \n Если при потере фокуса в выпадающем списке будет только один\n * элемент и результат `renderValue` с этим элементом будет\n * совпадать со значение в текстовом поле, то\n * сработает onValueChange со значением данного элемента\n \n Сама функция также может вернуть значение,\n * неравное `undefined`,\n * с которым будет вызван onValueChange.\n /\n onUnexpectedInput?: (value: string) => void \| null \| T;\n\n placeholder?: string;\n\n /\n Функция отрисовки элементов результата поиска.\n * Не применяется если элемент является функцией или React-элементом\n * @default item => item.label\n /\n renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n /\n Компонент, заменяющий собой обёртку элементов результата поиска.\n \n По умолчанию все элементы результата поиска оборачиваются в тег `<button />`.\n \n @example\n * itemWrapper={(item) => {\n * if (item.value === 3) {\n * return (props) => {\n * return <a {...props} />\n * }\n * }\n * }}\n /\n itemWrapper?: (item?: T) => React.ComponentType<unknown>;\n\n /\n Функция для отрисовки сообщения о пустом результате поиска\n * Если есть renderAddButton - не работает\n /\n renderNotFound?: () => React.ReactNode;\n\n /\n Функция отображающая сообщение об общем количестве элементов.\n * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n /\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n /\n Функция отрисовки выбранного значения\n * @default item => item.label\n /\n renderValue?: (item: T) => React.ReactNode;\n\n /\n Функция отрисовки кнопки добавления в выпадающем списке\n /\n renderAddButton?: (query?: string) => React.ReactNode;\n\n /\n Общее количество элементов.\n * Необходим для работы `renderTotalCount`\n /\n totalCount?: number;\n\n /\n Выбранное значение\n * Ожидается, что `value` того же типа что и элементы в массиве,\n * возвращаемом в `getItems`\n /\n value?: Nullable<T>;\n\n /\n Необходим для преобразования `value` в строку при фокусировке\n * @default item => item.label\n /\n valueToString?: (item: T) => string;\n\n size?: 'small' \| 'medium' \| 'large';\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n\n width?: string \| number;\n\n maxMenuHeight?: number \| string;\n\n onMouseEnter?: (e: React.MouseEvent) => void;\n\n onMouseOver?: (e: React.MouseEvent) => void;\n\n onMouseLeave?: (e: React.MouseEvent) => void;\n\n onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n value: string;\n label: string;\n}\n\ntype DefaultProps<T> = Required<\n Pick<\n ComboBoxProps<T>,\n 'itemToValue' \| 'valueToString' \| 'renderValue' \| 'renderItem' \| 'menuAlign' \| 'searchOnFocus' \| 'drawArrow'\n >\n>;\n\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n public static __KONTUR_REACT_UI__ = 'ComboBox';\n\n public static defaultProps: DefaultProps<any> = {\n itemToValue: (item: ComboBoxItem) => item.value,\n valueToString: (item: ComboBoxItem) => item.label,\n renderValue: (item: ComboBoxItem) => item.label,\n renderItem: (item: ComboBoxItem) => item.label,\n menuAlign: 'left',\n searchOnFocus: true,\n drawArrow: true,\n };\n\n private getProps = createPropsGetter(ComboBox.defaultProps);\n\n private comboboxElement: Nullable<CustomComboBox<T>> = null;\n private setRootNode!: TSetRootNode;\n\n /\n @public\n /\n public focus() {\n if (this.comboboxElement) {\n this.comboboxElement.focus();\n }\n }\n\n /\n @public\n /\n public blur() {\n if (this.comboboxElement) {\n this.comboboxElement.blur();\n }\n }\n\n /\n Открывает выпадающий список и запускает поиск элементов\n \n @public\n * @param {string} [query] Текст поиска. По умолчанию берется\n * текст из инпута или результат `valueToString(value)`\n /\n public search(query?: string) {\n if (this.comboboxElement) {\n this.comboboxElement.search(query);\n }\n }\n\n /\n @public\n /\n public cancelSearch() {\n if (this.comboboxElement) {\n this.comboboxElement.cancelSearch();\n }\n }\n\n /\n @public Открывает выпадающий список\n /\n public open() {\n if (this.comboboxElement) {\n this.comboboxElement.open();\n }\n }\n\n /\n @public Закрывает выпадающий список\n /\n public close() {\n if (this.comboboxElement) {\n this.comboboxElement.close();\n }\n }\n\n /\n Выделяет текст внутри input\n * @public\n /\n public selectInputText() {\n if (this.comboboxElement) {\n this.comboboxElement.selectInputText();\n }\n }\n\n /\n Сбрасывает введенное пользователем значение\n * @public\n */\n public reset() {\n if (this.comboboxElement) {\n this.comboboxElement.reset();\n }\n }\n\n public render() {\n return <CustomComboBox {...this.getProps()} ref={this.customComboBoxRef} />;\n }\n\n private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n this.setRootNode(element);\n this.comboboxElement = element;\n };\n}\n"]}
1	+ {"version":3,"sources":["ComboBox.tsx"],"names":["ComboBox","rootNode","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","focus","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","props","size","React","Component","__KONTUR_REACT_UI__","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"mappings":"sUAAA;;;AAGA;;;;;AAKA;AACA,gE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8LaA,Q,OADZC,kB;;;;;;;;;;;;;AAcSC,IAAAA,Q,GAAW,0CAAkBF,QAAQ,CAACG,YAA3B,C;;AAEXC,IAAAA,e,GAA+C,I;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqF/CC,IAAAA,iB,GAAoB,UAACC,OAAD,EAA0C;AACpE,YAAKC,WAAL,CAAiBD,OAAjB;AACA,YAAKF,eAAL,GAAuBE,OAAvB;AACD,K,gDArFD;AACF;AACA,K,OACSE,K,GAAP,iBAAe,CACb,IAAI,KAAKJ,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBI,KAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,IAAI,KAAKL,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBK,IAArB,GACD,CACF,C,CAED;AACF;AACA;AACA;AACA;AACA;AACA,K,QACSC,M,GAAP,gBAAcC,KAAd,EAA8B,CAC5B,IAAI,KAAKP,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBM,MAArB,CAA4BC,KAA5B,EACD,CACF,C,CAED;AACF;AACA,K,QACSC,Y,GAAP,wBAAsB,CACpB,IAAI,KAAKR,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBQ,YAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,IAAI,KAAKT,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBS,IAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKV,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBU,KAArB,GACD,CACF,C,CAED;AACF;AACA;AACA,K,QACSC,e,GAAP,2BAAyB,CACvB,IAAI,KAAKX,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBW,eAArB,GACD,CACF,C,CAED;AACF;AACA;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKZ,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBY,KAArB,GACD,CACF,C,QAEMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,8BAAD,6BAAoB,KAAKf,QAAL,EAApB,IAAqC,IAAI,EAAE,KAAKgB,KAAL,CAAWC,IAAtD,EAA4D,GAAG,EAAE,KAAKd,iBAAtE,IAAP,CACD,C,mBAlG6Ce,eAAMC,S,WACtCC,mB,GAAsB,U,UAEtBnB,Y,GAAkC,EAC9CoB,WAAW,EAAE,qBAACC,IAAD,UAAwBA,IAAI,CAACC,KAA7B,EADiC,EAE9CC,aAAa,EAAE,uBAACF,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAF+B,EAG9CC,WAAW,EAAE,qBAACJ,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAHiC,EAI9CE,UAAU,EAAE,oBAACL,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAJkC,EAK9CG,SAAS,EAAE,MALmC,EAM9CC,aAAa,EAAE,IAN+B,EAO9CC,SAAS,EAAE,IAPmC,E","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface ComboBoxProps<T>\n extends Pick<DropdownContainerProps, 'menuPos'>,\n Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n CommonProps {\n align?: 'left' \| 'center' \| 'right';\n /*\n Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода\n * @default true\n /\n searchOnFocus?: boolean;\n /\n Рисует справа иконку в виде стрелки\n * @default true\n /\n drawArrow?: boolean;\n\n autoFocus?: boolean;\n\n borderless?: boolean;\n\n /\n Не использовать Portal для рендеринга меню.\n * См. https://github.com/skbkontur/retail-ui/issues/15\n * @default false\n /\n disablePortal?: boolean;\n\n disabled?: boolean;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n\n leftIcon?: InputIconType;\n\n rightIcon?: InputIconType;\n\n /\n Функция поиска элементов, должна возвращать Promise с массивом элементов.\n * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n \n Элементы могут быть любого типа. В этом случае необходимо определить\n * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`\n /\n getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n /\n Необходим для сравнения полученных результатов с `value`\n * @default item => item.label\n /\n itemToValue?: (item: T) => string \| number;\n\n maxLength?: number;\n\n menuAlign?: 'left' \| 'right';\n\n onBlur?: () => void;\n\n /* Вызывается при изменении `value` /\n onValueChange?: (value: T) => void;\n\n onFocus?: () => void;\n\n /\n Вызывается при изменении текста в поле ввода,\n * если результатом функции будет строка,\n * то она станет следующим состоянием полем ввода\n /\n onInputValueChange?: (value: string) => Nullable<string> \| void;\n\n /\n Функция для обработки ситуации, когда была введена\n * строка в инпут и был потерян фокус с элемента.\n \n Если при потере фокуса в выпадающем списке будет только один\n * элемент и результат `renderValue` с этим элементом будет\n * совпадать со значение в текстовом поле, то\n * сработает onValueChange со значением данного элемента\n \n Сама функция также может вернуть значение,\n * неравное `undefined`,\n * с которым будет вызван onValueChange.\n /\n onUnexpectedInput?: (value: string) => void \| null \| T;\n\n placeholder?: string;\n\n /\n Функция отрисовки элементов результата поиска.\n * Не применяется если элемент является функцией или React-элементом\n * @default item => item.label\n /\n renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n /\n Компонент, заменяющий собой обёртку элементов результата поиска.\n \n По умолчанию все элементы результата поиска оборачиваются в тег `<button />`.\n \n @example\n * itemWrapper={(item) => {\n * if (item.value === 3) {\n * return (props) => {\n * return <a {...props} />\n * }\n * }\n * }}\n /\n itemWrapper?: (item: T) => React.ComponentType<unknown>;\n\n /\n Функция для отрисовки сообщения о пустом результате поиска\n * Если есть renderAddButton - не работает\n /\n renderNotFound?: () => React.ReactNode;\n\n /\n Функция отображающая сообщение об общем количестве элементов.\n * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n /\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n /\n Функция отрисовки выбранного значения\n * @default item => item.label\n /\n renderValue?: (item: T) => React.ReactNode;\n\n /\n Функция отрисовки кнопки добавления в выпадающем списке\n /\n renderAddButton?: (query?: string) => React.ReactNode;\n\n /\n Общее количество элементов.\n * Необходим для работы `renderTotalCount`\n /\n totalCount?: number;\n\n /\n Выбранное значение\n * Ожидается, что `value` того же типа что и элементы в массиве,\n * возвращаемом в `getItems`\n /\n value?: Nullable<T>;\n\n /\n Необходим для преобразования `value` в строку при фокусировке\n * @default item => item.label\n /\n valueToString?: (item: T) => string;\n\n size?: 'small' \| 'medium' \| 'large';\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n\n width?: string \| number;\n\n maxMenuHeight?: number \| string;\n\n onMouseEnter?: (e: React.MouseEvent) => void;\n\n onMouseOver?: (e: React.MouseEvent) => void;\n\n onMouseLeave?: (e: React.MouseEvent) => void;\n\n onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n value: string;\n label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T \| (() => React.ReactElement<T>) \| React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n Pick<\n ComboBoxProps<T>,\n 'itemToValue' \| 'valueToString' \| 'renderValue' \| 'renderItem' \| 'menuAlign' \| 'searchOnFocus' \| 'drawArrow'\n >\n>;\n\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n public static __KONTUR_REACT_UI__ = 'ComboBox';\n\n public static defaultProps: DefaultProps<any> = {\n itemToValue: (item: ComboBoxItem) => item.value,\n valueToString: (item: ComboBoxItem) => item.label,\n renderValue: (item: ComboBoxItem) => item.label,\n renderItem: (item: ComboBoxItem) => item.label,\n menuAlign: 'left',\n searchOnFocus: true,\n drawArrow: true,\n };\n\n private getProps = createPropsGetter(ComboBox.defaultProps);\n\n private comboboxElement: Nullable<CustomComboBox<T>> = null;\n private setRootNode!: TSetRootNode;\n\n /\n @public\n /\n public focus() {\n if (this.comboboxElement) {\n this.comboboxElement.focus();\n }\n }\n\n /\n @public\n /\n public blur() {\n if (this.comboboxElement) {\n this.comboboxElement.blur();\n }\n }\n\n /\n Открывает выпадающий список и запускает поиск элементов\n \n @public\n * @param {string} [query] Текст поиска. По умолчанию берется\n * текст из инпута или результат `valueToString(value)`\n /\n public search(query?: string) {\n if (this.comboboxElement) {\n this.comboboxElement.search(query);\n }\n }\n\n /\n @public\n /\n public cancelSearch() {\n if (this.comboboxElement) {\n this.comboboxElement.cancelSearch();\n }\n }\n\n /\n @public Открывает выпадающий список\n /\n public open() {\n if (this.comboboxElement) {\n this.comboboxElement.open();\n }\n }\n\n /\n @public Закрывает выпадающий список\n /\n public close() {\n if (this.comboboxElement) {\n this.comboboxElement.close();\n }\n }\n\n /\n Выделяет текст внутри input\n * @public\n /\n public selectInputText() {\n if (this.comboboxElement) {\n this.comboboxElement.selectInputText();\n }\n }\n\n /\n Сбрасывает введенное пользователем значение\n * @public\n */\n public reset() {\n if (this.comboboxElement) {\n this.comboboxElement.reset();\n }\n }\n\n public render() {\n return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n }\n\n private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n this.setRootNode(element);\n this.comboboxElement = element;\n };\n}\n"]}

package/cjs/components/ComboBox/ComboBox.md CHANGED Viewed

@@ -86,6 +86,7 @@ ComboBox with popular values, complex menu items and total count message
 ```jsx harmony
 import { getCities } from './__mocks__/getCities';
 import { Gapped, MenuHeader, MenuSeparator } from '@skbkontur/react-ui';
+import {MenuFooter} from "@skbkontur/react-ui/components/MenuFooter";
 let popularItems = [
   { Id: 956, City: 'Махачкала' },
@@ -113,9 +114,9 @@ let prepareItems = (query, items) =>
 let renderTotalCount = (foundCount, totalCount) =>
   foundCount < totalCount ? (
-    <MenuHeader>
+    <MenuFooter>
       Показано {foundCount} из {totalCount} найденных городов.
-    </MenuHeader>
+    </MenuFooter>
   ) : (
     []
   );
@@ -528,3 +529,46 @@ const en_GB = {
   errorNetworkMessage: 'Something went wrong. Check your internet connection and try again',
 };
 ```
+У ComboBox есть 3 стандартных размера.
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+const getItems = q => {
+  return Promise.resolve(
+    [
+      { value: 1, label: 'Маленький' },
+      { value: 2, label: 'Средний' },
+      { value: 3, label: 'Большой' },
+    ].filter(x => x.label.toLowerCase().includes(q.toLowerCase()) || x.value.toString(10) === q),
+  )
+};
+const [valueSmall, setValueSmall] = React.useState('Маленький');
+const [valueMedium, setValueMedium] = React.useState('Средний');
+const [valueLarge, setValueLarge] = React.useState('Большой');
+<Gapped vertical>
+  <ComboBox
+    getItems={getItems}
+    onValueChange={setValueSmall}
+    placeholder="Введите число"
+    value={valueSmall}
+    size={'small'}
+  />
+  <ComboBox
+    getItems={getItems}
+    onValueChange={setValueMedium}
+    placeholder="Введите число"
+    value={valueMedium}
+    size={'medium'}
+  />
+  <ComboBox
+    getItems={getItems}
+    onValueChange={setValueLarge}
+    placeholder="Введите число"
+    value={valueLarge}
+    size={'large'}
+  />
+</Gapped>
+```

package/cjs/components/Dropdown/Dropdown.js CHANGED Viewed

@@ -204,6 +204,7 @@ Dropdown = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
           items: items,
           _icon: icon,
           renderValue: renderValue,
+          size: _this.props.size,
           "aria-label": _this.props['aria-label'] }))));

package/cjs/components/Dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Dropdown.tsx"],"names":["PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","DropdownDataTids","root","Dropdown","rootNode","renderMain","caption","icon","props","items","React","Children","map","children","item","setRootNode","_refSelect","renderValue","element","_select","render","theme","open","close","Component","__KONTUR_REACT_UI__","Header","MenuHeader","MenuItem","Separator","MenuSeparator","propTypes","PropTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func","value"],"mappings":"6dAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;;;AAIA,sD;;AAEA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,aAAa,EAAE,IADE;AAEjBC,EAAAA,KAAK,EAAE,IAFU;AAGjBC,EAAAA,QAAQ,EAAE,IAHO;AAIjBC,EAAAA,aAAa,EAAE,IAJE;AAKjBC,EAAAA,SAAS,EAAE,IALM;AAMjBC,EAAAA,SAAS,EAAE,IANM;AAOjBC,EAAAA,aAAa,EAAE,IAPE;AAQjBC,EAAAA,GAAG,EAAE,IARY;AASjBC,EAAAA,IAAI,EAAE,IATW;AAUjBC,EAAAA,OAAO,EAAE,IAVQ;AAWjBC,EAAAA,KAAK,EAAE,IAXU;AAYjBC,EAAAA,MAAM,EAAE,IAZS;AAajBC,EAAAA,OAAO,EAAE,IAbQ;AAcjBC,EAAAA,YAAY,EAAE,IAdG;AAejBC,EAAAA,YAAY,EAAE,IAfG;AAgBjBC,EAAAA,WAAW,EAAE,IAhBI;AAiBjBC,EAAAA,OAAO,EAAE,IAjBQ;AAkBjB,sBAAoB,IAlBH,EAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFO,IAAMC,gBAAgB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,gBADwB,EAAzB;;;AAIP;AACA;AACA;AACA,G;;AAEaC,Q,OADZC,kB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFQC,IAAAA,U,GAAa,gBAAwE,KAArEC,OAAqE,QAArEA,OAAqE,CAA5DC,IAA4D,QAA5DA,IAA4D,CAAnDC,KAAmD;AAC1F,UAAMC,KAAK,GAAGC,eAAMC,QAAN,CAAeC,GAAf,CAAmB,MAAKJ,KAAL,CAAWK,QAA9B,EAAwC,UAACC,IAAD,UAAUA,IAAV,EAAxC,KAA2D,EAAzE;;AAEA;AACE,qCAAC,4BAAD,2BAAe,WAAW,EAAE,MAAKC,WAAjC,IAAkD,MAAKP,KAAvD;AACE,qCAAC,cAAD;AACE,sBAAUP,gBAAgB,CAACC,IAD7B;AAEE,UAAA,GAAG,EAAE,MAAKc,UAFZ;AAGM,sCAAYR,KAAZ,EAAmBzB,UAAnB,CAHN;AAIE,UAAA,KAAK,EAAEuB,OAJT;AAKE,UAAA,KAAK,EAAEG,KALT;AAME,UAAA,KAAK,EAAEF,IANT;AAOE,UAAA,WAAW,EAAEU,WAPf;AAQE,~~wBAAY~~,MAAKT,KAAL,CAAW,YAAX,~~CARd~~,IADF,CADF;;;;~~AAcD~~,K;;;;;;;;;;;;;;;;;;;;AAoBOQ,IAAAA,U,GAAa,UAACE,OAAD,EAAuC;AAC1D,YAAKC,OAAL,GAAeD,OAAf;AACD,K,~~sDAlDME~~,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAa,wCAAiBA,KAAjB,CAAb,CACA,oBAAO,6BAAC,0BAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,MAAI,CAACA,KAAnC,IAA2C,MAAI,CAAChB,UAAL,CAAgB,MAAI,CAACG,KAArB,CAA3C,CAAP,CACD,CAJH,CADF,CAQD,C,~~EAqBD~~;AACF;AACA,K,OACSc,I,GAAP,gBAAc,CACZ,IAAI,KAAKH,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaG,IAAb,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKJ,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaI,KAAb,GACD,CACF,C,~~mBAxH2Bb~~,eAAMc,S,WACpBC,mB,GAAsB,U,UAEtBC,M,GAASC,sB,UACTC,Q,GAAWA,kB,UACXC,S,GAAYC,4B,UAEZC,S,GAAY,EACxB;AACJ;AACA,KACIzB,OAAO,EAAE0B,mBAAUC,IAAV,CAAeC,UAJA,EAMxB;AACJ;AACA,KACI/C,aAAa,EAAE6C,mBAAUG,IATD,EAWxB;AACJ;AACA,KACIjD,QAAQ,EAAE8C,mBAAUG,IAdI,EAgBxB;AACJ;AACA,KACIlD,KAAK,EAAE+C,mBAAUG,IAnBO,EAqBxB;AACJ;AACA,KACI5B,IAAI,EAAEyB,mBAAUC,IAxBQ,EA0BxB3C,aAAa,EAAE0C,mBAAUI,MA1BD,EA4BxBhD,SAAS,EAAE4C,mBAAUK,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CA5Ba,EA8BxBhD,SAAS,EAAE2C,mBAAUM,SAAV,CAAoB,CAACN,mBAAUI,MAAX,EAAmBJ,mBAAUO,MAA7B,CAApB,CA9Ba,EAgCxB/C,IAAI,EAAEwC,mBAAUK,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,OAApB,CAAhB,CAhCkB,EAkCxB;AACJ;AACA,KACI9C,GAAG,EAAEyC,mBAAUQ,GArCS,EAuCxB;AACJ;AACA,KACI/C,OAAO,EAAEuC,mBAAUG,IA1CK,EA4CxBzC,KAAK,EAAEsC,mBAAUM,SAAV,CAAoB,CAACN,mBAAUI,MAAX,EAAmBJ,mBAAUO,MAA7B,CAApB,CA5CiB,EA8CxB;AACJ;AACA,KACI3C,OAAO,EAAEoC,mBAAUS,IAjDK,EAmDxB5C,YAAY,EAAEmC,mBAAUS,IAnDA,EAqDxB3C,YAAY,EAAEkC,mBAAUS,IArDA,EAuDxB1C,WAAW,EAAEiC,mBAAUS,IAvDC,EAyDxB;AACJ;AACA,KACI9C,MAAM,EAAEqC,mBAAUS,IA5DM,E,~~gDAwH5B~~,SAASxB,WAAT,CAAqByB,KAArB,EAAiC,CAC/B,OAAOA,KAAP,CACD","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { filterProps } from '../../lib/filterProps';\nimport { MenuHeader } from '../MenuHeader';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { Select } from '../Select';\nimport { Nullable } from '../../typings/utility-types';\nimport { ButtonSize, ButtonUse } from '../Button';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DropdownContainerProps } from '../../internal/DropdownContainer';\n\nimport { getDropdownTheme } from './getDropdownTheme';\n\nconst PASS_PROPS = {\n _renderButton: true,\n error: true,\n disabled: true,\n disablePortal: true,\n menuAlign: true,\n menuWidth: true,\n maxMenuHeight: true,\n use: true,\n size: true,\n warning: true,\n width: true,\n onOpen: true,\n onClose: true,\n onMouseEnter: true,\n onMouseLeave: true,\n onMouseOver: true,\n menuPos: true,\n 'aria-describedby': true,\n};\n\nexport interface DropdownProps\n extends Pick<AriaAttributes, 'aria-label' \| 'aria-describedby'>,\n CommonProps,\n Pick<DropdownContainerProps, 'menuPos'> {\n /*\n Подпись на кнопке.\n /\n caption: React.ReactNode;\n /\n Иконка слева от текста кнопки\n /\n icon?: React.ReactElement<any>;\n width?: React.CSSProperties['width'];\n\n /* @ignore /\n _renderButton?: (params: any) => JSX.Element;\n\n /\n Отключает использование портала\n /\n disablePortal?: boolean;\n\n /\n Визуально отключает Dropdown\n /\n disabled?: boolean;\n\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n maxMenuHeight?: number;\n menuAlign?: 'left' \| 'right';\n menuWidth?: number \| string;\n size?: ButtonSize;\n\n /\n Смотри Button.\n /\n use?: ButtonUse;\n\n /\n Вызывается при закрытии меню.\n /\n onClose?: () => void;\n /\n Вызывается при открытии меню.\n /\n onOpen?: () => void;\n onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\n onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\n onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\n\nexport const DropdownDataTids = {\n root: 'Dropdown__root',\n} as const;\n\n/\n Выпадающее меню.\n \n /\n@rootNode\nexport class Dropdown extends React.Component<DropdownProps> {\n public static __KONTUR_REACT_UI__ = 'Dropdown';\n\n public static Header = MenuHeader;\n public static MenuItem = MenuItem;\n public static Separator = MenuSeparator;\n\n public static propTypes = {\n /*\n Подпись на кнопке.\n /\n caption: PropTypes.node.isRequired,\n\n /\n Отключает использование портала\n /\n disablePortal: PropTypes.bool,\n\n /\n Визуально отключает Dropdown\n /\n disabled: PropTypes.bool,\n\n /\n Визуально показать наличие ошибки.\n /\n error: PropTypes.bool,\n\n /\n Иконка слева от текста кнопки\n /\n icon: PropTypes.node,\n\n maxMenuHeight: PropTypes.number,\n\n menuAlign: PropTypes.oneOf(['left', 'right']),\n\n menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n /\n Смотри Button.\n /\n use: PropTypes.any,\n\n /\n Визуально показать наличие предупреждения.\n /\n warning: PropTypes.bool,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /\n Вызывается при закрытии меню.\n /\n onClose: PropTypes.func,\n\n onMouseEnter: PropTypes.func,\n\n onMouseLeave: PropTypes.func,\n\n onMouseOver: PropTypes.func,\n\n /\n Вызывается при открытии меню.\n /\n onOpen: PropTypes.func,\n };\n\n private _select: Nullable<DropdownSelectType>;\n private setRootNode!: TSetRootNode;\n private theme!: Theme;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getDropdownTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain(this.props)}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain = ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => {\n const items = React.Children.map(this.props.children, (item) => item) \|\| [];\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <Select<React.ReactNode, React.ReactNode>\n data-tid={DropdownDataTids.root}\n ref={this._refSelect}\n {...filterProps(props, PASS_PROPS)}\n value={caption}\n items={items}\n _icon={icon}\n renderValue={renderValue}\n aria-label={this.props['aria-label']}\n />\n </CommonWrapper>\n );\n };\n\n /\n @public\n /\n public open() {\n if (this._select) {\n this._select.open();\n }\n }\n\n /\n @public\n */\n public close() {\n if (this._select) {\n this._select.close();\n }\n }\n\n private _refSelect = (element: DropdownSelectType): void => {\n this._select = element;\n };\n}\n\nfunction renderValue(value: any) {\n return value;\n}\n"]}
1	+ {"version":3,"sources":["Dropdown.tsx"],"names":["PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","DropdownDataTids","root","Dropdown","rootNode","renderMain","caption","icon","props","items","React","Children","map","children","item","setRootNode","_refSelect","renderValue","element","_select","render","theme","open","close","Component","__KONTUR_REACT_UI__","Header","MenuHeader","MenuItem","Separator","MenuSeparator","propTypes","PropTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func","value"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { filterProps } from '../../lib/filterProps';\nimport { MenuHeader } from '../MenuHeader';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { Select } from '../Select';\nimport { Nullable } from '../../typings/utility-types';\nimport { ButtonSize, ButtonUse } from '../Button';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DropdownContainerProps } from '../../internal/DropdownContainer';\n\nimport { getDropdownTheme } from './getDropdownTheme';\n\nconst PASS_PROPS = {\n _renderButton: true,\n error: true,\n disabled: true,\n disablePortal: true,\n menuAlign: true,\n menuWidth: true,\n maxMenuHeight: true,\n use: true,\n size: true,\n warning: true,\n width: true,\n onOpen: true,\n onClose: true,\n onMouseEnter: true,\n onMouseLeave: true,\n onMouseOver: true,\n menuPos: true,\n 'aria-describedby': true,\n};\n\nexport interface DropdownProps\n extends Pick<AriaAttributes, 'aria-label' \| 'aria-describedby'>,\n CommonProps,\n Pick<DropdownContainerProps, 'menuPos'> {\n /*\n Подпись на кнопке.\n /\n caption: React.ReactNode;\n /\n Иконка слева от текста кнопки\n /\n icon?: React.ReactElement<any>;\n width?: React.CSSProperties['width'];\n\n /* @ignore /\n _renderButton?: (params: any) => JSX.Element;\n\n /\n Отключает использование портала\n /\n disablePortal?: boolean;\n\n /\n Визуально отключает Dropdown\n /\n disabled?: boolean;\n\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n maxMenuHeight?: number;\n menuAlign?: 'left' \| 'right';\n menuWidth?: number \| string;\n size?: ButtonSize;\n\n /\n Смотри Button.\n /\n use?: ButtonUse;\n\n /\n Вызывается при закрытии меню.\n /\n onClose?: () => void;\n /\n Вызывается при открытии меню.\n /\n onOpen?: () => void;\n onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\n onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\n onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\n\nexport const DropdownDataTids = {\n root: 'Dropdown__root',\n} as const;\n\n/\n Выпадающее меню.\n \n /\n@rootNode\nexport class Dropdown extends React.Component<DropdownProps> {\n public static __KONTUR_REACT_UI__ = 'Dropdown';\n\n public static Header = MenuHeader;\n public static MenuItem = MenuItem;\n public static Separator = MenuSeparator;\n\n public static propTypes = {\n /*\n Подпись на кнопке.\n /\n caption: PropTypes.node.isRequired,\n\n /\n Отключает использование портала\n /\n disablePortal: PropTypes.bool,\n\n /\n Визуально отключает Dropdown\n /\n disabled: PropTypes.bool,\n\n /\n Визуально показать наличие ошибки.\n /\n error: PropTypes.bool,\n\n /\n Иконка слева от текста кнопки\n /\n icon: PropTypes.node,\n\n maxMenuHeight: PropTypes.number,\n\n menuAlign: PropTypes.oneOf(['left', 'right']),\n\n menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n /\n Смотри Button.\n /\n use: PropTypes.any,\n\n /\n Визуально показать наличие предупреждения.\n /\n warning: PropTypes.bool,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /\n Вызывается при закрытии меню.\n /\n onClose: PropTypes.func,\n\n onMouseEnter: PropTypes.func,\n\n onMouseLeave: PropTypes.func,\n\n onMouseOver: PropTypes.func,\n\n /\n Вызывается при открытии меню.\n /\n onOpen: PropTypes.func,\n };\n\n private _select: Nullable<DropdownSelectType>;\n private setRootNode!: TSetRootNode;\n private theme!: Theme;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getDropdownTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain(this.props)}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain = ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => {\n const items = React.Children.map(this.props.children, (item) => item) \|\| [];\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <Select<React.ReactNode, React.ReactNode>\n data-tid={DropdownDataTids.root}\n ref={this._refSelect}\n {...filterProps(props, PASS_PROPS)}\n value={caption}\n items={items}\n _icon={icon}\n renderValue={renderValue}\n size={this.props.size}\n aria-label={this.props['aria-label']}\n />\n </CommonWrapper>\n );\n };\n\n /\n @public\n /\n public open() {\n if (this._select) {\n this._select.open();\n }\n }\n\n /\n @public\n */\n public close() {\n if (this._select) {\n this._select.close();\n }\n }\n\n private _refSelect = (element: DropdownSelectType): void => {\n this._select = element;\n };\n}\n\nfunction renderValue(value: any) {\n return value;\n}\n"]}

package/cjs/components/Dropdown/Dropdown.md CHANGED Viewed

@@ -9,3 +9,36 @@ import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-
   </MenuItem>
 </Dropdown>;
 ```
+У Dropdown есть 3 стандартных размера.
+```jsx harmony
+import { Gapped, MenuItem, MenuSeparator, MenuHeader } from '@skbkontur/react-ui';
+<Gapped vertical>
+  <Dropdown caption="Маленький" size={'small'}>
+    <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
+    <MenuSeparator />
+    <MenuHeader>Here goes the header</MenuHeader>
+    <MenuItem onClick={() => alert('Pow')} comment="With comment.">
+      Pow
+    </MenuItem>
+  </Dropdown>
+  <Dropdown caption="Средний" size={'medium'}>
+    <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
+    <MenuSeparator />
+    <MenuHeader>Here goes the header</MenuHeader>
+    <MenuItem onClick={() => alert('Pow')} comment="With comment.">
+      Pow
+    </MenuItem>
+  </Dropdown>
+  <Dropdown caption="Большой" size={'large'}>
+    <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
+    <MenuSeparator />
+    <MenuHeader>Here goes the header</MenuHeader>
+    <MenuItem onClick={() => alert('Pow')} comment="With comment.">
+      Pow
+    </MenuItem>
+  </Dropdown>
+</Gapped>
+```

package/cjs/components/Link/Link.js CHANGED Viewed

@@ -13,6 +13,7 @@ var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _client = require("../../lib/client");
 var _Link = require("./Link.styles");var _excluded = ["disabled", "href", "icon", "use", "loading", "_button", "_buttonOpened", "rel", "as", "focused"];var _class, _class2, _temp;
@@ -189,8 +190,20 @@ Link = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function
       var child = _this.props.children;
-      if (_isTheme2022) {
-        child = /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_Link.globalClasses.text, _Link.styles.lineText(_this.theme)) }, _this.props.children);
+      if (_isTheme2022) {var _cx;
+        // lineTextWrapper нужен для реализации transition у подчеркивания
+        child = /*#__PURE__*/
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Link.styles.lineTextWrapper(_this.theme)) }, /*#__PURE__*/
+        _react.default.createElement("span", {
+          className: (0, _Emotion.cx)(_Link.globalClasses.text, (_cx = {}, _cx[
+          _Link.styles.lineText(_this.theme)] = !_client.isIE11, _cx[
+          _Link.styles.lineTextIE11(_this.theme)] = _client.isIE11, _cx)) },
+        _this.props.children));
       }
       return /*#__PURE__*/(