npm - @skbkontur/react-ui - Versions diffs - 4.10.0-theme2022.3 → 4.10.0-theme2022.4 - Mend

@skbkontur/react-ui 4.10.0-theme2022.3 → 4.10.0-theme2022.4

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

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

@@ -625,7 +625,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
   text: function text(t) {
-    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:enabled,\n      &:hover:enabled {\n        box-shadow: none;\n        .", ", .", " {\n          box-shadow: none;\n        }\n      }\n\n      ", ";\n\n      color: ", ";\n      background: transparent !important; // override common disabled style\n\n      &:hover:enabled {\n        background: ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:enabled,\n      &:hover:enabled {\n        box-shadow: none;\n        .", ", .", " {\n          box-shadow: none;\n        }\n      }\n\n      ", ";\n\n      color: ", ";\n      background: transparent;\n\n      &:disabled {\n        background: transparent;\n      }\n\n      &:hover:enabled {\n        background: ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])),
@@ -649,6 +649,10 @@ var styles = (0, _Emotion.memoizeStyle)({
     t.btnBacklessHoverBg,
@@ -1038,7 +1042,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
     return (0, _Emotion.css)(_templateObject83 || (_templateObject83 = (0, _taggedTemplateLiteralLoose2.default)(["\n      & {\n        ", ";\n      }\n    "])),
     (0, _Button.buttonActiveMixin)(
-    t.btnDefaultActiveBg,
+    t.btnTextActiveBg,
     t.btnDefaultActiveShadow,
     t.btnDefaultActiveBorderColor,
     t.btnDefaultActiveBorderTopColor,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","text","innerShadow","styles","root","t","css","btnBackgroundClip","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","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","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","btnBacklessHoverBg","backless","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","icon","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","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 caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n 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 },\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 `;\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 line-height: inherit !important; // override size mixin\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 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(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent !important; // override common disabled style\n\n &:hover:enabled {\n background: ${t.btnBacklessHoverBg};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n backless(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 color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n background: ${t.btnBacklessHoverBg};\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 !important;\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\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 stroke: ${t.btnCheckedDisabledColor};\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 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(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","text","innerShadow","styles","root","t","css","btnBackgroundClip","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","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","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","btnBacklessHoverBg","backless","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","icon","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","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 caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n 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 },\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 `;\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 line-height: inherit !important; // override size mixin\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 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(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:disabled {\n background: transparent;\n }\n\n &:hover:enabled {\n background: ${t.btnBacklessHoverBg};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n backless(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 color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n background: ${t.btnBacklessHoverBg};\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 !important;\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\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 stroke: ${t.btnCheckedDisabledColor};\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 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(\n t.btnTextActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}

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

@@ -35,16 +35,25 @@ var ButtonIcon = function ButtonIcon(_ref)
   };
   var type = (0, _ThemeHelpers.isTheme2022)(theme) ? size : 'mini';
+  var space = (0, _ThemeHelpers.isTheme2022)(theme) ? String.fromCharCode(8203) : '';
+  var style = (0, _ThemeHelpers.isTheme2022)(theme) ?
+  {
+    display: 'inline-flex',
+    alignItems: 'center' } :
+  {};
   var spinnerNode = function spinnerNode() {return /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, type: type });};
   return /*#__PURE__*/(
     _react.default.createElement("span", {
+      style: style,
       className: (0, _Emotion.cx)(_Button.styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[
       _Button.styles.iconNoRightMargin()] = !hasChildren, _cx[
       _Button.styles.iconLink(theme)] = isLink, _cx)) },
+    space,
     loading ? spinnerNode() : icon));

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ButtonIcon.tsx"],"names":["ButtonIcon","icon","hasChildren","use","loading","size","theme","ThemeContext","isLink","getSizeIconClassName","styles","iconLarge","iconMedium","iconSmall","type","spinnerNode","iconNoRightMargin","iconLink"],"mappings":"mEAAA;;AAEA;AACA;AACA;AACA;;;AAGA,yC;;;;;;AAMO,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD;;;;;;AAM9D,aALJC,IAKI,QALJA,IAKI,CAJJC,WAII,QAJJA,WAII,CAHJC,GAGI,QAHJA,GAGI,qBAFJC,OAEI,CAFJA,OAEI,6BAFM,KAEN,iCADJC,IACI,CADJA,IACI,0BADG,OACH;AACJ,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,MAAM,GAAGL,GAAG,KAAK,MAAvB;;AAEA,MAAMM,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,YAAQJ,IAAR;AACE,WAAK,OAAL;AACE,eAAOK,eAAOC,SAAP,CAAiBL,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOI,eAAOE,UAAP,CAAkBN,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOI,eAAOG,SAAP,CAAiBP,KAAjB,CAAP,CAPJ;;AASD,GAVD;;AAYA,MAAMQ,IAAI,GAAG,+BAAYR,KAAZ,IAAqBD,IAArB,GAA4B,MAAzC~~;;AAEA~~,MAAMU,WAAW,GAAG,SAAdA,WAAc,wBAAM,6BAAC,gBAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,IAAI,~~EAAED~~,IAArC,GAAN,EAApB;;AAEA;AACE;AACE,MAAA,SAAS,EAAE,~~iBAAGJ~~,eAAOT,IAAP,EAAH,EAAkBQ,oBAAoB,EAAtC;AACRC,~~qBAAOM~~,iBAAP,EADQ,IACqB,~~CAACd~~,WADtB;AAERQ,~~qBAAOO~~,QAAP,~~CAAgBX~~,KAAhB,CAFQ,IAEiBE,MAFjB,~~OADb~~;;;~~AAMGJ~~,IAAAA,OAAO,~~GAAGW~~,WAAW,EAAd,~~GAAmBd~~,~~IAN7B~~,CADF;;;~~AAUD~~,~~CApCM~~,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { ButtonProps } from './Button';\nimport { styles } from './Button.styles';\n\ntype ButtonIconProps = Pick<ButtonProps, 'size' \| 'icon' \| 'loading' \| 'disabled' \| 'use'> & {\n hasChildren: boolean;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n hasChildren,\n use,\n loading = false,\n size = 'small',\n}) => {\n const theme = useContext(ThemeContext);\n const isLink = use === 'link';\n\n const getSizeIconClassName = () => {\n switch (size) {\n case 'large':\n return styles.iconLarge(theme);\n case 'medium':\n return styles.iconMedium(theme);\n case 'small':\n default:\n return styles.iconSmall(theme);\n }\n };\n\n const type = isTheme2022(theme) ? size : 'mini';\n\n const spinnerNode = () => <Spinner caption={null} dimmed type={type} />;\n\n return (\n <span\n className={cx(styles.icon(), getSizeIconClassName(), {\n [styles.iconNoRightMargin()]: !hasChildren,\n [styles.iconLink(theme)]: isLink,\n })}\n >\n {loading ? spinnerNode() : icon}\n </span>\n );\n};\n"]}
1	+ {"version":3,"sources":["ButtonIcon.tsx"],"names":["ButtonIcon","icon","hasChildren","use","loading","size","theme","ThemeContext","isLink","getSizeIconClassName","styles","iconLarge","iconMedium","iconSmall","type","space","String","fromCharCode","style","display","alignItems","spinnerNode","iconNoRightMargin","iconLink"],"mappings":"mEAAA;;AAEA;AACA;AACA;AACA;;;AAGA,yC;;;;;;AAMO,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD;;;;;;AAM9D,aALJC,IAKI,QALJA,IAKI,CAJJC,WAII,QAJJA,WAII,CAHJC,GAGI,QAHJA,GAGI,qBAFJC,OAEI,CAFJA,OAEI,6BAFM,KAEN,iCADJC,IACI,CADJA,IACI,0BADG,OACH;AACJ,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,MAAM,GAAGL,GAAG,KAAK,MAAvB;;AAEA,MAAMM,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,YAAQJ,IAAR;AACE,WAAK,OAAL;AACE,eAAOK,eAAOC,SAAP,CAAiBL,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOI,eAAOE,UAAP,CAAkBN,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOI,eAAOG,SAAP,CAAiBP,KAAjB,CAAP,CAPJ;;AASD,GAVD;;AAYA,MAAMQ,IAAI,GAAG,+BAAYR,KAAZ,IAAqBD,IAArB,GAA4B,MAAzC;AACA,MAAMU,KAAK,GAAG,+BAAYT,KAAZ,IAAqBU,MAAM,CAACC,YAAP,CAAoB,IAApB,CAArB,GAAiD,EAA/D;AACA,MAAMC,KAA0B,GAAG,+BAAYZ,KAAZ;AAC/B;AACEa,IAAAA,OAAO,EAAE,aADX;AAEEC,IAAAA,UAAU,EAAE,QAFd,EAD+B;;AAK/B,IALJ;;AAOA,MAAMC,WAAW,GAAG,SAAdA,WAAc,wBAAM,6BAAC,gBAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,IAAI,EAAEP,IAArC,GAAN,EAApB;;AAEA;AACE;AACE,MAAA,KAAK,EAAEI,KADT;AAEE,MAAA,SAAS,EAAE,iBAAGR,eAAOT,IAAP,EAAH,EAAkBQ,oBAAoB,EAAtC;AACRC,qBAAOY,iBAAP,EADQ,IACqB,CAACpB,WADtB;AAERQ,qBAAOa,QAAP,CAAgBjB,KAAhB,CAFQ,IAEiBE,MAFjB,OAFb;;;AAOGO,IAAAA,KAPH;AAQGX,IAAAA,OAAO,GAAGiB,WAAW,EAAd,GAAmBpB,IAR7B,CADF;;;AAYD,CA7CM,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { ButtonProps } from './Button';\nimport { styles } from './Button.styles';\n\ntype ButtonIconProps = Pick<ButtonProps, 'size' \| 'icon' \| 'loading' \| 'disabled' \| 'use'> & {\n hasChildren: boolean;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n hasChildren,\n use,\n loading = false,\n size = 'small',\n}) => {\n const theme = useContext(ThemeContext);\n const isLink = use === 'link';\n\n const getSizeIconClassName = () => {\n switch (size) {\n case 'large':\n return styles.iconLarge(theme);\n case 'medium':\n return styles.iconMedium(theme);\n case 'small':\n default:\n return styles.iconSmall(theme);\n }\n };\n\n const type = isTheme2022(theme) ? size : 'mini';\n const space = isTheme2022(theme) ? String.fromCharCode(8203) : '';\n const style: React.CSSProperties = isTheme2022(theme)\n ? {\n display: 'inline-flex',\n alignItems: 'center',\n }\n : {};\n\n const spinnerNode = () => <Spinner caption={null} dimmed type={type} />;\n\n return (\n <span\n style={style}\n className={cx(styles.icon(), getSizeIconClassName(), {\n [styles.iconNoRightMargin()]: !hasChildren,\n [styles.iconLink(theme)]: isLink,\n })}\n >\n {space}\n {loading ? spinnerNode() : icon}\n </span>\n );\n};\n"]}

package/cjs/components/Loader/Loader.styles.js CHANGED Viewed

@@ -3,7 +3,8 @@
 var styles = (0, _Emotion.memoizeStyle)({
   active: function active(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ", ";\n    "])),
+    t.loaderBorderRadius,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Loader.styles.ts"],"names":["styles","active","t","css","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,eAAOC,YAAP~~;;;;;;;AAOgBD~~,IAAAA,CAAC,CAACE,~~QAPlB~~;;~~AASD~~,~~GAXgC~~;;~~AAajCC~~,EAAAA,~~MAbiC~~,~~oBAaxB~~;AACP,~~eAAOF~~,YAAP;;;;;;;AAOD,~~GArBgC~~;;~~AAuBjCG~~,EAAAA,~~gBAvBiC~~,~~8BAuBd~~;AACjB,~~eAAOH~~,YAAP;;;;;;;;;;;;;;;;;;;AAmBD,~~GA3CgC~~;;~~AA6CjCI~~,EAAAA,~~sBA7CiC~~,~~oCA6CR~~;AACvB,~~eAAOJ~~,YAAP;;;AAGD,~~GAjDgC~~;;~~AAmDjCK~~,EAAAA,~~uBAnDiC~~,~~qCAmDP~~;AACxB,~~eAAOL~~,YAAP;;;AAGD,~~GAvDgC~~,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n active(t: Theme) {\n return css`\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n background: ${t.loaderBg};\n `;\n },\n\n loader() {\n return css`\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100%;\n z-index: inherit;\n `;\n },\n\n spinnerContainer() {\n return css`\n display: block;\n margin: auto;\n text-align: center;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &::before {\n content: ' ';\n display: inline-block;\n height: 100%;\n min-height: 100%;\n vertical-align: middle;\n }\n `;\n },\n\n spinnerContainerSticky() {\n return css`\n position: fixed;\n `;\n },\n\n spinnerComponentWrapper() {\n return css`\n display: inline-block;\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Loader.styles.ts"],"names":["styles","active","t","css","loaderBorderRadius","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACE,kBADrB;;;;;;;AAQgBF,IAAAA,CAAC,CAACG,QARlB;;AAUD,GAZgC;;AAcjCC,EAAAA,MAdiC,oBAcxB;AACP,eAAOH,YAAP;;;;;;;AAOD,GAtBgC;;AAwBjCI,EAAAA,gBAxBiC,8BAwBd;AACjB,eAAOJ,YAAP;;;;;;;;;;;;;;;;;;;AAmBD,GA5CgC;;AA8CjCK,EAAAA,sBA9CiC,oCA8CR;AACvB,eAAOL,YAAP;;;AAGD,GAlDgC;;AAoDjCM,EAAAA,uBApDiC,qCAoDP;AACxB,eAAON,YAAP;;;AAGD,GAxDgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n active(t: Theme) {\n return css`\n border-radius: ${t.loaderBorderRadius};\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n background: ${t.loaderBg};\n `;\n },\n\n loader() {\n return css`\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100%;\n z-index: inherit;\n `;\n },\n\n spinnerContainer() {\n return css`\n display: block;\n margin: auto;\n text-align: center;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &::before {\n content: ' ';\n display: inline-block;\n height: 100%;\n min-height: 100%;\n vertical-align: middle;\n }\n `;\n },\n\n spinnerContainerSticky() {\n return css`\n position: fixed;\n `;\n },\n\n spinnerComponentWrapper() {\n return css`\n display: inline-block;\n `;\n },\n});\n"]}

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

@@ -24,7 +24,8 @@ var _ModalFooter = require("./ModalFooter");
 var _ModalHeader = require("./ModalHeader");
 var _ModalBody = require("./ModalBody");
 var _ModalClose = require("./ModalClose");
-var _Modal = require("./Modal.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _Modal = require("./Modal.styles");
+var _relinkModalTheme = require("./relinkModalTheme");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
 var mountedModalsCount = 0;
@@ -344,5 +345,5 @@ Modal = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(M
     setHasPanel = function (hasPanel) {if (hasPanel === void 0) {hasPanel = false;}
       _this.state.hasPanel !== hasPanel && _this.setState({ hasPanel: hasPanel });
-    };return _this;}var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);if (mountedModalsCount === 0) {window.addEventListener('resize', this.throttledCheckHorizontalScroll);}mountedModalsCount++;window.addEventListener('keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {if (--mountedModalsCount === 0) {window.removeEventListener('resize', this.throttledCheckHorizontalScroll);LayoutEvents.emit();}window.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$state = this.state,hasHeader = _this$state.hasHeader,hasFooter = _this$state.hasFooter,hasPanel = _this$state.hasPanel;var modalContextProps = { hasHeader: hasHeader, horizontalScroll: this.state.horizontalScroll, setHasHeader: this.setHasHeader, setHasFooter: this.setHasFooter, setHasPanel: this.setHasPanel };if (!this.props.noClose) {modalContextProps.close = { disableClose: this.props.disableClose, requestClose: this.requestClose };}if (!hasFooter) {modalContextProps.additionalPadding = true;}if (hasFooter && hasPanel) {modalContextProps.additionalPadding = true;}var style = {};var containerStyle = {};if (this.props.width) {style.width = this.props.width;} else {containerStyle.width = 'auto';}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Modal', className: _Modal.styles.root() }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/_react.default.createElement("div", { className: _Modal.styles.bg(this.theme) }), /*#__PURE__*/_react.default.createElement("div", { ref: this.refContainer, className: _Modal.styles.container(), onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, "data-tid": ModalDataTids.container }, /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var _cx, _cx2, _cx3, _cx4, _cx5;var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_Modal.styles.centerContainer()] = true, _cx[_Modal.styles.mobileCenterContainer()] = isMobile, _cx[_Modal.styles.alignTop()] = Boolean(_this3.props.alignTop), _cx)), style: isMobile ? undefined : containerStyle, "data-tid": ModalDataTids.content }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Modal.styles.window(_this3.theme)] = true, _cx2[_Modal.styles.mobileWindow()] = isMobile, _cx2)), style: isMobile ? undefined : style }, /*#__PURE__*/_react.default.createElement(_ResizeDetector.ResizeDetector, { onResize: _this3.handleResize, fullHeight: isMobile }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: _this3.getProps().disableFocusLock, autoFocus: false, className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_Modal.styles.columnFlexContainer()] = isMobile, _cx3), 'focus-lock-container') }, !hasHeader && !_this3.props.noClose && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'ModalCross', className: (0, _Emotion.cx)((_cx4 = {}, _cx4[_Modal.styles.closeWrapper(_this3.theme)] = true, _cx4[_Modal.styles.mobileCloseWrapper(_this3.theme)] = isMobile, _cx4)) }, /*#__PURE__*/_react.default.createElement(_ModalClose.ModalClose, { className: (0, _Emotion.cx)((_cx5 = {}, _cx5[_Modal.styles.mobileCloseWithoutHeader()] = isMobile && !_this3.state.hasHeader, _cx5)), requestClose: _this3.requestClose, disableClose: _this3.props.disableClose })), /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, { value: modalContextProps }, _this3.props.children)))));})))));};return Modal;}(_react.default.Component);exports.Modal = Modal;Modal.__KONTUR_REACT_UI__ = 'Modal';Modal.Header = _ModalHeader.ModalHeader;Modal.Body = _ModalBody.ModalBody;Modal.Footer = _ModalFooter.ModalFooter;Modal.defaultProps = { // NOTE: в ie нормально не работает
+    };return _this;}var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);if (mountedModalsCount === 0) {window.addEventListener('resize', this.throttledCheckHorizontalScroll);}mountedModalsCount++;window.addEventListener('keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {if (--mountedModalsCount === 0) {window.removeEventListener('resize', this.throttledCheckHorizontalScroll);LayoutEvents.emit();}window.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _relinkModalTheme.relinkModalTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$state = this.state,hasHeader = _this$state.hasHeader,hasFooter = _this$state.hasFooter,hasPanel = _this$state.hasPanel;var modalContextProps = { hasHeader: hasHeader, horizontalScroll: this.state.horizontalScroll, setHasHeader: this.setHasHeader, setHasFooter: this.setHasFooter, setHasPanel: this.setHasPanel };if (!this.props.noClose) {modalContextProps.close = { disableClose: this.props.disableClose, requestClose: this.requestClose };}if (!hasFooter) {modalContextProps.additionalPadding = true;}if (hasFooter && hasPanel) {modalContextProps.additionalPadding = true;}var style = {};var containerStyle = {};if (this.props.width) {style.width = this.props.width;} else {containerStyle.width = 'auto';}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Modal', className: _Modal.styles.root() }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/_react.default.createElement("div", { className: _Modal.styles.bg(this.theme) }), /*#__PURE__*/_react.default.createElement("div", { ref: this.refContainer, className: _Modal.styles.container(), onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, "data-tid": ModalDataTids.container }, /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var _cx, _cx2, _cx3, _cx4, _cx5;var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_Modal.styles.centerContainer()] = true, _cx[_Modal.styles.mobileCenterContainer()] = isMobile, _cx[_Modal.styles.alignTop()] = Boolean(_this3.props.alignTop), _cx)), style: isMobile ? undefined : containerStyle, "data-tid": ModalDataTids.content }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Modal.styles.window(_this3.theme)] = true, _cx2[_Modal.styles.mobileWindow()] = isMobile, _cx2)), style: isMobile ? undefined : style }, /*#__PURE__*/_react.default.createElement(_ResizeDetector.ResizeDetector, { onResize: _this3.handleResize, fullHeight: isMobile }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: _this3.getProps().disableFocusLock, autoFocus: false, className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_Modal.styles.columnFlexContainer()] = isMobile, _cx3), 'focus-lock-container') }, !hasHeader && !_this3.props.noClose && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'ModalCross', className: (0, _Emotion.cx)((_cx4 = {}, _cx4[_Modal.styles.closeWrapper(_this3.theme)] = true, _cx4[_Modal.styles.mobileCloseWrapper(_this3.theme)] = isMobile, _cx4)) }, /*#__PURE__*/_react.default.createElement(_ModalClose.ModalClose, { className: (0, _Emotion.cx)((_cx5 = {}, _cx5[_Modal.styles.mobileCloseWithoutHeader()] = isMobile && !_this3.state.hasHeader, _cx5)), requestClose: _this3.requestClose, disableClose: _this3.props.disableClose })), /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, { value: modalContextProps }, _this3.props.children)))));})))));};return Modal;}(_react.default.Component);exports.Modal = Modal;Modal.__KONTUR_REACT_UI__ = 'Modal';Modal.Header = _ModalHeader.ModalHeader;Modal.Body = _ModalBody.ModalBody;Modal.Footer = _ModalFooter.ModalFooter;Modal.defaultProps = { // NOTE: в ie нормально не работает
   disableFocusLock: _client.isIE11 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Modal.tsx"],"names":["mountedModalsCount","ModalDataTids","container","content","close","Modal","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","ModalStack","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","LayoutEvents","emit","setHasHeader","setHasFooter","setHasPanel","componentDidMount","add","window","addEventListener","componentWillUnmount","removeEventListener","remove","render","theme","renderMain","modalContextProps","noClose","additionalPadding","style","containerStyle","width","styles","root","bg","isMobile","centerContainer","mobileCenterContainer","alignTop","Boolean","undefined","mobileWindow","disableFocusLock","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","Header","ModalHeader","Body","ModalBody","Footer","ModalFooter","isIE11"],"mappings":"uXAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,uC;;AAEA,IAAIA,kBAAkB,GAAG,CAAzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,SAAS,EAAE,iBADgB;AAE3BC,EAAAA,OAAO,EAAE,eAFkB;AAG3BC,EAAAA,KAAK,EAAE,aAHoB,EAAtB,C;;;;;AAQP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;AACaC,K;;;;;;;;;;;;AAYHC,IAAAA,Q,GAAW,0CAAkBD,KAAK,CAACE,YAAxB,C;;AAEZC,IAAAA,K,GAAoB;AACzBC,MAAAA,aAAa,EAAE,CADU;AAEzBC,MAAAA,aAAa,EAAE,IAFU;AAGzBC,MAAAA,gBAAgB,EAAE,KAHO;AAIzBC,MAAAA,SAAS,EAAE,KAJc;AAKzBC,MAAAA,SAAS,EAAE,KALc;AAMzBC,MAAAA,QAAQ,EAAE,KANe,E;;;;AAUnBC,IAAAA,iB,GAAmD,I;AACnDC,IAAAA,a,GAAuC,I;AACvCC,IAAAA,e,GAAsC,I;AACtCC,IAAAA,a,GAAoC,I;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJpCC,IAAAA,Y,GAAe,YAAM;AAC3B,UAAI,MAAKC,KAAL,CAAWC,YAAf,EAA6B;AAC3B;AACD;AACD,UAAI,MAAKD,KAAL,CAAWE,OAAf,EAAwB;AACtB,cAAKF,KAAL,CAAWE,OAAX;AACD;AACF,K;;AAEOC,IAAAA,Y,GAAe,UAACC,MAAD,EAAmC;AACxD,YAAKR,aAAL,GAAqBQ,MAArB;AACD,K;;AAEOC,IAAAA,iB,GAAoB,UAACC,KAAD,EAAuC;AACjE,YAAKC,QAAL,CAAc,EAAElB,aAAa,EAAEiB,KAAK,CAACE,OAAN,6CAAjB,EAAsClB,aAAa,EAAEmB,uBAAWC,UAAX,6CAArD,EAAd;AACD,K;;AAEOC,IAAAA,wB,GAA2B,UAACC,KAAD,EAA6B;AAC9D,YAAKf,eAAL,GAAuBe,KAAK,CAACC,MAA7B;AACD,K;;AAEOC,IAAAA,sB,GAAyB,UAACF,KAAD,EAA6B;AAC5D,YAAKd,aAAL,GAAqBc,KAAK,CAACC,MAA3B;AACD,K;;AAEOE,IAAAA,oB,GAAuB,UAACH,KAAD,EAA6C;AAC1E,UAAI,CAAC,MAAKZ,KAAL,CAAWgB,qBAAhB,EAAuC;AACrC,YAAQH,MAAR,GAAkCD,KAAlC,CAAQC,MAAR,CAAgBI,aAAhB,GAAkCL,KAAlC,CAAgBK,aAAhB;AACA,YAAIJ,MAAM,KAAKI,aAAX,IAA4B,MAAKpB,eAAL,KAAyBoB,aAArD,IAAsE,MAAKnB,aAAL,KAAuBmB,aAAjG,EAAgH;AAC9G,gBAAKlB,YAAL;AACD;AACF;AACF,K;;AAEOmB,IAAAA,a,GAAgB,UAACC,CAAD,EAAsB;AAC5C,UAAI,MAAK/B,KAAL,CAAWC,aAAX,KAA6B,CAAjC,EAAoC;AAClC;AACD;AACD,UAAI,8BAAY8B,CAAZ,CAAJ,EAAoB;AAClB,8CAAgBA,CAAhB;AACA,cAAKpB,YAAL;AACD;AACF,K;;AAEOqB,IAAAA,+B,GAAkC,YAAM;AAC9C,UAAIC,SAAS,GAAG,KAAhB;;AAEA,UAAI,MAAKzB,aAAT,EAAwB;AACtB,YAAM0B,oBAAoB,GAAG,MAAK1B,aAAL,CAAmB2B,WAAhD;AACA,YAAMC,oBAAoB,GAAG,MAAK5B,aAAL,CAAmB6B,WAAhD;AACAJ,QAAAA,SAAS,GAAGC,oBAAoB,GAAGE,oBAAnC;AACD;AACD,UAAIH,SAAS,IAAI,CAAC,MAAKjC,KAAL,CAAWG,gBAA7B,EAA+C;AAC7C,cAAKgB,QAAL,CAAc,EAAEhB,gBAAgB,EAAE,IAApB,EAAd;AACD,OAFD,MAEO,IAAI,MAAKH,KAAL,CAAWG,gBAAf,EAAiC;AACtC,cAAKgB,QAAL,CAAc,EAAEhB,gBAAgB,EAAE,KAApB,EAAd;AACD;AACF,K;;AAEOmC,IAAAA,8B,GAAiC,qBAAS,MAAKN,+BAAd,EAA+C,GAA/C,C;;AAEjCO,IAAAA,Y,GAAe,YAAM;AAC3BC,MAAAA,YAAY,CAACC,IAAb;AACD,K;;AAEOC,IAAAA,Y,GAAe,UAACtC,SAAD,EAAsB,KAArBA,SAAqB,cAArBA,SAAqB,GAAT,IAAS;AAC3C,YAAKJ,KAAL,CAAWI,SAAX,KAAyBA,SAAzB,IAAsC,MAAKe,QAAL,CAAc,EAAEf,SAAS,EAATA,SAAF,EAAd,CAAtC;AACD,K;;AAEOuC,IAAAA,Y,GAAe,UAACtC,SAAD,EAAsB,KAArBA,SAAqB,cAArBA,SAAqB,GAAT,IAAS;AAC3C,YAAKL,KAAL,CAAWK,SAAX,KAAyBA,SAAzB,IAAsC,MAAKc,QAAL,CAAc,EAAEd,SAAS,EAATA,SAAF,EAAd,CAAtC;AACD,K;;AAEOuC,IAAAA,W,GAAc,UAACtC,QAAD,EAAsB,KAArBA,QAAqB,cAArBA,QAAqB,GAAV,KAAU;AAC1C,YAAKN,KAAL,CAAWM,QAAX,KAAwBA,QAAxB,IAAoC,MAAKa,QAAL,CAAc,EAAEb,QAAQ,EAARA,QAAF,EAAd,CAApC;AACD,K,mDA7NMuC,iB,GAAP,6BAA2B,CACzB,KAAKtC,iBAAL,GAAyBc,uBAAWyB,GAAX,CAAe,IAAf,EAAqB,KAAK7B,iBAA1B,CAAzB,CAEA,IAAIzB,kBAAkB,KAAK,CAA3B,EAA8B,CAC5BuD,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkC,KAAKV,8BAAvC,EACD,CAED9C,kBAAkB,GAClBuD,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmC,KAAKlB,aAAxC,EACA,KAAKE,+BAAL,GAEA,IAAI,KAAKxB,aAAT,EAAwB,CACtB,KAAKA,aAAL,CAAmBwC,gBAAnB,CAAoC,QAApC,EAA8CR,YAAY,CAACC,IAA3D,EACD,CACF,C,QAEMQ,oB,GAAP,gCAA8B,CAC5B,IAAI,EAAEzD,kBAAF,KAAyB,CAA7B,EAAgC,CAC9BuD,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqC,KAAKZ,8BAA1C,EACAE,YAAY,CAACC,IAAb,GACD,CAEDM,MAAM,CAACG,mBAAP,CAA2B,SAA3B,EAAsC,KAAKpB,aAA3C,EACA,IAAI,0BAAc,KAAKvB,iBAAnB,CAAJ,EAA2C,CACzC,KAAKA,iBAAL,CAAuB4C,MAAvB,GACD,CACD9B,uBAAW8B,MAAX,CAAkB,IAAlB,EAEA,IAAI,KAAK3C,aAAT,EAAwB,CACtB,KAAKA,aAAL,CAAmB0C,mBAAnB,CAAuC,QAAvC,EAAiDV,YAAY,CAACC,IAA9D,EACD,CACF,C,QAEMW,M,GAAP,kBAA6B,mBAC3B,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,mBACnB,kBAA2C,KAAKtD,KAAhD,CAAQI,SAAR,eAAQA,SAAR,CAAmBC,SAAnB,eAAmBA,SAAnB,CAA8BC,QAA9B,eAA8BA,QAA9B,CAEA,IAAMiD,iBAAoC,GAAG,EAC3CnD,SAAS,EAATA,SAD2C,EAE3CD,gBAAgB,EAAE,KAAKH,KAAL,CAAWG,gBAFc,EAG3CuC,YAAY,EAAE,KAAKA,YAHwB,EAI3CC,YAAY,EAAE,KAAKA,YAJwB,EAK3CC,WAAW,EAAE,KAAKA,WALyB,EAA7C,CAOA,IAAI,CAAC,KAAKhC,KAAL,CAAW4C,OAAhB,EAAyB,CACvBD,iBAAiB,CAAC3D,KAAlB,GAA0B,EACxBiB,YAAY,EAAE,KAAKD,KAAL,CAAWC,YADD,EAExBF,YAAY,EAAE,KAAKA,YAFK,EAA1B,CAID,CACD,IAAI,CAACN,SAAL,EAAgB,CACdkD,iBAAiB,CAACE,iBAAlB,GAAsC,IAAtC,CACD,CACD,IAAIpD,SAAS,IAAIC,QAAjB,EAA2B,CACzBiD,iBAAiB,CAACE,iBAAlB,GAAsC,IAAtC,CACD,CAED,IAAMC,KAAkC,GAAG,EAA3C,CACA,IAAMC,cAA2C,GAAG,EAApD,CAEA,IAAI,KAAK/C,KAAL,CAAWgD,KAAf,EAAsB,CACpBF,KAAK,CAACE,KAAN,GAAc,KAAKhD,KAAL,CAAWgD,KAAzB,CACD,CAFD,MAEO,CACLD,cAAc,CAACC,KAAf,GAAuB,MAAvB,CACD,CAED,oBACE,6BAAC,gCAAD,qBACE,6BAAC,4BAAD,EAAmB,KAAKhD,KAAxB,eACE,6BAAC,cAAD,IAAQ,QAAQ,EAAE,OAAlB,EAA2B,SAAS,EAAEiD,cAAOC,IAAP,EAAtC,iBACE,6BAAC,8CAAD,OADF,EAEG,KAAK9D,KAAL,CAAWE,aAAX,iBAA4B,sCAAK,SAAS,EAAE2D,cAAOE,EAAP,CAAU,KAAKV,KAAf,CAAhB,GAF/B,eAGE,sCACE,GAAG,EAAE,KAAKtC,YADZ,EAEE,SAAS,EAAE8C,cAAOnE,SAAP,EAFb,EAGE,WAAW,EAAE,KAAK6B,wBAHpB,EAIE,SAAS,EAAE,KAAKG,sBAJlB,EAKE,OAAO,EAAE,KAAKC,oBALhB,EAME,YAAUlC,aAAa,CAACC,SAN1B,iBAQE,6BAAC,kCAAD,QACG,gBAAkB,qCAAfsE,QAAe,QAAfA,QAAe,CACjB,oBACE,sCACE,SAAS,EAAE,gCACRH,cAAOI,eAAP,EADQ,IACmB,IADnB,MAERJ,cAAOK,qBAAP,EAFQ,IAEyBF,QAFzB,MAGRH,cAAOM,QAAP,EAHQ,IAGYC,OAAO,CAAC,MAAI,CAACxD,KAAL,CAAWuD,QAAZ,CAHnB,OADb,EAME,KAAK,EAAEH,QAAQ,GAAGK,SAAH,GAAeV,cANhC,EAOE,YAAUlE,aAAa,CAACE,OAP1B,iBASE,sCACE,SAAS,EAAE,kCAAMkE,cAAOd,MAAP,CAAc,MAAI,CAACM,KAAnB,CAAN,IAAkC,IAAlC,OAAyCQ,cAAOS,YAAP,EAAzC,IAAiEN,QAAjE,QADb,EAEE,KAAK,EAAEA,QAAQ,GAAGK,SAAH,GAAeX,KAFhC,iBAIE,6BAAC,8BAAD,IAAgB,QAAQ,EAAE,MAAI,CAACnB,YAA/B,EAA6C,UAAU,EAAEyB,QAAzD,iBACE,6BAAC,uBAAD,IACE,QAAQ,EAAE,MAAI,CAAClE,QAAL,GAAgByE,gBAD5B,EAEE,SAAS,EAAE,KAFb,EAGE,SAAS,EAAE,kCAAMV,cAAOW,mBAAP,EAAN,IAAqCR,QAArC,SAAiD,sBAAjD,CAHb,IAKG,CAAC5D,SAAD,IAAc,CAAC,MAAI,CAACQ,KAAL,CAAW4C,OAA1B,iBACC,6BAAC,cAAD,IACE,QAAQ,EAAE,YADZ,EAEE,SAAS,EAAE,kCACRK,cAAOY,YAAP,CAAoB,MAAI,CAACpB,KAAzB,CADQ,IAC0B,IAD1B,OAERQ,cAAOa,kBAAP,CAA0B,MAAI,CAACrB,KAA/B,CAFQ,IAEgCW,QAFhC,QAFb,iBAOE,6BAAC,sBAAD,IACE,SAAS,EAAE,kCACRH,cAAOc,wBAAP,EADQ,IAC4BX,QAAQ,IAAI,CAAC,MAAI,CAAChE,KAAL,CAAWI,SADpD,QADb,EAIE,YAAY,EAAE,MAAI,CAACO,YAJrB,EAKE,YAAY,EAAE,MAAI,CAACC,KAAL,CAAWC,YAL3B,GAPF,CANJ,eAsBE,6BAAC,0BAAD,CAAc,QAAd,IAAuB,KAAK,EAAE0C,iBAA9B,IACG,MAAI,CAAC3C,KAAL,CAAWgE,QADd,CAtBF,CADF,CAJF,CATF,CADF,CA6CD,CA/CH,CARF,CAHF,CADF,CADF,CADF,CAoED,C,gBA7KwBC,eAAMC,S,wBAApBjF,K,CACGkF,mB,GAAsB,O,CADzBlF,K,CAGGmF,M,GAASC,wB,CAHZpF,K,CAIGqF,I,GAAOC,oB,CAJVtF,K,CAKGuF,M,GAASC,wB,CALZxF,K,CAOGE,Y,GAA6B,EACzC;AACAwE,EAAAA,gBAAgB,EAAEe,cAFuB,E","sourcesContent":["import React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { ModalContext, ModalContextProps } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { styles } from './Modal.styles';\n\nlet mountedModalsCount = 0;\n\nexport interface ModalProps extends CommonProps {\n /*\n Отключает событие onClose, также дизейблит кнопку закрытия модалки\n /\n disableClose?: boolean;\n\n /\n Выравнивание окна по верху страницы.\n /\n alignTop?: boolean;\n\n /\n Не закрывать окно при клике на фон.\n /\n ignoreBackgroundClick?: boolean;\n\n /\n Не показывать крестик для закрытия окна.\n /\n noClose?: boolean;\n width?: number \| string;\n\n /\n Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на\n * Escape или на крестик).\n /\n onClose?: () => void;\n\n /\n Не использовать фокус-лок внутри модалки.\n * По умолчанию true для IE11.\n /\n disableFocusLock?: boolean;\n}\n\nexport interface ModalState {\n stackPosition: number;\n hasBackground: boolean;\n horizontalScroll: boolean;\n hasHeader: boolean;\n hasFooter: boolean;\n hasPanel: boolean;\n}\n\nexport const ModalDataTids = {\n container: 'modal-container',\n content: 'modal-content',\n close: 'modal-close',\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock'>>;\n\n/\n Модальное окно\n \n Содержит в себе три компоненты: Modal.Header,\n * Modal.Body и Modal.Footer\n \n Для отображения серой плашки в футере в компонент\n * Footer необходимо передать пропс panel\n \n Для отключения прилипания шапки и футера\n * в соответствующий компонент нужно передать\n * проп sticky со значением false\n * (по-умолчанию прилипание включено)\n */\nexport class Modal extends React.Component<ModalProps, ModalState> {\n public static __KONTUR_REACT_UI__ = 'Modal';\n\n public static Header = ModalHeader;\n public static Body = ModalBody;\n public static Footer = ModalFooter;\n\n public static defaultProps: DefaultProps = {\n // NOTE: в ie нормально не работает\n disableFocusLock: isIE11,\n };\n\n private getProps = createPropsGetter(Modal.defaultProps);\n\n public state: ModalState = {\n stackPosition: 0,\n hasBackground: true,\n horizontalScroll: false,\n hasHeader: false,\n hasFooter: false,\n hasPanel: false,\n };\n\n private theme!: Theme;\n private stackSubscription: ModalStackSubscription \| null = null;\n private containerNode: HTMLDivElement \| null = null;\n private mouseDownTarget: EventTarget \| null = null;\n private mouseUpTarget: EventTarget \| null = null;\n\n public componentDidMount() {\n this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n\n if (mountedModalsCount === 0) {\n window.addEventListener('resize', this.throttledCheckHorizontalScroll);\n }\n\n mountedModalsCount++;\n window.addEventListener('keydown', this.handleKeyDown);\n this.checkHorizontalScrollAppearance();\n\n if (this.containerNode) {\n this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n }\n }\n\n public componentWillUnmount() {\n if (--mountedModalsCount === 0) {\n window.removeEventListener('resize', this.throttledCheckHorizontalScroll);\n LayoutEvents.emit();\n }\n\n window.removeEventListener('keydown', this.handleKeyDown);\n if (isNonNullable(this.stackSubscription)) {\n this.stackSubscription.remove();\n }\n ModalStack.remove(this);\n\n if (this.containerNode) {\n this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n }\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { hasHeader, hasFooter, hasPanel } = this.state;\n\n const modalContextProps: ModalContextProps = {\n hasHeader,\n horizontalScroll: this.state.horizontalScroll,\n setHasHeader: this.setHasHeader,\n setHasFooter: this.setHasFooter,\n setHasPanel: this.setHasPanel,\n };\n if (!this.props.noClose) {\n modalContextProps.close = {\n disableClose: this.props.disableClose,\n requestClose: this.requestClose,\n };\n }\n if (!hasFooter) {\n modalContextProps.additionalPadding = true;\n }\n if (hasFooter && hasPanel) {\n modalContextProps.additionalPadding = true;\n }\n\n const style: { width?: number \| string } = {};\n const containerStyle: { width?: number \| string } = {};\n\n if (this.props.width) {\n style.width = this.props.width;\n } else {\n containerStyle.width = 'auto';\n }\n\n return (\n <RenderContainer>\n <CommonWrapper {...this.props}>\n <ZIndex priority={'Modal'} className={styles.root()}>\n <HideBodyVerticalScroll />\n {this.state.hasBackground && <div className={styles.bg(this.theme)} />}\n <div\n ref={this.refContainer}\n className={styles.container()}\n onMouseDown={this.handleContainerMouseDown}\n onMouseUp={this.handleContainerMouseUp}\n onClick={this.handleContainerClick}\n data-tid={ModalDataTids.container}\n >\n <ResponsiveLayout>\n {({ isMobile }) => {\n return (\n <div\n className={cx({\n [styles.centerContainer()]: true,\n [styles.mobileCenterContainer()]: isMobile,\n [styles.alignTop()]: Boolean(this.props.alignTop),\n })}\n style={isMobile ? undefined : containerStyle}\n data-tid={ModalDataTids.content}\n >\n <div\n className={cx({ [styles.window(this.theme)]: true, [styles.mobileWindow()]: isMobile })}\n style={isMobile ? undefined : style}\n >\n <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n <FocusLock\n disabled={this.getProps().disableFocusLock}\n autoFocus={false}\n className={cx({ [styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n >\n {!hasHeader && !this.props.noClose && (\n <ZIndex\n priority={'ModalCross'}\n className={cx({\n [styles.closeWrapper(this.theme)]: true,\n [styles.mobileCloseWrapper(this.theme)]: isMobile,\n })}\n >\n <ModalClose\n className={cx({\n [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n })}\n requestClose={this.requestClose}\n disableClose={this.props.disableClose}\n />\n </ZIndex>\n )}\n <ModalContext.Provider value={modalContextProps}>\n {this.props.children}\n </ModalContext.Provider>\n </FocusLock>\n </ResizeDetector>\n </div>\n </div>\n );\n }}\n </ResponsiveLayout>\n </div>\n </ZIndex>\n </CommonWrapper>\n </RenderContainer>\n );\n }\n\n private requestClose = () => {\n if (this.props.disableClose) {\n return;\n }\n if (this.props.onClose) {\n this.props.onClose();\n }\n };\n\n private refContainer = (center: HTMLDivElement \| null) => {\n this.containerNode = center;\n };\n\n private handleStackChange = (stack: readonly React.Component[]) => {\n this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\n };\n\n private handleContainerMouseDown = (event: React.MouseEvent) => {\n this.mouseDownTarget = event.target;\n };\n\n private handleContainerMouseUp = (event: React.MouseEvent) => {\n this.mouseUpTarget = event.target;\n };\n\n private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (!this.props.ignoreBackgroundClick) {\n const { target, currentTarget } = event;\n if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n this.requestClose();\n }\n }\n };\n\n private handleKeyDown = (e: KeyboardEvent) => {\n if (this.state.stackPosition !== 0) {\n return;\n }\n if (isKeyEscape(e)) {\n stopPropagation(e);\n this.requestClose();\n }\n };\n\n private checkHorizontalScrollAppearance = () => {\n let hasScroll = false;\n\n if (this.containerNode) {\n const containerClientWidth = this.containerNode.clientWidth;\n const containerScrollWidth = this.containerNode.scrollWidth;\n hasScroll = containerClientWidth < containerScrollWidth;\n }\n if (hasScroll && !this.state.horizontalScroll) {\n this.setState({ horizontalScroll: true });\n } else if (this.state.horizontalScroll) {\n this.setState({ horizontalScroll: false });\n }\n };\n\n private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n private handleResize = () => {\n LayoutEvents.emit();\n };\n\n private setHasHeader = (hasHeader = true) => {\n this.state.hasHeader !== hasHeader && this.setState({ hasHeader });\n };\n\n private setHasFooter = (hasFooter = true) => {\n this.state.hasFooter !== hasFooter && this.setState({ hasFooter });\n };\n\n private setHasPanel = (hasPanel = false) => {\n this.state.hasPanel !== hasPanel && this.setState({ hasPanel });\n };\n}\n"]}
1	+ {"version":3,"sources":["Modal.tsx"],"names":["mountedModalsCount","ModalDataTids","container","content","close","Modal","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","ModalStack","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","LayoutEvents","emit","setHasHeader","setHasFooter","setHasPanel","componentDidMount","add","window","addEventListener","componentWillUnmount","removeEventListener","remove","render","theme","renderMain","modalContextProps","noClose","additionalPadding","style","containerStyle","width","styles","root","bg","isMobile","centerContainer","mobileCenterContainer","alignTop","Boolean","undefined","mobileWindow","disableFocusLock","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","Header","ModalHeader","Body","ModalBody","Footer","ModalFooter","isIE11"],"mappings":"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","sourcesContent":["import React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { ModalContext, ModalContextProps } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { styles } from './Modal.styles';\nimport { relinkModalTheme } from './relinkModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport interface ModalProps extends CommonProps {\n /*\n Отключает событие onClose, также дизейблит кнопку закрытия модалки\n /\n disableClose?: boolean;\n\n /\n Выравнивание окна по верху страницы.\n /\n alignTop?: boolean;\n\n /\n Не закрывать окно при клике на фон.\n /\n ignoreBackgroundClick?: boolean;\n\n /\n Не показывать крестик для закрытия окна.\n /\n noClose?: boolean;\n width?: number \| string;\n\n /\n Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на\n * Escape или на крестик).\n /\n onClose?: () => void;\n\n /\n Не использовать фокус-лок внутри модалки.\n * По умолчанию true для IE11.\n /\n disableFocusLock?: boolean;\n}\n\nexport interface ModalState {\n stackPosition: number;\n hasBackground: boolean;\n horizontalScroll: boolean;\n hasHeader: boolean;\n hasFooter: boolean;\n hasPanel: boolean;\n}\n\nexport const ModalDataTids = {\n container: 'modal-container',\n content: 'modal-content',\n close: 'modal-close',\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock'>>;\n\n/\n Модальное окно\n \n Содержит в себе три компоненты: Modal.Header,\n * Modal.Body и Modal.Footer\n \n Для отображения серой плашки в футере в компонент\n * Footer необходимо передать пропс panel\n \n Для отключения прилипания шапки и футера\n * в соответствующий компонент нужно передать\n * проп sticky со значением false\n * (по-умолчанию прилипание включено)\n */\nexport class Modal extends React.Component<ModalProps, ModalState> {\n public static __KONTUR_REACT_UI__ = 'Modal';\n\n public static Header = ModalHeader;\n public static Body = ModalBody;\n public static Footer = ModalFooter;\n\n public static defaultProps: DefaultProps = {\n // NOTE: в ie нормально не работает\n disableFocusLock: isIE11,\n };\n\n private getProps = createPropsGetter(Modal.defaultProps);\n\n public state: ModalState = {\n stackPosition: 0,\n hasBackground: true,\n horizontalScroll: false,\n hasHeader: false,\n hasFooter: false,\n hasPanel: false,\n };\n\n private theme!: Theme;\n private stackSubscription: ModalStackSubscription \| null = null;\n private containerNode: HTMLDivElement \| null = null;\n private mouseDownTarget: EventTarget \| null = null;\n private mouseUpTarget: EventTarget \| null = null;\n\n public componentDidMount() {\n this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n\n if (mountedModalsCount === 0) {\n window.addEventListener('resize', this.throttledCheckHorizontalScroll);\n }\n\n mountedModalsCount++;\n window.addEventListener('keydown', this.handleKeyDown);\n this.checkHorizontalScrollAppearance();\n\n if (this.containerNode) {\n this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n }\n }\n\n public componentWillUnmount() {\n if (--mountedModalsCount === 0) {\n window.removeEventListener('resize', this.throttledCheckHorizontalScroll);\n LayoutEvents.emit();\n }\n\n window.removeEventListener('keydown', this.handleKeyDown);\n if (isNonNullable(this.stackSubscription)) {\n this.stackSubscription.remove();\n }\n ModalStack.remove(this);\n\n if (this.containerNode) {\n this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n }\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = relinkModalTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { hasHeader, hasFooter, hasPanel } = this.state;\n\n const modalContextProps: ModalContextProps = {\n hasHeader,\n horizontalScroll: this.state.horizontalScroll,\n setHasHeader: this.setHasHeader,\n setHasFooter: this.setHasFooter,\n setHasPanel: this.setHasPanel,\n };\n if (!this.props.noClose) {\n modalContextProps.close = {\n disableClose: this.props.disableClose,\n requestClose: this.requestClose,\n };\n }\n if (!hasFooter) {\n modalContextProps.additionalPadding = true;\n }\n if (hasFooter && hasPanel) {\n modalContextProps.additionalPadding = true;\n }\n\n const style: { width?: number \| string } = {};\n const containerStyle: { width?: number \| string } = {};\n\n if (this.props.width) {\n style.width = this.props.width;\n } else {\n containerStyle.width = 'auto';\n }\n\n return (\n <RenderContainer>\n <CommonWrapper {...this.props}>\n <ZIndex priority={'Modal'} className={styles.root()}>\n <HideBodyVerticalScroll />\n {this.state.hasBackground && <div className={styles.bg(this.theme)} />}\n <div\n ref={this.refContainer}\n className={styles.container()}\n onMouseDown={this.handleContainerMouseDown}\n onMouseUp={this.handleContainerMouseUp}\n onClick={this.handleContainerClick}\n data-tid={ModalDataTids.container}\n >\n <ResponsiveLayout>\n {({ isMobile }) => {\n return (\n <div\n className={cx({\n [styles.centerContainer()]: true,\n [styles.mobileCenterContainer()]: isMobile,\n [styles.alignTop()]: Boolean(this.props.alignTop),\n })}\n style={isMobile ? undefined : containerStyle}\n data-tid={ModalDataTids.content}\n >\n <div\n className={cx({ [styles.window(this.theme)]: true, [styles.mobileWindow()]: isMobile })}\n style={isMobile ? undefined : style}\n >\n <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n <FocusLock\n disabled={this.getProps().disableFocusLock}\n autoFocus={false}\n className={cx({ [styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n >\n {!hasHeader && !this.props.noClose && (\n <ZIndex\n priority={'ModalCross'}\n className={cx({\n [styles.closeWrapper(this.theme)]: true,\n [styles.mobileCloseWrapper(this.theme)]: isMobile,\n })}\n >\n <ModalClose\n className={cx({\n [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n })}\n requestClose={this.requestClose}\n disableClose={this.props.disableClose}\n />\n </ZIndex>\n )}\n <ModalContext.Provider value={modalContextProps}>\n {this.props.children}\n </ModalContext.Provider>\n </FocusLock>\n </ResizeDetector>\n </div>\n </div>\n );\n }}\n </ResponsiveLayout>\n </div>\n </ZIndex>\n </CommonWrapper>\n </RenderContainer>\n );\n }\n\n private requestClose = () => {\n if (this.props.disableClose) {\n return;\n }\n if (this.props.onClose) {\n this.props.onClose();\n }\n };\n\n private refContainer = (center: HTMLDivElement \| null) => {\n this.containerNode = center;\n };\n\n private handleStackChange = (stack: readonly React.Component[]) => {\n this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\n };\n\n private handleContainerMouseDown = (event: React.MouseEvent) => {\n this.mouseDownTarget = event.target;\n };\n\n private handleContainerMouseUp = (event: React.MouseEvent) => {\n this.mouseUpTarget = event.target;\n };\n\n private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (!this.props.ignoreBackgroundClick) {\n const { target, currentTarget } = event;\n if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n this.requestClose();\n }\n }\n };\n\n private handleKeyDown = (e: KeyboardEvent) => {\n if (this.state.stackPosition !== 0) {\n return;\n }\n if (isKeyEscape(e)) {\n stopPropagation(e);\n this.requestClose();\n }\n };\n\n private checkHorizontalScrollAppearance = () => {\n let hasScroll = false;\n\n if (this.containerNode) {\n const containerClientWidth = this.containerNode.clientWidth;\n const containerScrollWidth = this.containerNode.scrollWidth;\n hasScroll = containerClientWidth < containerScrollWidth;\n }\n if (hasScroll && !this.state.horizontalScroll) {\n this.setState({ horizontalScroll: true });\n } else if (this.state.horizontalScroll) {\n this.setState({ horizontalScroll: false });\n }\n };\n\n private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n private handleResize = () => {\n LayoutEvents.emit();\n };\n\n private setHasHeader = (hasHeader = true) => {\n this.state.hasHeader !== hasHeader && this.setState({ hasHeader });\n };\n\n private setHasFooter = (hasFooter = true) => {\n this.state.hasFooter !== hasFooter && this.setState({ hasFooter });\n };\n\n private setHasPanel = (hasPanel = false) => {\n this.state.hasPanel !== hasPanel && this.setState({ hasPanel });\n };\n}\n"]}

package/cjs/components/Modal/Modal.styles.js CHANGED Viewed

@@ -213,7 +213,8 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
   body: function body(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 ", " ", " ", ";\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      padding: 0 ", " ", " ", ";\n      color: ", ";\n    "])),
+    t.modalBodyBorderRadius,
     t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft,
     t.modalBodyTextColor);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Modal.styles.ts"],"names":["styles","root","css","bg","t","modalBackBg","modalBackOpacity","container","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","centerContainer","mobileCenterContainer","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","mobileClose","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","mobileCloseWrapper","size","bgDefault","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","modalCloseLegacyGap","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","fixedFooter","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","modalFixedPanelShadow","headerAddPadding","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","modalPaddingTop","mobileBodyWithoutHeader","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","mobileBodyAddPaddingForPanel","columnFlexContainer","modalSeparatorWrapper","modalSeparator","modalSeparatorBorderBottom","modalSeparatorFixed"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n `;\n },\n\n bg(t: Theme) {\n return css`\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n background: ${t.modalBackBg};\n opacity: ${t.modalBackOpacity};\n `;\n },\n\n container() {\n return css`\n position: relative;\n white-space: nowrap;\n text-align: center;\n height: 100%;\n overflow-y: auto;\n outline: none;\n\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 80%; /* to vertical align modal 40%/60% of screen height /\n }\n `;\n },\n\n window(t: Theme) {\n return css`\n position: relative;\n white-space: normal;\n margin: auto;\n box-shadow: ${t.modalWindowShadow};\n background: ${t.modalBg};\n border-radius: ${t.modalBorderRadius};\n `;\n },\n\n mobileWindow() {\n return css`\n width: 100%;\n height: 100%;\n overflow: auto;\n `;\n },\n\n centerContainer() {\n return css`\n position: relative;\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n box-sizing: border-box;\n z-index: 10;\n margin: 40px 20px;\n `;\n },\n\n mobileCenterContainer() {\n return css`\n margin: 0;\n width: 100%;\n height: 100%;\n `;\n },\n\n alignTop() {\n return css`\n vertical-align: top;\n `;\n },\n\n close(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n return css`\n ${resetButton()};\n position: absolute;\n display: flex;\n right: ${padding}px;\n top: ${padding}px;\n background: none;\n background: transparent;\n cursor: pointer;\n color: ${t.modalCloseButtonColor};\n text-align: center;\n vertical-align: middle;\n padding: ${t.modalCloseButtonClickArea};\n margin: -${t.modalCloseButtonClickArea};\n\n &:hover {\n color: ${t.modalCloseButtonHoverColor};\n }\n\n & > svg {\n width: ${t.modalCloseIconSize};\n height: ${t.modalCloseIconSize};\n box-sizing: content-box;\n }\n `;\n },\n\n mobileClose(t: Theme) {\n return css`\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n padding: ${t.mobileModalCloseButtonClickArea};\n margin: -${t.mobileModalCloseButtonClickArea};\n\n & > svg {\n width: ${t.mobileModalCloseIconSize};\n height: ${t.mobileModalCloseIconSize};\n }\n `;\n },\n\n mobileCloseWithoutHeader() {\n return css`\n position: static;\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\n const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding - legacyShift;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX + legacyGap}px;\n height: ${blockSizeY}px;\n `;\n },\n\n mobileCloseWrapper(t: Theme) {\n const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n return css`\n position: absolute;\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${t.mobileModalCloseButtonTopPadding};\n padding: 0px;\n margin: 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: ${size}px;\n height: ${size}px;\n background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n border-radius: ${size}px;\n `;\n },\n\n disabled(t: Theme) {\n return css`\n pointer-events: none;\n cursor: default;\n color: ${t.modalCloseButtonDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n color: ${t.modalCloseButtonHoverColor};\n outline: 2px solid ${t.borderColorFocus};\n `;\n },\n\n headerWrapper() {\n return css`\n position: relative;\n `;\n },\n\n header(t: Theme) {\n return css`\n font-size: ${t.modalHeaderFontSize};\n line-height: ${t.modalHeaderLineHeight};\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n overflow-wrap: break-word;\n word-wrap: break-word;\n color: ${t.modalHeaderTextColor};\n font-weight: ${t.modalHeaderFontWeight};\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n body(t: Theme) {\n return css`\n padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\n padding-top: 0px;\n display: flex;\n flex-flow: column;\n flex: 1;\n font-size: ${t.mobileModalBodyFontSize};\n `;\n },\n\n headerWithClose(t: Theme) {\n const rightPadding =\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\n\n return css`\n padding-right: ${rightPadding}px;\n `;\n },\n\n mobileHeaderWithClose(t: Theme) {\n return css`\n padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n `;\n },\n\n footer(t: Theme) {\n return css`\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n color: ${t.modalFooterTextColor};\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n `;\n },\n\n mobileFooter(t: Theme) {\n return css`\n padding: ${t.mobileModalFooterPadding};\n `;\n },\n\n footerWrapper() {\n return css`\n position: relative;\n `;\n },\n\n panel(t: Theme) {\n return css`\n padding-top: ${t.modalFooterPanelPaddingTop};\n padding-bottom: ${t.modalFooterPanelPaddingBottom};\n background: ${t.modalFooterBg};\n `;\n },\n\n fixedHeader(t: Theme) {\n return css`\n margin-bottom: ${t.modalFixedHeaderMarginBottom};\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n background: ${t.modalFixedHeaderBg};\n border-bottom: ${t.modalFixedHeaderBorder};\n\n &:after {\n bottom: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedHeaderShadow};\n }\n `;\n },\n\n mobileFixedHeader(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalHeaderPadding};\n `;\n },\n\n fixedFooter(t: Theme) {\n return css`\n padding-top: ${t.modalFixedFooterPaddingTop};\n margin-top: ${t.modalFixedFooterMarginTop};\n background: ${t.modalFixedHeaderBg};\n border-top: ${t.modalFixedFooterBorder};\n\n &:before {\n top: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedFooterShadow};\n }\n `;\n },\n\n fixedPanel(t: Theme) {\n return css`\n &:before {\n box-shadow: ${t.modalFixedPanelShadow};\n }\n `;\n },\n\n headerAddPadding(t: Theme) {\n return css`\n padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n `;\n },\n\n bodyWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.modalPaddingTop};\n `;\n },\n\n mobileBodyWithoutHeader() {\n return css`\n padding-top: 0px;\n `;\n },\n\n bodyWithoutPadding() {\n return css`\n padding: 0;\n `;\n },\n\n bodyAddPaddingForPanel(t: Theme) {\n return css`\n padding-bottom: ${t.modalPaddingBottom};\n `;\n },\n\n mobileBodyAddPaddingForPanel(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalBodyPadding};\n `;\n },\n\n columnFlexContainer() {\n return css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: scroll;\n `;\n },\n\n modalSeparatorWrapper() {\n return css`\n position: absolute;\n width: 100%;\n `;\n },\n\n modalSeparator(t: Theme) {\n return css`\n border-bottom: ${t.modalSeparatorBorderBottom};\n margin: 0 32px;\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed() {\n return css`\n margin: 0 16px;\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Modal.styles.ts"],"names":["styles","root","css","bg","t","modalBackBg","modalBackOpacity","container","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","centerContainer","mobileCenterContainer","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","mobileClose","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","mobileCloseWrapper","size","bgDefault","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","modalBodyBorderRadius","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","modalCloseLegacyGap","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","fixedFooter","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","modalFixedPanelShadow","headerAddPadding","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","modalPaddingTop","mobileBodyWithoutHeader","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","mobileBodyAddPaddingForPanel","columnFlexContainer","modalSeparatorWrapper","modalSeparator","modalSeparatorBorderBottom","modalSeparatorFixed"],"mappings":"4QAAA;;AAEA,iD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;;;AAOD,GATgC;;AAWjCC,EAAAA,EAXiC,cAW9BC,CAX8B,EAWpB;AACX,eAAOF,YAAP;;;;;;AAMgBE,IAAAA,CAAC,CAACC,WANlB;AAOaD,IAAAA,CAAC,CAACE,gBAPf;;AASD,GArBgC;;AAuBjCC,EAAAA,SAvBiC,uBAuBrB;AACV,eAAOL,YAAP;;;;;;;;;;;;;;;AAeD,GAvCgC;;AAyCjCM,EAAAA,MAzCiC,kBAyC1BJ,CAzC0B,EAyChB;AACf,eAAOF,YAAP;;;;AAIgBE,IAAAA,CAAC,CAACK,iBAJlB;AAKgBL,IAAAA,CAAC,CAACM,OALlB;AAMmBN,IAAAA,CAAC,CAACO,iBANrB;;AAQD,GAlDgC;;AAoDjCC,EAAAA,YApDiC,0BAoDlB;AACb,eAAOV,YAAP;;;;;AAKD,GA1DgC;;AA4DjCW,EAAAA,eA5DiC,6BA4Df;AAChB,eAAOX,YAAP;;;;;;;;;AASD,GAtEgC;;AAwEjCY,EAAAA,qBAxEiC,mCAwET;AACtB,eAAOZ,YAAP;;;;;AAKD,GA9EgC;;AAgFjCa,EAAAA,QAhFiC,sBAgFtB;AACT,eAAOb,YAAP;;;AAGD,GApFgC;;AAsFjCc,EAAAA,KAtFiC,iBAsF3BZ,CAtF2B,EAsFjB;AACd,QAAMa,OAAO,GAAGC,QAAQ,CAACd,CAAC,CAACe,uBAAH,CAAxB;AACA,eAAOjB,YAAP;AACI,8BADJ;;;AAIWe,IAAAA,OAJX;AAKSA,IAAAA,OALT;;;;AASWb,IAAAA,CAAC,CAACgB,qBATb;;;AAYahB,IAAAA,CAAC,CAACiB,yBAZf;AAaajB,IAAAA,CAAC,CAACiB,yBAbf;;;AAgBajB,IAAAA,CAAC,CAACkB,0BAhBf;;;;AAoBalB,IAAAA,CAAC,CAACmB,kBApBf;AAqBcnB,IAAAA,CAAC,CAACmB,kBArBhB;;;;AAyBD,GAjHgC;;AAmHjCC,EAAAA,WAnHiC,uBAmHrBpB,CAnHqB,EAmHX;AACpB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACqB,kCADb;AAESP,IAAAA,QAAQ,CAACd,CAAC,CAACsB,gCAAH,CAAR,GAA+CR,QAAQ,CAACd,CAAC,CAACuB,wBAAH,CAFhE;AAGavB,IAAAA,CAAC,CAACwB,+BAHf;AAIaxB,IAAAA,CAAC,CAACwB,+BAJf;;;AAOaxB,IAAAA,CAAC,CAACyB,wBAPf;AAQczB,IAAAA,CAAC,CAACyB,wBARhB;;;AAWD,GA/HgC;;AAiIjCC,EAAAA,wBAjIiC,sCAiIN;AACzB,eAAO5B,YAAP;;;AAGD,GArIgC;;AAuIjC6B,EAAAA,YAvIiC,wBAuIpB3B,CAvIoB,EAuIV;AACrB,QAAMa,OAAO,GAAGC,QAAQ,CAACd,CAAC,CAACe,uBAAH,CAAxB;AACA,QAAMa,aAAa,GAAGd,QAAQ,CAACd,CAAC,CAAC6B,6BAAH,CAA9B;AACA,QAAMC,SAAS,GAAGhB,QAAQ,CAACd,CAAC,CAAC+B,0BAAH,CAA1B;AACA,QAAMC,WAAW,GAAGlB,QAAQ,CAACd,CAAC,CAACiC,2BAAH,CAA5B;AACA,QAAMC,UAAU,GAAGpB,QAAQ,CAACd,CAAC,CAACmB,kBAAH,CAAR,GAAiC,IAAIN,OAArC,GAA+CmB,WAAlE;AACA,QAAMG,UAAU,GAAGrB,QAAQ,CAACd,CAAC,CAACmB,kBAAH,CAAR,GAAiCN,OAAjC,GAA2Ce,aAA3C,GAA2DE,SAA9E;AACA,eAAOhC,YAAP;;;AAGWoC,IAAAA,UAAU,GAAGJ,SAHxB;AAIYK,IAAAA,UAJZ;;AAMD,GApJgC;;AAsJjCC,EAAAA,kBAtJiC,8BAsJdpC,CAtJc,EAsJJ;AAC3B,QAAMqC,IAAI,GAAGvB,QAAQ,CAACd,CAAC,CAACyB,wBAAH,CAAR,GAAuCX,QAAQ,CAACd,CAAC,CAACwB,+BAAH,CAAR,GAA8C,CAAlG;;AAEA,eAAO1B,YAAP;;AAEWE,IAAAA,CAAC,CAACqB,kCAFb;AAGSrB,IAAAA,CAAC,CAACsB,gCAHX;;;;;;AASWe,IAAAA,IATX;AAUYA,IAAAA,IAVZ;AAWoDrC,IAAAA,CAAC,CAACsC,SAXtD;AAYmBD,IAAAA,IAZnB;;AAcD,GAvKgC;;AAyKjCE,EAAAA,QAzKiC,oBAyKxBvC,CAzKwB,EAyKd;AACjB,eAAOF,YAAP;;;AAGWE,IAAAA,CAAC,CAACwC,6BAHb;;AAKD,GA/KgC;;AAiLjCC,EAAAA,KAjLiC,iBAiL3BzC,CAjL2B,EAiLjB;AACd,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACkB,0BADb;AAEuBlB,IAAAA,CAAC,CAAC0C,gBAFzB;;AAID,GAtLgC;;AAwLjCC,EAAAA,aAxLiC,2BAwLjB;AACd,eAAO7C,YAAP;;;AAGD,GA5LgC;;AA8LjC8C,EAAAA,MA9LiC,kBA8L1B5C,CA9L0B,EA8LhB;AACf,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAAC6C,mBADjB;AAEiB7C,IAAAA,CAAC,CAAC8C,qBAFnB;AAGa9C,IAAAA,CAAC,CAAC+C,qBAHf,EAGwC/C,CAAC,CAACgD,iBAH1C,EAG+DhD,CAAC,CAACiD,wBAHjE,EAG6FjD,CAAC,CAACkD,gBAH/F;;;AAMWlD,IAAAA,CAAC,CAACmD,oBANb;AAOiBnD,IAAAA,CAAC,CAACoD,qBAPnB;;AASD,GAxMgC;;AA0MjCC,EAAAA,YA1MiC,wBA0MpBrD,CA1MoB,EA0MV;AACrB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAACsD,yBADjB;AAEiBtD,IAAAA,CAAC,CAACuD,2BAFnB;AAGavD,IAAAA,CAAC,CAACuB,wBAHf;;AAKD,GAhNgC;;AAkNjCiC,EAAAA,IAlNiC,gBAkN5BxD,CAlN4B,EAkNlB;AACb,eAAOF,YAAP;AACmBE,IAAAA,CAAC,CAACyD,qBADrB;AAEezD,IAAAA,CAAC,CAACgD,iBAFjB,EAEsChD,CAAC,CAAC0D,sBAFxC,EAEkE1D,CAAC,CAACkD,gBAFpE;AAGWlD,IAAAA,CAAC,CAAC2D,kBAHb;;AAKD,GAxNgC;;AA0NjCC,EAAAA,UA1NiC,sBA0NtB5D,CA1NsB,EA0NZ;AACnB,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAAC6D,sBADf;;;;;AAMe7D,IAAAA,CAAC,CAAC8D,uBANjB;;AAQD,GAnOgC;;AAqOjCC,EAAAA,eArOiC,2BAqOjB/D,CArOiB,EAqOP;AACxB,QAAMgE,YAAY;AAChB,QAAIlD,QAAQ,CAACd,CAAC,CAACe,uBAAH,CAAZ,GAA0CD,QAAQ,CAACd,CAAC,CAACmB,kBAAH,CAAlD,GAA2EL,QAAQ,CAACd,CAAC,CAACiE,mBAAH,CADrF;;AAGA,eAAOnE,YAAP;AACmBkE,IAAAA,YADnB;;AAGD,GA5OgC;;AA8OjCE,EAAAA,qBA9OiC,iCA8OXlE,CA9OW,EA8OD;AAC9B,eAAOF,YAAP;AACmB,QAAIgB,QAAQ,CAACd,CAAC,CAACqB,kCAAH,CAAZ,GAAqDP,QAAQ,CAACd,CAAC,CAACyB,wBAAH,CADhF;;AAGD,GAlPgC;;AAoPjC0C,EAAAA,MApPiC,kBAoP1BnE,CApP0B,EAoPhB;AACf,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACoE,qBADf,EACwCpE,CAAC,CAACgD,iBAD1C,EAC+DhD,CAAC,CAACqE,wBADjE,EAC6FrE,CAAC,CAACkD,gBAD/F;AAEWlD,IAAAA,CAAC,CAACsE,oBAFb;AAGuBtE,IAAAA,CAAC,CAACO,iBAHzB,EAG8CP,CAAC,CAACO,iBAHhD;;AAKD,GA1PgC;;AA4PjCgE,EAAAA,YA5PiC,wBA4PpBvE,CA5PoB,EA4PV;AACrB,eAAOF,YAAP;AACaE,IAAAA,CAAC,CAACwE,wBADf;;AAGD,GAhQgC;;AAkQjCC,EAAAA,aAlQiC,2BAkQjB;AACd,eAAO3E,YAAP;;;AAGD,GAtQgC;;AAwQjC4E,EAAAA,KAxQiC,iBAwQ3B1E,CAxQ2B,EAwQjB;AACd,eAAOF,YAAP;AACiBE,IAAAA,CAAC,CAAC2E,0BADnB;AAEoB3E,IAAAA,CAAC,CAAC4E,6BAFtB;AAGgB5E,IAAAA,CAAC,CAAC6E,aAHlB;;AAKD,GA9QgC;;AAgRjCC,EAAAA,WAhRiC,uBAgRrB9E,CAhRqB,EAgRX;AACpB,eAAOF,YAAP;AACmBE,IAAAA,CAAC,CAAC+E,4BADrB;AAEoB/E,IAAAA,CAAC,CAACgF,6BAFtB;AAGgBhF,IAAAA,CAAC,CAACiF,kBAHlB;AAImBjF,IAAAA,CAAC,CAACkF,sBAJrB;;;;;;;;;;AAckBlF,IAAAA,CAAC,CAACmF,sBAdpB;;;AAiBD,GAlSgC;;AAoSjCC,EAAAA,iBApSiC,6BAoSfpF,CApSe,EAoSL;AAC1B,eAAOF,YAAP;AACoBE,IAAAA,CAAC,CAACuB,wBADtB;;AAGD,GAxSgC;;AA0SjC8D,EAAAA,WA1SiC,uBA0SrBrF,CA1SqB,EA0SX;AACpB,eAAOF,YAAP;AACiBE,IAAAA,CAAC,CAACsF,0BADnB;AAEgBtF,IAAAA,CAAC,CAACuF,yBAFlB;AAGgBvF,IAAAA,CAAC,CAACiF,kBAHlB;AAIgBjF,IAAAA,CAAC,CAACwF,sBAJlB;;;;;;;;;;AAckBxF,IAAAA,CAAC,CAACyF,sBAdpB;;;AAiBD,GA5TgC;;AA8TjCC,EAAAA,UA9TiC,sBA8TtB1F,CA9TsB,EA8TZ;AACnB,eAAOF,YAAP;;AAEkBE,IAAAA,CAAC,CAAC2F,qBAFpB;;;AAKD,GApUgC;;AAsUjCC,EAAAA,gBAtUiC,4BAsUhB5F,CAtUgB,EAsUN;AACzB,eAAOF,YAAP;AACoBE,IAAAA,CAAC,CAAC6F,kCADtB;;AAGD,GA1UgC;;AA4UjCC,EAAAA,iBA5UiC,6BA4Uf9F,CA5Ue,EA4UL;AAC1B,eAAOF,YAAP;AACiBE,IAAAA,CAAC,CAAC+F,eADnB;;AAGD,GAhVgC;;AAkVjCC,EAAAA,uBAlViC,qCAkVP;AACxB,eAAOlG,YAAP;;;AAGD,GAtVgC;;AAwVjCmG,EAAAA,kBAxViC,gCAwVZ;AACnB,eAAOnG,YAAP;;;AAGD,GA5VgC;;AA8VjCoG,EAAAA,sBA9ViC,kCA8VVlG,CA9VU,EA8VA;AAC/B,eAAOF,YAAP;AACoBE,IAAAA,CAAC,CAACmG,kBADtB;;AAGD,GAlWgC;;AAoWjCC,EAAAA,4BApWiC,wCAoWJpG,CApWI,EAoWM;AACrC,eAAOF,YAAP;AACoBE,IAAAA,CAAC,CAAC6D,sBADtB;;AAGD,GAxWgC;;AA0WjCwC,EAAAA,mBA1WiC,iCA0WX;AACpB,eAAOvG,YAAP;;;;;;AAMD,GAjXgC;;AAmXjCwG,EAAAA,qBAnXiC,mCAmXT;AACtB,eAAOxG,YAAP;;;;AAID,GAxXgC;;AA0XjCyG,EAAAA,cA1XiC,0BA0XlBvG,CA1XkB,EA0XR;AACvB,eAAOF,YAAP;AACmBE,IAAAA,CAAC,CAACwG,0BADrB;;;;AAKD,GAhYgC;;AAkYjCC,EAAAA,mBAlYiC,iCAkYX;AACpB,eAAO3G,YAAP;;;AAGD,GAtYgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n `;\n },\n\n bg(t: Theme) {\n return css`\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n background: ${t.modalBackBg};\n opacity: ${t.modalBackOpacity};\n `;\n },\n\n container() {\n return css`\n position: relative;\n white-space: nowrap;\n text-align: center;\n height: 100%;\n overflow-y: auto;\n outline: none;\n\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 80%; /* to vertical align modal 40%/60% of screen height /\n }\n `;\n },\n\n window(t: Theme) {\n return css`\n position: relative;\n white-space: normal;\n margin: auto;\n box-shadow: ${t.modalWindowShadow};\n background: ${t.modalBg};\n border-radius: ${t.modalBorderRadius};\n `;\n },\n\n mobileWindow() {\n return css`\n width: 100%;\n height: 100%;\n overflow: auto;\n `;\n },\n\n centerContainer() {\n return css`\n position: relative;\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n box-sizing: border-box;\n z-index: 10;\n margin: 40px 20px;\n `;\n },\n\n mobileCenterContainer() {\n return css`\n margin: 0;\n width: 100%;\n height: 100%;\n `;\n },\n\n alignTop() {\n return css`\n vertical-align: top;\n `;\n },\n\n close(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n return css`\n ${resetButton()};\n position: absolute;\n display: flex;\n right: ${padding}px;\n top: ${padding}px;\n background: none;\n background: transparent;\n cursor: pointer;\n color: ${t.modalCloseButtonColor};\n text-align: center;\n vertical-align: middle;\n padding: ${t.modalCloseButtonClickArea};\n margin: -${t.modalCloseButtonClickArea};\n\n &:hover {\n color: ${t.modalCloseButtonHoverColor};\n }\n\n & > svg {\n width: ${t.modalCloseIconSize};\n height: ${t.modalCloseIconSize};\n box-sizing: content-box;\n }\n `;\n },\n\n mobileClose(t: Theme) {\n return css`\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n padding: ${t.mobileModalCloseButtonClickArea};\n margin: -${t.mobileModalCloseButtonClickArea};\n\n & > svg {\n width: ${t.mobileModalCloseIconSize};\n height: ${t.mobileModalCloseIconSize};\n }\n `;\n },\n\n mobileCloseWithoutHeader() {\n return css`\n position: static;\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\n const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding - legacyShift;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX + legacyGap}px;\n height: ${blockSizeY}px;\n `;\n },\n\n mobileCloseWrapper(t: Theme) {\n const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n return css`\n position: absolute;\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${t.mobileModalCloseButtonTopPadding};\n padding: 0px;\n margin: 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: ${size}px;\n height: ${size}px;\n background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n border-radius: ${size}px;\n `;\n },\n\n disabled(t: Theme) {\n return css`\n pointer-events: none;\n cursor: default;\n color: ${t.modalCloseButtonDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n color: ${t.modalCloseButtonHoverColor};\n outline: 2px solid ${t.borderColorFocus};\n `;\n },\n\n headerWrapper() {\n return css`\n position: relative;\n `;\n },\n\n header(t: Theme) {\n return css`\n font-size: ${t.modalHeaderFontSize};\n line-height: ${t.modalHeaderLineHeight};\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n overflow-wrap: break-word;\n word-wrap: break-word;\n color: ${t.modalHeaderTextColor};\n font-weight: ${t.modalHeaderFontWeight};\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n body(t: Theme) {\n return css`\n border-radius: ${t.modalBodyBorderRadius};\n padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\n padding-top: 0px;\n display: flex;\n flex-flow: column;\n flex: 1;\n font-size: ${t.mobileModalBodyFontSize};\n `;\n },\n\n headerWithClose(t: Theme) {\n const rightPadding =\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\n\n return css`\n padding-right: ${rightPadding}px;\n `;\n },\n\n mobileHeaderWithClose(t: Theme) {\n return css`\n padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n `;\n },\n\n footer(t: Theme) {\n return css`\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n color: ${t.modalFooterTextColor};\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n `;\n },\n\n mobileFooter(t: Theme) {\n return css`\n padding: ${t.mobileModalFooterPadding};\n `;\n },\n\n footerWrapper() {\n return css`\n position: relative;\n `;\n },\n\n panel(t: Theme) {\n return css`\n padding-top: ${t.modalFooterPanelPaddingTop};\n padding-bottom: ${t.modalFooterPanelPaddingBottom};\n background: ${t.modalFooterBg};\n `;\n },\n\n fixedHeader(t: Theme) {\n return css`\n margin-bottom: ${t.modalFixedHeaderMarginBottom};\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n background: ${t.modalFixedHeaderBg};\n border-bottom: ${t.modalFixedHeaderBorder};\n\n &:after {\n bottom: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedHeaderShadow};\n }\n `;\n },\n\n mobileFixedHeader(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalHeaderPadding};\n `;\n },\n\n fixedFooter(t: Theme) {\n return css`\n padding-top: ${t.modalFixedFooterPaddingTop};\n margin-top: ${t.modalFixedFooterMarginTop};\n background: ${t.modalFixedHeaderBg};\n border-top: ${t.modalFixedFooterBorder};\n\n &:before {\n top: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedFooterShadow};\n }\n `;\n },\n\n fixedPanel(t: Theme) {\n return css`\n &:before {\n box-shadow: ${t.modalFixedPanelShadow};\n }\n `;\n },\n\n headerAddPadding(t: Theme) {\n return css`\n padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n `;\n },\n\n bodyWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.modalPaddingTop};\n `;\n },\n\n mobileBodyWithoutHeader() {\n return css`\n padding-top: 0px;\n `;\n },\n\n bodyWithoutPadding() {\n return css`\n padding: 0;\n `;\n },\n\n bodyAddPaddingForPanel(t: Theme) {\n return css`\n padding-bottom: ${t.modalPaddingBottom};\n `;\n },\n\n mobileBodyAddPaddingForPanel(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalBodyPadding};\n `;\n },\n\n columnFlexContainer() {\n return css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: scroll;\n `;\n },\n\n modalSeparatorWrapper() {\n return css`\n position: absolute;\n width: 100%;\n `;\n },\n\n modalSeparator(t: Theme) {\n return css`\n border-bottom: ${t.modalSeparatorBorderBottom};\n margin: 0 32px;\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed() {\n return css`\n margin: 0 16px;\n `;\n },\n});\n"]}