npm - @skbkontur/react-ui - Versions diffs - 5.4.7-225d1.0 → 5.4.7-7ccf0.0 - Mend

@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2417) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerDesktop","_templateObject4","container5_2","_templateObject5","containerMobile","_templateObject6","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","mobileContainerFullscreen5_2","_templateObject7","mobileContainerSmall5_2","_templateObject8","mobileContainerSmallTop5_2","_templateObject9","mobileContainerSmallBottom5_2","_templateObject10","window","_templateObject11","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject12","mobileWindowFullscreen5_2","_templateObject13","centerContainer","_templateObject14","mobileCenterContainer","_templateObject15","mobileCenterContainer5_2","_templateObject16","mobileCenterContainerBig5_2","_templateObject17","mobileCenterContainerFullscreen5_2","_templateObject18","alignTop","_templateObject19","close","padding","parseInt","modalCloseButtonPadding","_templateObject20","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","_templateObject21","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","_templateObject22","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","_templateObject23","mobileCloseWithoutHeader","_templateObject24","mobileCloseWithoutHeader5_2","_templateObject25","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject26","mobileCloseWrapper","size","_templateObject27","bgDefault","mobileCloseWrapper5_2","_templateObject28","mobileModalWithoutHeaderCloseButtonWidth","disabled","_templateObject29","modalCloseButtonDisabledColor","focus","_templateObject30","borderColorFocus","focus5_1","_templateObject31","header","_templateObject32","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","header5_2","_templateObject33","mobileHeader","_templateObject34","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","titleCut","_templateObject35","body","_templateObject36","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject37","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject38","mobileHeaderWithClose","_templateObject39","footer","_templateObject40","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject41","mobileModalFooterPadding","panel","_templateObject42","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject43","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","fixedHeader5_2","_templateObject44","mobileFixedHeader","_templateObject45","mobileFixedHeader5_2","_templateObject46","fixedFooter","_templateObject47","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedFooter5_2","_templateObject48","mobileFixedFooter5_2","_templateObject49","fixedPanel","_templateObject50","modalFixedPanelShadow","headerAddPadding","_templateObject51","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject52","modalPaddingTop","mobileBodyWithoutHeader","_templateObject53","mobileBodyWithoutHeader5_2","_templateObject54","mobileModalBodyPaddingTop","bodyWithoutPadding","_templateObject55","bodyAddPaddingForPanel","_templateObject56","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject57","mobileBodyAddPaddingForPanel5_2","_templateObject58","mobileModalBodyPaddingBottom","columnFlexContainer","_templateObject59","modalSeparatorWrapper","_templateObject60","modalSeparator","_templateObject61","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","_templateObject62","modalSeparatorFixedMargin"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n root: 'root',\n container: 'container',\n});\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 },\n\n containerDesktop() {\n return css`\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 container5_2() {\n return css`\n min-height: 64px;\n `;\n },\n\n containerMobile(t: Theme) {\n return css`\n height: ${t.mobileModalContainerHeight};\n margin-top: ${t.mobileModalContainerMarginTop};\n margin-right: ${t.mobileModalContainerMarginRight};\n margin-bottom: ${t.mobileModalContainerMarginBottom};\n margin-left: ${t.mobileModalContainerMarginLeft};\n `;\n },\n\n mobileContainerFullscreen5_2() {\n return css`\n margin: 0;\n `;\n },\n\n mobileContainerSmall5_2() {\n return css`\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n `;\n },\n mobileContainerSmallTop5_2() {\n return css`\n align-content: start;\n `;\n },\n mobileContainerSmallBottom5_2() {\n return css`\n align-content: end;\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 mobileWindowFullscreen5_2() {\n return css`\n border-radius: 0;\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 mobileCenterContainer5_2(t: Theme) {\n return css`\n padding: 0;\n width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n display: inline-flex;\n margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n `;\n },\n\n mobileCenterContainerBig5_2(t: Theme) {\n return css`\n height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n `;\n },\n\n mobileCenterContainerFullscreen5_2() {\n return css`\n margin: 0;\n width: 100%;\n height: 100%;\n max-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: 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 close5_1(t: Theme) {\n return css`\n justify-content: center;\n align-items: center;\n right: ${t.modalCloseButtonClickAreaRight};\n top: ${t.modalCloseButtonClickAreaTop};\n\n padding-top: ${t.modalCloseButtonClickAreaTop};\n margin-top: -${t.modalCloseButtonClickAreaTop};\n padding-right: ${t.modalCloseButtonClickAreaRight};\n margin-right: -${t.modalCloseButtonClickAreaRight};\n padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n padding-left: ${t.modalCloseButtonClickAreaLeft};\n margin-left: -${t.modalCloseButtonClickAreaLeft};\n `;\n },\n\n closeMobile(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 closeMobile5_1(t: Theme) {\n return css`\n top: ${t.mobileModalCloseButtonTopPadding};\n `;\n },\n\n mobileCloseWithoutHeader() {\n return css`\n position: static;\n `;\n },\n\n mobileCloseWithoutHeader5_2(t: Theme) {\n return css`\n position: absolute;\n padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX}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: 0;\n margin: 0;\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 mobileCloseWrapper5_2(t: Theme) {\n return css`\n position: sticky;\n right: 0;\n top: 0;\n margin-left: auto;\n width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n height: 0;\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 focus5_1(t: Theme) {\n return css`\n &:before {\n content: '';\n position: absolute;\n width: calc(${t.modalCloseIconSize} * 2);\n height: calc(${t.modalCloseIconSize} * 2);\n box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n border-radius: 4px;\n }\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 header5_2(t: Theme) {\n return css`\n border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n position: relative;\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n titleCut() {\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n },\n\n body(t: Theme) {\n return css`\n border-radius: ${t.modalBodyBorderRadius};\n padding-top: ${t.modalBodyPaddingTop};\n padding-right: ${t.modalPaddingRight};\n padding-bottom: ${t.modalBodyPaddingBottom};\n padding-left: ${t.modalPaddingLeft};\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\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 = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\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 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 fixedHeader5_2() {\n return css`\n border-radius: 0;\n `;\n },\n\n mobileFixedHeader(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalHeaderPadding};\n `;\n },\n\n mobileFixedHeader5_2(t: Theme) {\n return css`\n border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\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 fixedFooter5_2() {\n return css`\n border-radius: 0;\n `;\n },\n\n mobileFixedFooter5_2(t: Theme) {\n return css`\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\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: 0;\n `;\n },\n\n mobileBodyWithoutHeader5_2(t: Theme) {\n return css`\n padding-top: ${t.mobileModalBodyPaddingTop};\n padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\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: ${t.mobileModalBodyPadding};\n `;\n },\n\n mobileBodyAddPaddingForPanel5_2(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalBodyPaddingBottom};\n `;\n },\n\n columnFlexContainer() {\n return css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: auto;\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: ${t.modalSeparatorMargin};\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed(t: Theme) {\n return css`\n margin: ${t.modalSeparatorFixedMargin};\n `;\n },\n});\n"],"mappings":"mvCAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;AAErE,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,kBAAkB,GAAGF,MAAM,CAAC,OAAO,CAAC,CAAC;EAChDG,IAAI,EAAE,MAAM;EACZC,SAAS,EAAE;AACb,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGN,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOL,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;EAOZ,CAAC;;EAEDC,EAAE,WAAAA,GAACC,CAAQ,EAAE;IACX,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;;;;IAMME,CAAC,CAACE,WAAW;IAChBF,CAAC,CAACG,gBAAgB;;EAEjC,CAAC;;EAEDR,SAAS,WAAAA,UAAA,EAAG;IACV,OAAON,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDO,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDS,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;EAGZ,CAAC;;EAEDW,eAAe,WAAAA,gBAACT,CAAQ,EAAE;IACxB,OAAOX,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;IACEE,CAAC,CAACW,0BAA0B;IACxBX,CAAC,CAACY,6BAA6B;IAC7BZ,CAAC,CAACa,+BAA+B;IAChCb,CAAC,CAACc,gCAAgC;IACpCd,CAAC,CAACe,8BAA8B;;EAEnD,CAAC;;EAEDC,4BAA4B,WAAAA,6BAAA,EAAG;IAC7B,OAAO3B,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;EAGZ,CAAC;;EAEDoB,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,OAAO7B,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;;;;EAMZ,CAAC;EACDsB,0BAA0B,WAAAA,2BAAA,EAAG;IAC3B,OAAO/B,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;;EAGZ,CAAC;EACDwB,6BAA6B,WAAAA,8BAAA,EAAG;IAC9B,OAAOjC,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAAzB,2BAAA;;;EAGZ,CAAC;;EAED0B,MAAM,WAAAA,OAACxB,CAAQ,EAAE;IACf,OAAOX,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA3B,2BAAA;;;;IAIME,CAAC,CAAC0B,iBAAiB;IACnB1B,CAAC,CAAC2B,OAAO;IACN3B,CAAC,CAAC4B,iBAAiB;;EAExC,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOxC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;;;;;EAKZ,CAAC;;EAEDiC,yBAAyB,WAAAA,0BAAA,EAAG;IAC1B,OAAO1C,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAAlC,2BAAA;;;EAGZ,CAAC;;EAEDmC,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAO5C,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAApC,2BAAA;;;;;;;;;EASZ,CAAC;;EAEDqC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAO9C,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAAtC,2BAAA;;;;;EAKZ,CAAC;;EAEDuC,wBAAwB,WAAAA,yBAACrC,CAAQ,EAAE;IACjC,OAAOX,GAAG,CAAAiD,iBAAA,KAAAA,iBAAA,GAAAxC,2BAAA;;IAEaE,CAAC,CAACe,8BAA8B,EAAMf,CAAC,CAACa,+BAA+B;;IAElFb,CAAC,CAACY,6BAA6B,EAAIZ,CAAC,CAACa,+BAA+B;IAC1Eb,CAAC,CAACc,gCAAgC,EAAId,CAAC,CAACe,8BAA8B;IAChDf,CAAC,CAACY,6BAA6B,EAAMZ,CAAC,CAACc,gCAAgC;;EAErG,CAAC;;EAEDyB,2BAA2B,WAAAA,4BAACvC,CAAQ,EAAE;IACpC,OAAOX,GAAG,CAAAmD,iBAAA,KAAAA,iBAAA,GAAA1C,2BAAA;IACcE,CAAC,CAACY,6BAA6B,EAAMZ,CAAC,CAACc,gCAAgC;;EAEjG,CAAC;;EAED2B,kCAAkC,WAAAA,mCAAA,EAAG;IACnC,OAAOpD,GAAG,CAAAqD,iBAAA,KAAAA,iBAAA,GAAA5C,2BAAA;;;;;;EAMZ,CAAC;;EAED6C,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOtD,GAAG,CAAAuD,iBAAA,KAAAA,iBAAA,GAAA9C,2BAAA;;;EAGZ,CAAC;;EAED+C,KAAK,WAAAA,MAAC7C,CAAQ,EAAE;IACd,IAAM8C,OAAO,GAAGC,QAAQ,CAAC/C,CAAC,CAACgD,uBAAuB,CAAC;IACnD,OAAO3D,GAAG,CAAA4D,iBAAA,KAAAA,iBAAA,GAAAnD,2BAAA;IACNN,WAAW,CAAC,CAAC;;;IAGNsD,OAAO;IACTA,OAAO;;;IAGL9C,CAAC,CAACkD,qBAAqB;;;IAGrBlD,CAAC,CAACmD,yBAAyB;IAC3BnD,CAAC,CAACmD,yBAAyB;;;IAG3BnD,CAAC,CAACoD,0BAA0B;;;;IAI5BpD,CAAC,CAACqD,kBAAkB;IACnBrD,CAAC,CAACqD,kBAAkB;;;;EAIpC,CAAC;;EAEDC,QAAQ,WAAAA,SAACtD,CAAQ,EAAE;IACjB,OAAOX,GAAG,CAAAkE,iBAAA,KAAAA,iBAAA,GAAAzD,2BAAA;;;IAGCE,CAAC,CAACwD,8BAA8B;IAClCxD,CAAC,CAACyD,4BAA4B;;IAEtBzD,CAAC,CAACyD,4BAA4B;IAC9BzD,CAAC,CAACyD,4BAA4B;IAC5BzD,CAAC,CAACwD,8BAA8B;IAChCxD,CAAC,CAACwD,8BAA8B;IAC/BxD,CAAC,CAAC0D,+BAA+B;IACjC1D,CAAC,CAAC0D,+BAA+B;IACnC1D,CAAC,CAAC2D,6BAA6B;IAC/B3D,CAAC,CAAC2D,6BAA6B;;EAEnD,CAAC;;EAEDC,WAAW,WAAAA,YAAC5D,CAAQ,EAAE;IACpB,OAAOX,GAAG,CAAAwE,iBAAA,KAAAA,iBAAA,GAAA/D,2BAAA;IACCE,CAAC,CAAC8D,kCAAkC;IACtCf,QAAQ,CAAC/C,CAAC,CAAC+D,gCAAgC,CAAC,GAAGhB,QAAQ,CAAC/C,CAAC,CAACgE,wBAAwB,CAAC;IAC/EhE,CAAC,CAACiE,+BAA+B;IACjCjE,CAAC,CAACiE,+BAA+B;;;IAGjCjE,CAAC,CAACkE,wBAAwB;IACzBlE,CAAC,CAACkE,wBAAwB;;;EAG1C,CAAC;;EAEDC,cAAc,WAAAA,eAACnE,CAAQ,EAAE;IACvB,OAAOX,GAAG,CAAA+E,iBAAA,KAAAA,iBAAA,GAAAtE,2BAAA;IACDE,CAAC,CAAC+D,gCAAgC;;EAE7C,CAAC;;EAEDM,wBAAwB,WAAAA,yBAAA,EAAG;IACzB,OAAOhF,GAAG,CAAAiF,iBAAA,KAAAA,iBAAA,GAAAxE,2BAAA;;;EAGZ,CAAC;;EAEDyE,2BAA2B,WAAAA,4BAACvE,CAAQ,EAAE;IACpC,OAAOX,GAAG,CAAAmF,iBAAA,KAAAA,iBAAA,GAAA1E,2BAAA;;IAEGE,CAAC,CAACyE,0CAA0C;IAC5CzE,CAAC,CAACyE,0CAA0C;IAChDzE,CAAC,CAACyE,0CAA0C;IAC1CzE,CAAC,CAACyE,0CAA0C;;EAEzD,CAAC;;EAEDC,YAAY,WAAAA,aAAC1E,CAAQ,EAAE;IACrB,IAAM8C,OAAO,GAAGC,QAAQ,CAAC/C,CAAC,CAACgD,uBAAuB,CAAC;IACnD,IAAM2B,aAAa,GAAG5B,QAAQ,CAAC/C,CAAC,CAAC4E,6BAA6B,CAAC;;IAE/D,IAAMC,UAAU,GAAG9B,QAAQ,CAAC/C,CAAC,CAACqD,kBAAkB,CAAC,GAAG,CAAC,GAAGP,OAAO;IAC/D,IAAMgC,UAAU,GAAG/B,QAAQ,CAAC/C,CAAC,CAACqD,kBAAkB,CAAC,GAAGP,OAAO,GAAG6B,aAAa;IAC3E,OAAOtF,GAAG,CAAA0F,iBAAA,KAAAA,iBAAA,GAAAjF,2BAAA;;;IAGC+E,UAAU;IACTC,UAAU;;EAExB,CAAC;;EAEDE,kBAAkB,WAAAA,mBAAChF,CAAQ,EAAE;IAC3B,IAAMiF,IAAI,GAAGlC,QAAQ,CAAC/C,CAAC,CAACkE,wBAAwB,CAAC,GAAGnB,QAAQ,CAAC/C,CAAC,CAACiE,+BAA+B,CAAC,GAAG,CAAC;;IAEnG,OAAO5E,GAAG,CAAA6F,iBAAA,KAAAA,iBAAA,GAAApF,2BAAA;;IAECE,CAAC,CAAC8D,kCAAkC;IACtC9D,CAAC,CAAC+D,gCAAgC;;;;;;IAMhCkB,IAAI;IACHA,IAAI;IACoCjF,CAAC,CAACmF,SAAS;IAC5CF,IAAI;;EAEzB,CAAC;;EAEDG,qBAAqB,WAAAA,sBAACpF,CAAQ,EAAE;IAC9B,OAAOX,GAAG,CAAAgG,iBAAA,KAAAA,iBAAA,GAAAvF,2BAAA;;;;;IAKCE,CAAC,CAACsF,wCAAwC;;;EAGvD,CAAC;;EAEDC,QAAQ,WAAAA,SAACvF,CAAQ,EAAE;IACjB,OAAOX,GAAG,CAAAmG,iBAAA,KAAAA,iBAAA,GAAA1F,2BAAA;;;IAGCE,CAAC,CAACyF,6BAA6B;;EAE5C,CAAC;;EAEDC,KAAK,WAAAA,MAAC1F,CAAQ,EAAE;IACd,OAAOX,GAAG,CAAAsG,iBAAA,KAAAA,iBAAA,GAAA7F,2BAAA;IACCE,CAAC,CAACoD,0BAA0B;IAChBpD,CAAC,CAAC4F,gBAAgB;;EAE3C,CAAC;;EAEDC,QAAQ,WAAAA,SAAC7F,CAAQ,EAAE;IACjB,OAAOX,GAAG,CAAAyG,iBAAA,KAAAA,iBAAA,GAAAhG,2BAAA;;;;IAIQE,CAAC,CAACqD,kBAAkB;IACnBrD,CAAC,CAACqD,kBAAkB;IACLrD,CAAC,CAAC4F,gBAAgB;;;;EAItD,CAAC;;EAEDG,MAAM,WAAAA,OAAC/F,CAAQ,EAAE;IACf,OAAOX,GAAG,CAAA2G,iBAAA,KAAAA,iBAAA,GAAAlG,2BAAA;IACKE,CAAC,CAACiG,mBAAmB;IACnBjG,CAAC,CAACkG,qBAAqB;IAC3BlG,CAAC,CAACmG,qBAAqB,EAAInG,CAAC,CAACoG,iBAAiB,EAAIpG,CAAC,CAACqG,wBAAwB,EAAIrG,CAAC,CAACsG,gBAAgB;;;IAGpGtG,CAAC,CAACuG,oBAAoB;IAChBvG,CAAC,CAACwG,qBAAqB;;EAE1C,CAAC;;EAEDC,SAAS,WAAAA,UAACzG,CAAQ,EAAE;IAClB,OAAOX,GAAG,CAAAqH,iBAAA,KAAAA,iBAAA,GAAA5G,2BAAA;IACSE,CAAC,CAAC4B,iBAAiB,EAAI5B,CAAC,CAAC4B,iBAAiB;;EAE/D,CAAC;;EAED+E,YAAY,WAAAA,aAAC3G,CAAQ,EAAE;IACrB,OAAOX,GAAG,CAAAuH,iBAAA,KAAAA,iBAAA,GAAA9G,2BAAA;;IAEKE,CAAC,CAAC6G,yBAAyB;IACzB7G,CAAC,CAAC8G,2BAA2B;IACjC9G,CAAC,CAACgE,wBAAwB;;EAEzC,CAAC;;EAED+C,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAO1H,GAAG,CAAA2H,iBAAA,KAAAA,iBAAA,GAAAlH,2BAAA;;;;;EAKZ,CAAC;;EAEDmH,IAAI,WAAAA,KAACjH,CAAQ,EAAE;IACb,OAAOX,GAAG,CAAA6H,iBAAA,KAAAA,iBAAA,GAAApH,2BAAA;IACSE,CAAC,CAACmH,qBAAqB;IACzBnH,CAAC,CAACoH,mBAAmB;IACnBpH,CAAC,CAACoG,iBAAiB;IAClBpG,CAAC,CAACqH,sBAAsB;IAC1BrH,CAAC,CAACsG,gBAAgB;IACzBtG,CAAC,CAACsH,kBAAkB;;EAEjC,CAAC;;EAEDC,UAAU,WAAAA,WAACvH,CAAQ,EAAE;IACnB,OAAOX,GAAG,CAAAmI,iBAAA,KAAAA,iBAAA,GAAA1H,2BAAA;IACGE,CAAC,CAACyH,sBAAsB;;;;IAItBzH,CAAC,CAAC0H,uBAAuB;;EAE1C,CAAC;;EAEDC,eAAe,WAAAA,gBAAC3H,CAAQ,EAAE;IACxB,IAAM4H,YAAY,GAAG,CAAC,GAAG7E,QAAQ,CAAC/C,CAAC,CAACgD,uBAAuB,CAAC,GAAGD,QAAQ,CAAC/C,CAAC,CAACqD,kBAAkB,CAAC;;IAE7F,OAAOhE,GAAG,CAAAwI,iBAAA,KAAAA,iBAAA,GAAA/H,2BAAA;IACS8H,YAAY;;EAEjC,CAAC;;EAEDE,qBAAqB,WAAAA,sBAAC9H,CAAQ,EAAE;IAC9B,OAAOX,GAAG,CAAA0I,iBAAA,KAAAA,iBAAA,GAAAjI,2BAAA;IACS,CAAC,GAAGiD,QAAQ,CAAC/C,CAAC,CAAC8D,kCAAkC,CAAC,GAAGf,QAAQ,CAAC/C,CAAC,CAACkE,wBAAwB,CAAC;;EAE9G,CAAC;;EAED8D,MAAM,WAAAA,OAAChI,CAAQ,EAAE;IACf,OAAOX,GAAG,CAAA4I,iBAAA,KAAAA,iBAAA,GAAAnI,2BAAA;IACGE,CAAC,CAACkI,qBAAqB,EAAIlI,CAAC,CAACoG,iBAAiB,EAAIpG,CAAC,CAACmI,wBAAwB,EAAInI,CAAC,CAACsG,gBAAgB;IACpGtG,CAAC,CAACoI,oBAAoB;IACVpI,CAAC,CAAC4B,iBAAiB,EAAI5B,CAAC,CAAC4B,iBAAiB;;EAEnE,CAAC;;EAEDyG,YAAY,WAAAA,aAACrI,CAAQ,EAAE;IACrB,OAAOX,GAAG,CAAAiJ,iBAAA,KAAAA,iBAAA,GAAAxI,2BAAA;IACGE,CAAC,CAACuI,wBAAwB;;EAEzC,CAAC;;EAEDC,KAAK,WAAAA,MAACxI,CAAQ,EAAE;IACd,OAAOX,GAAG,CAAAoJ,iBAAA,KAAAA,iBAAA,GAAA3I,2BAAA;IACOE,CAAC,CAAC0I,0BAA0B;IACzB1I,CAAC,CAAC2I,6BAA6B;IACnC3I,CAAC,CAAC4I,aAAa;;EAEjC,CAAC;;EAEDC,WAAW,WAAAA,YAAC7I,CAAQ,EAAE;IACpB,OAAOX,GAAG,CAAAyJ,iBAAA,KAAAA,iBAAA,GAAAhJ,2BAAA;IACSE,CAAC,CAAC+I,4BAA4B;IAC7B/I,CAAC,CAACgJ,6BAA6B;IACnChJ,CAAC,CAACiJ,kBAAkB;IACjBjJ,CAAC,CAACkJ,sBAAsB;;;;;;;;;;IAUzBlJ,CAAC,CAACmJ,sBAAsB;;;EAG5C,CAAC;;EAEDC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAO/J,GAAG,CAAAgK,iBAAA,KAAAA,iBAAA,GAAAvJ,2BAAA;;;EAGZ,CAAC;;EAEDwJ,iBAAiB,WAAAA,kBAACtJ,CAAQ,EAAE;IAC1B,OAAOX,GAAG,CAAAkK,iBAAA,KAAAA,iBAAA,GAAAzJ,2BAAA;IACUE,CAAC,CAACgE,wBAAwB;;EAEhD,CAAC;;EAEDwF,oBAAoB,WAAAA,qBAACxJ,CAAQ,EAAE;IAC7B,OAAOX,GAAG,CAAAoK,iBAAA,KAAAA,iBAAA,GAAA3J,2BAAA;IACSE,CAAC,CAAC4B,iBAAiB,EAAI5B,CAAC,CAAC4B,iBAAiB;;EAE/D,CAAC;;EAED8H,WAAW,WAAAA,YAAC1J,CAAQ,EAAE;IACpB,OAAOX,GAAG,CAAAsK,iBAAA,KAAAA,iBAAA,GAAA7J,2BAAA;IACOE,CAAC,CAAC4J,0BAA0B;IAC7B5J,CAAC,CAAC6J,yBAAyB;IAC3B7J,CAAC,CAACiJ,kBAAkB;IACpBjJ,CAAC,CAAC8J,sBAAsB;;;;;;;;;;IAUtB9J,CAAC,CAAC+J,sBAAsB;;;EAG5C,CAAC;;EAEDC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAO3K,GAAG,CAAA4K,iBAAA,KAAAA,iBAAA,GAAAnK,2BAAA;;;EAGZ,CAAC;;EAEDoK,oBAAoB,WAAAA,qBAAClK,CAAQ,EAAE;IAC7B,OAAOX,GAAG,CAAA8K,iBAAA,KAAAA,iBAAA,GAAArK,2BAAA;IACaE,CAAC,CAAC4B,iBAAiB,EAAI5B,CAAC,CAAC4B,iBAAiB;;EAEnE,CAAC;;EAEDwI,UAAU,WAAAA,WAACpK,CAAQ,EAAE;IACnB,OAAOX,GAAG,CAAAgL,iBAAA,KAAAA,iBAAA,GAAAvK,2BAAA;;IAEQE,CAAC,CAACsK,qBAAqB;;;EAG3C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAACvK,CAAQ,EAAE;IACzB,OAAOX,GAAG,CAAAmL,iBAAA,KAAAA,iBAAA,GAAA1K,2BAAA;IACUE,CAAC,CAACyK,kCAAkC;;EAE1D,CAAC;;EAEDC,iBAAiB,WAAAA,kBAAC1K,CAAQ,EAAE;IAC1B,OAAOX,GAAG,CAAAsL,iBAAA,KAAAA,iBAAA,GAAA7K,2BAAA;IACOE,CAAC,CAAC4K,eAAe;;EAEpC,CAAC;;EAEDC,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,OAAOxL,GAAG,CAAAyL,iBAAA,KAAAA,iBAAA,GAAAhL,2BAAA;;;EAGZ,CAAC;;EAEDiL,0BAA0B,WAAAA,2BAAC/K,CAAQ,EAAE;IACnC,OAAOX,GAAG,CAAA2L,iBAAA,KAAAA,iBAAA,GAAAlL,2BAAA;IACOE,CAAC,CAACiL,yBAAyB;IACzBjL,CAAC,CAACsF,wCAAwC;;EAE/D,CAAC;;EAED4F,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,OAAO7L,GAAG,CAAA8L,iBAAA,KAAAA,iBAAA,GAAArL,2BAAA;;;EAGZ,CAAC;;EAEDsL,sBAAsB,WAAAA,uBAACpL,CAAQ,EAAE;IAC/B,OAAOX,GAAG,CAAAgM,iBAAA,KAAAA,iBAAA,GAAAvL,2BAAA;IACUE,CAAC,CAACsL,kBAAkB;;EAE1C,CAAC;;EAEDC,4BAA4B,WAAAA,6BAACvL,CAAQ,EAAE;IACrC,OAAOX,GAAG,CAAAmM,iBAAA,KAAAA,iBAAA,GAAA1L,2BAAA;IACGE,CAAC,CAACyH,sBAAsB;;EAEvC,CAAC;;EAEDgE,+BAA+B,WAAAA,gCAACzL,CAAQ,EAAE;IACxC,OAAOX,GAAG,CAAAqM,iBAAA,KAAAA,iBAAA,GAAA5L,2BAAA;IACUE,CAAC,CAAC2L,4BAA4B;;EAEpD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOvM,GAAG,CAAAwM,iBAAA,KAAAA,iBAAA,GAAA/L,2BAAA;;;;;;EAMZ,CAAC;;EAEDgM,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAOzM,GAAG,CAAA0M,iBAAA,KAAAA,iBAAA,GAAAjM,2BAAA;;;;EAIZ,CAAC;;EAEDkM,cAAc,WAAAA,eAAChM,CAAQ,EAAE;IACvB,OAAOX,GAAG,CAAA4M,iBAAA,KAAAA,iBAAA,GAAAnM,2BAAA;IACSE,CAAC,CAACkM,0BAA0B;IACnClM,CAAC,CAACmM,oBAAoB;;;EAGpC,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACpM,CAAQ,EAAE;IAC5B,OAAOX,GAAG,CAAAgN,iBAAA,KAAAA,iBAAA,GAAAvM,2BAAA;IACEE,CAAC,CAACsM,yBAAyB;;EAEzC;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["memoizeGetStyles","prefix","resetButton","modalGlobalClasses","root","container","getStyles","_ref","css","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerDesktop","_templateObject4","mobileContainerFullscreen5_2","_templateObject5","mobileContainerSmall5_2","_templateObject6","mobileContainerSmallTop5_2","_templateObject7","mobileContainerSmallBottom5_2","_templateObject8","window","_templateObject9","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject10","mobileWindowFullscreen","_templateObject11","centerContainer","_templateObject12","mobileCenterContainer","_templateObject13","mobileModalContainerMarginLeft","mobileModalContainerMarginRight","mobileModalContainerMarginTop","mobileModalContainerMarginBottom","mobileCenterContainerBig","_templateObject14","mobileCenterContainerFullscreen","_templateObject15","alignTop","_templateObject16","close","_templateObject17","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonColor","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","modalCloseButtonHoverColor","modalCloseIconSize","closeMobile","_templateObject18","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","_templateObject19","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","padding","parseInt","modalCloseButtonPadding","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject20","mobileCloseWrapper","size","_templateObject21","mobileModalWithoutHeaderCloseButtonWidth","bgDefault","disabled","_templateObject22","modalCloseButtonDisabledColor","focus","_templateObject23","borderColorFocus","header","_templateObject24","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","_templateObject25","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","mobileModalHeaderPadding","titleCut","_templateObject26","body","_templateObject27","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject28","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject29","mobileHeaderWithClose","_templateObject30","footer","_templateObject31","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject32","mobileModalFooterPadding","panel","_templateObject33","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject34","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","_templateObject35","fixedFooter","_templateObject36","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","mobileFixedFooter","_templateObject37","fixedPanel","_templateObject38","modalFixedPanelShadow","headerAddPadding","_templateObject39","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject40","modalPaddingTop","mobileBodyWithoutHeader","_templateObject41","mobileModalBodyPaddingTop","bodyWithoutPadding","_templateObject42","bodyAddPaddingForPanel","_templateObject43","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject44","mobileModalBodyPaddingBottom","columnFlexContainer","_templateObject45","modalSeparatorWrapper","_templateObject46","modalSeparator","_templateObject47","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","_templateObject48","modalSeparatorFixedMargin"],"sources":["Modal.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n root: 'root',\n container: 'container',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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 min-height: 64px;\n overflow-y: auto;\n outline: none;\n `;\n },\n\n containerDesktop() {\n return css`\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 mobileContainerFullscreen5_2() {\n return css`\n margin: 0;\n `;\n },\n\n mobileContainerSmall5_2() {\n return css`\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n `;\n },\n mobileContainerSmallTop5_2() {\n return css`\n align-content: start;\n `;\n },\n mobileContainerSmallBottom5_2() {\n return css`\n align-content: end;\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 mobileWindowFullscreen() {\n return css`\n border-radius: 0;\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(t: Theme) {\n return css`\n padding: 0;\n width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n display: inline-flex;\n margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n `;\n },\n\n mobileCenterContainerBig(t: Theme) {\n return css`\n height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n `;\n },\n\n mobileCenterContainerFullscreen() {\n return css`\n margin: 0;\n width: 100%;\n height: 100%;\n max-height: 100%;\n `;\n },\n\n alignTop() {\n return css`\n vertical-align: top;\n `;\n },\n\n close(t: Theme) {\n return css`\n ${resetButton()};\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n right: ${t.modalCloseButtonClickAreaRight};\n top: ${t.modalCloseButtonClickAreaTop};\n background: transparent;\n cursor: pointer;\n color: ${t.modalCloseButtonColor};\n text-align: center;\n vertical-align: middle;\n padding-top: ${t.modalCloseButtonClickAreaTop};\n margin-top: -${t.modalCloseButtonClickAreaTop};\n padding-right: ${t.modalCloseButtonClickAreaRight};\n margin-right: -${t.modalCloseButtonClickAreaRight};\n padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n padding-left: ${t.modalCloseButtonClickAreaLeft};\n margin-left: -${t.modalCloseButtonClickAreaLeft};\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 closeMobile(t: Theme) {\n return css`\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${t.mobileModalCloseButtonTopPadding};\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(t: Theme) {\n return css`\n position: absolute;\n padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX}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: sticky;\n right: 0;\n top: 0;\n padding: 0;\n margin: 0;\n margin-left: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n height: 0;\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 &:before {\n content: '';\n position: absolute;\n width: calc(${t.modalCloseIconSize} * 2);\n height: calc(${t.modalCloseIconSize} * 2);\n box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n border-radius: 4px;\n }\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 border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n position: relative;\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n titleCut() {\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n },\n\n body(t: Theme) {\n return css`\n border-radius: ${t.modalBodyBorderRadius};\n padding-top: ${t.modalBodyPaddingTop};\n padding-right: ${t.modalPaddingRight};\n padding-bottom: ${t.modalBodyPaddingBottom};\n padding-left: ${t.modalPaddingLeft};\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\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 = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\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 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 border-radius: 0;\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 border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\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 border-radius: 0;\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 mobileFixedFooter(t: Theme) {\n return css`\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\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(t: Theme) {\n return css`\n padding-top: ${t.mobileModalBodyPaddingTop};\n padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\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: ${t.mobileModalBodyPadding};\n padding-bottom: ${t.mobileModalBodyPaddingBottom};\n `;\n },\n\n columnFlexContainer() {\n return css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: auto;\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: ${t.modalSeparatorMargin};\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed(t: Theme) {\n return css`\n margin: ${t.modalSeparatorFixedMargin};\n `;\n },\n}));\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/Modal.styles.d.ts CHANGED Viewed

@@ -3,40 +3,31 @@ export declare const modalGlobalClasses: {
     root: string;
     container: string;
 };
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
     bg(t: Theme): string;
     container(): string;
     containerDesktop(): string;
-    container5_2(): string;
-    containerMobile(t: Theme): string;
     mobileContainerFullscreen5_2(): string;
     mobileContainerSmall5_2(): string;
     mobileContainerSmallTop5_2(): string;
     mobileContainerSmallBottom5_2(): string;
     window(t: Theme): string;
     mobileWindow(): string;
-    mobileWindowFullscreen5_2(): string;
+    mobileWindowFullscreen(): string;
     centerContainer(): string;
-    mobileCenterContainer(): string;
-    mobileCenterContainer5_2(t: Theme): string;
-    mobileCenterContainerBig5_2(t: Theme): string;
-    mobileCenterContainerFullscreen5_2(): string;
+    mobileCenterContainer(t: Theme): string;
+    mobileCenterContainerBig(t: Theme): string;
+    mobileCenterContainerFullscreen(): string;
     alignTop(): string;
     close(t: Theme): string;
-    close5_1(t: Theme): string;
     closeMobile(t: Theme): string;
-    closeMobile5_1(t: Theme): string;
-    mobileCloseWithoutHeader(): string;
-    mobileCloseWithoutHeader5_2(t: Theme): string;
+    mobileCloseWithoutHeader(t: Theme): string;
     closeWrapper(t: Theme): string;
     mobileCloseWrapper(t: Theme): string;
-    mobileCloseWrapper5_2(t: Theme): string;
     disabled(t: Theme): string;
     focus(t: Theme): string;
-    focus5_1(t: Theme): string;
     header(t: Theme): string;
-    header5_2(t: Theme): string;
     mobileHeader(t: Theme): string;
     titleCut(): string;
     body(t: Theme): string;
@@ -47,23 +38,18 @@ export declare const styles: {
     mobileFooter(t: Theme): string;
     panel(t: Theme): string;
     fixedHeader(t: Theme): string;
-    fixedHeader5_2(): string;
     mobileFixedHeader(t: Theme): string;
-    mobileFixedHeader5_2(t: Theme): string;
     fixedFooter(t: Theme): string;
-    fixedFooter5_2(): string;
-    mobileFixedFooter5_2(t: Theme): string;
+    mobileFixedFooter(t: Theme): string;
     fixedPanel(t: Theme): string;
     headerAddPadding(t: Theme): string;
     bodyWithoutHeader(t: Theme): string;
-    mobileBodyWithoutHeader(): string;
-    mobileBodyWithoutHeader5_2(t: Theme): string;
+    mobileBodyWithoutHeader(t: Theme): string;
     bodyWithoutPadding(): string;
     bodyAddPaddingForPanel(t: Theme): string;
     mobileBodyAddPaddingForPanel(t: Theme): string;
-    mobileBodyAddPaddingForPanel5_2(t: Theme): string;
     columnFlexContainer(): string;
     modalSeparatorWrapper(): string;
     modalSeparator(t: Theme): string;
     modalSeparatorFixed(t: Theme): string;
-};
+}>;

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

@@ -5,14 +5,13 @@ import React from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ResizeDetector } from "../../../internal/ResizeDetector";
 import { rootNode } from "../../../lib/rootNode";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { ModalContext } from "../ModalContext";
-import { styles } from "../Modal.styles";
+import { getStyles } from "../Modal.styles";
 import { getModalBodyTheme } from "../getModalBodyTheme";
 import { ModalZIndexPriority } from "../Modal";
@@ -21,7 +20,7 @@ import { ModalZIndexPriority } from "../Modal";
  *
  * @visibleName Modal.Body
  */
-export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody = /*#__PURE__*/function (_React$Component) {
+export var ModalBody = withRenderEnvironment(_class = responsiveLayout(_class = rootNode(_class = (_ModalBody = /*#__PURE__*/function (_React$Component) {
   function ModalBody() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -37,6 +36,7 @@ export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody =
   var _proto = ModalBody.prototype;
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = getModalBodyTheme(theme);
       return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
@@ -46,11 +46,10 @@ export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody =
   };
   _proto.renderMain = function renderMain() {
     var _this3 = this;
-    var versionGTE5_2 = isThemeGTE(this.theme, '5.2');
     var noPadding = this.props.noPadding;
     return /*#__PURE__*/(
       React.createElement(ModalContext.Consumer, null, function (_ref) {
-        var _cx;
+        var _this3$cx;
         var additionalPadding = _ref.additionalPadding,
           hasHeader = _ref.hasHeader;
         return /*#__PURE__*/(
@@ -59,7 +58,7 @@ export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody =
           }, _this3.props), /*#__PURE__*/
           React.createElement(ZIndex, {
             priority: ModalZIndexPriority.Content,
-            className: cx((_cx = {}, _cx[styles.body(_this3.theme)] = true, _cx[styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _cx[styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _cx[styles.mobileBodyWithoutHeader()] = !hasHeader && _this3.isMobileLayout, _cx[styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _cx[styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _cx[styles.mobileBodyWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && !hasHeader && _this3.isMobileLayout, _cx[styles.mobileBodyAddPaddingForPanel5_2(_this3.theme)] = versionGTE5_2 && additionalPadding && _this3.isMobileLayout, _cx[styles.bodyWithoutPadding()] = noPadding, _cx))
+            className: _this3.cx((_this3$cx = {}, _this3$cx[_this3.styles.body(_this3.theme)] = true, _this3$cx[_this3.styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _this3$cx[_this3.styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _this3$cx[_this3.styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _this3$cx[_this3.styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _this3$cx[_this3.styles.mobileBodyWithoutHeader(_this3.theme)] = !hasHeader && _this3.isMobileLayout, _this3$cx[_this3.styles.bodyWithoutPadding()] = noPadding, _this3$cx))
           }, _this3.isMobileLayout ? /*#__PURE__*/
           React.createElement(ResizeDetector, {
             onResize: _this3.handleResize
@@ -69,4 +68,4 @@ export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody =
     );
   };
   return ModalBody;
-}(React.Component), _ModalBody.__KONTUR_REACT_UI__ = 'ModalBody', _ModalBody.displayName = 'ModalBody', _ModalBody.__MODAL_BODY__ = true, _ModalBody)) || _class) || _class;
+}(React.Component), _ModalBody.__KONTUR_REACT_UI__ = 'ModalBody', _ModalBody.displayName = 'ModalBody', _ModalBody.__MODAL_BODY__ = true, _ModalBody)) || _class) || _class) || _class;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","~~cx","~~responsiveLayout","LayoutEvents","ResizeDetector","rootNode","~~isThemeGTE~~","ModalContext","~~styles~~","getModalBodyTheme","ModalZIndexPriority","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","~~versionGTE5_2","~~noPadding","props","_ref","~~_cx~~","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","priority","Content","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","~~mobileBodyWithoutHeader","~~bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","~~mobileBodyWithoutHeader5_2~~","~~mobileBodyAddPaddingForPanel5_2","~~bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ~~cx } from '../../lib/theming/Emotion';\nimport {~~ responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ~~isThemeGTE~~ } from '../../lib/~~theming/ThemeHelpers~~';\n\nimport { ModalContext } from './ModalContext';\nimport { ~~styles~~ } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n /** Убирает отступы. /\n noPadding?: boolean;\n}\n\n/\n ModalBody - контейнер с отступами от края модалки.\n \n @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n public static __KONTUR_REACT_UI__ = 'ModalBody';\n public static displayName = 'ModalBody';\n public static __MODAL_BODY__ = true;\n\n private theme!: Theme;\n private isMobileLayout!: boolean;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getModalBodyTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private handleResize = () => {\n LayoutEvents.emit();\n };\n\n public renderMain(): JSX.Element {\n const ~~versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n const~~ { noPadding } = this.props;\n return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <ZIndex\n priority={ModalZIndexPriority.Content}\n className={cx({\n [styles.body(this.theme)]: true,\n [styles.mobileBody(this.theme)]: this.isMobileLayout,\n [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n [~~styles.mobileBodyWithoutHeader()]: !hasHeader &&~~ this.~~isMobileLayout,\n [~~styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n [styles.~~mobileBodyWithoutHeader5_2~~(this.theme)]: ~~versionGTE5_2 &&~~ !hasHeader && this.isMobileLayout,\n [~~styles.mobileBodyAddPaddingForPanel5_2(~~this.~~theme)]:\n versionGTE5_2 && additionalPadding && this.isMobileLayout,\n [~~styles.bodyWithoutPadding()]: noPadding,\n })}\n >\n {this.isMobileLayout ? (\n <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n ) : (\n this.props.children\n )}\n </ZIndex>\n </CommonWrapper>\n )}\n </ModalContext.Consumer>\n );\n }\n}\n"],"mappings":"uJAAA,OAAOA,KAAK,MAAM,OAAO~~;;AAEzB~~,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,MAAM,QAAQ,uBAAuB;;AAE9C,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,~~EAAE,QAAQ,2BAA2B;AAC9C,SAASC,~~gBAAgB,QAAQ,+BAA+B;AAChE,OAAO,KAAKC,YAAY,MAAM,wBAAwB;AACtD,SAASC,cAAc,QAAQ,+BAA+B;;AAE9D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,~~UAAU~~,QAAQ,~~gCAAgC~~;;~~AAE3D~~,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,~~MAAM~~,QAAQ,gBAAgB;~~AACvC~~,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,mBAAmB,QAAQ,SAAS;;;;;;;AAO7C;AACA;AACA;AACA;AACA;AACA~~;;AAEaC~~,SAAS,~~GAFrBT~~,gBAAgB,CAAAU,MAAA,GAChBP,QAAQ,CAAAO,MAAA,IAAAC,UAAA,0BAAAC,gBAAA,YAAAH,UAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA~~;;;;;;;;;;;;;;;;;;;;;IAsBCU~~,YAAY,GAAG,YAAM;MAC3BtB,YAAY,CAACuB,IAAI,CAAC,CAAC;IACrB,CAAC,QAAAX,KAAA,EAAAY,cAAA,CAAAhB,SAAA,EAAAG,gBAAA,MAAAc,MAAA,GAAAjB,SAAA,CAAAkB,SAAA,CAAAD,MAAA,~~CAbME~~,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,~~oBACElC~~,KAAA,~~CAAAmC~~,aAAA,~~CAAClC~~,YAAY,~~CAACmC~~,QAAQ,QACnB,UAACC,KAAK,EAAK,~~CACVH~~,MAAI,~~CAACG~~,KAAK,~~GAAGzB~~,iBAAiB,~~CAACyB~~,KAAK,CAAC,CACrC,~~oBAAOrC~~,KAAA,~~CAAAmC~~,aAAA,~~CAAClC~~,YAAY,~~CAACqC~~,QAAQ,IAACC,KAAK,~~EAAEL~~,MAAI,~~CAACG~~,KAAM,~~IAAEH~~,MAAI,~~CAACM~~,UAAU,CAAC,CAAyB,CAAC,CAC9F,CACqB,CAAC,CAE5B,CAAC,~~CAAAT~~,MAAA;;~~EAMMS~~,UAAU,GAAjB,SAAAA,WAAA,EAAiC,KAAAC,MAAA;IAC/B,~~IAAMC~~,~~aAAa,GAAGjC,UAAU,CAAC,IAAI,CAAC4B,KAAK,EAAE,KAAK,CAAC;IACnD,IAAQM,~~SAAS,GAAK,IAAI,CAACC,KAAK,CAAxBD,SAAS;IACjB;MACE3C,KAAA,~~CAAAmC~~,aAAA,~~CAACzB~~,YAAY,~~CAAC0B~~,QAAQ;MACnB,~~UAAAS~~,IAAA,OAAAC,~~GAAA~~,KAAGC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;UAC9BhD,KAAA,~~CAAAmC~~,aAAA,~~CAAChC~~,aAAa,EAAA8C,QAAA,GAACC,WAAW,~~EAAET~~,MAAI,~~CAACU~~,WAAY,~~IAAKV~~,MAAI,~~CAACG~~,KAAK;UAC1D5C,KAAA,~~CAAAmC~~,aAAA,~~CAACjC~~,MAAM;YACLkD,QAAQ,~~EAAEvC~~,mBAAmB,~~CAACwC~~,OAAQ;YACtCC,SAAS,~~EAAElD~~,EAAE,~~EAAA0C~~,~~GAAA~~,OAAAA,~~GAAA~~;~~YACVnC~~,MAAM,~~CAAC4C~~,IAAI,CAACd,MAAI,CAACJ,KAAK,CAAC,IAAG,IAAI,~~EAAAS~~,~~GAAA~~;~~YAC9BnC~~,MAAM,~~CAAC6C~~,UAAU,CAACf,MAAI,CAACJ,KAAK,CAAC,IAAGI,MAAI,CAACgB,cAAc,~~EAAAX~~,~~GAAA~~;~~YACnDnC~~,MAAM,~~CAAC+C~~,iBAAiB,CAACjB,MAAI,CAACJ,KAAK,CAAC,IAAG,~~CAACW~~,SAAS,EAAAF,~~GAAA~~;~~YACjDnC~~,~~MAAM,CAACgD,uBAAuB,CAAC,CAAC,IAAG,CAACX,SAAS,IAAIP,~~MAAI,~~CAACgB~~,~~cAAc,EAAAX,GAAA;YACpEnC,~~MAAM,~~CAACiD~~,sBAAsB,~~CAACnB~~,MAAI,CAACJ,KAAK,CAAC,~~IAAGU~~,iBAAiB,EAAAD,~~GAAA~~;~~YAC7DnC~~,MAAM,~~CAACkD~~,4BAA4B,~~CAACpB~~,MAAI,CAACJ,KAAK,CAAC,~~IAAGU~~,iBAAiB,~~IAAIN~~,MAAI,CAACgB,cAAc,~~EAAAX~~,~~GAAA~~;~~YAC1FnC~~,MAAM,~~CAACmD~~,~~0BAA0B~~,~~CAACrB~~,MAAI,CAACJ,KAAK,CAAC,~~IAAGK~~,~~aAAa~~,~~IAAI,CAACM,~~SAAS,~~IAAIP~~,MAAI,CAACgB,cAAc,~~EAAAX~~,~~GAAA~~;~~YAClGnC~~,~~MAAM,CAACoD,+BAA+B,CAACtB,~~MAAI,~~CAACJ~~,~~KAAK,CAAC;YACjDK,aAAa,IAAIK,iBAAiB,IAAIN,MAAI,CAACgB,cAAc,EAAAX,GAAA;YAC1DnC,~~MAAM,~~CAACqD~~,kBAAkB,CAAC,CAAC,~~IAAGrB~~,SAAS,EAAAG,~~GAAA~~;~~YACzC~~,CAAE;;~~UAEFL~~,MAAI,CAACgB,cAAc;~~UAClBzD~~,KAAA,~~CAAAmC~~,aAAA,~~CAAC5B~~,cAAc,IAAC0D,QAAQ,~~EAAExB~~,MAAI,~~CAACb~~,YAAa,~~IAAEa~~,MAAI,~~CAACG~~,KAAK,~~CAACsB~~,QAAyB,CAAC;;~~UAEnFzB~~,MAAI,~~CAACG~~,KAAK,~~CAACsB~~;;UAEP;UACK,CAAC;;MAEG,CAAC;;EAE5B,CAAC,QAAApD,SAAA,~~GAzD4Bd~~,KAAK,~~CAACmE~~,SAAS,GAAAnD,UAAA,CAC9BoD,mBAAmB,GAAG,WAAW,EAAApD,UAAA,CACjCqD,WAAW,GAAG,WAAW,EAAArD,UAAA,CACzBsD,cAAc,GAAG,IAAI,EAAAtD,UAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
1	+ {"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","withRenderEnvironment","ModalContext","getStyles","getModalBodyTheme","ModalZIndexPriority","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","styles","emotion","createElement","Consumer","theme","Provider","value","renderMain","_this3","noPadding","props","_ref","_this3$cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","priority","Content","className","cx","body","mobileBody","isMobileLayout","bodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader","bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { ModalContext } from './ModalContext';\nimport { getStyles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n /** Убирает отступы. /\n noPadding?: boolean;\n}\n\n/\n ModalBody - контейнер с отступами от края модалки.\n \n @visibleName Modal.Body\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n public static __KONTUR_REACT_UI__ = 'ModalBody';\n public static displayName = 'ModalBody';\n public static __MODAL_BODY__ = true;\n\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private isMobileLayout!: boolean;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render() {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getModalBodyTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private handleResize = () => {\n LayoutEvents.emit();\n };\n\n public renderMain(): JSX.Element {\n const { noPadding } = this.props;\n return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <ZIndex\n priority={ModalZIndexPriority.Content}\n className={this.cx({\n [this.styles.body(this.theme)]: true,\n [this.styles.mobileBody(this.theme)]: this.isMobileLayout,\n [this.styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n [this.styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n [this.styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n [this.styles.mobileBodyWithoutHeader(this.theme)]: !hasHeader && this.isMobileLayout,\n [this.styles.bodyWithoutPadding()]: noPadding,\n })}\n >\n {this.isMobileLayout ? (\n <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n ) : (\n this.props.children\n )}\n </ZIndex>\n </CommonWrapper>\n )}\n </ModalContext.Consumer>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalBody.d.ts CHANGED Viewed

@@ -14,6 +14,9 @@ export declare class ModalBody extends React.Component<ModalBodyProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static __MODAL_BODY__: boolean;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private isMobileLayout;
     getRootNode: TGetRootNode;

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

@@ -1,16 +1,14 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["disableClose", "requestClose"];
 import React, { useContext } from 'react';
-import { globalObject } from '@skbkontur/global-object';
+import { useGlobal, useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
-import { keyListener } from "../../../lib/events/keyListener";
+import { useKeyListener } from "../../../lib/events/keyListener";
 import { ResponsiveLayout } from "../../ResponsiveLayout";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { XIcon20Regular } from "../../../internal/icons2022/XIcon/XIcon20Regular";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
-import { styles } from "../Modal.styles";
+import { getStyles } from "../Modal.styles";
 import { ModalDataTids } from "../Modal";
 import { ModalLocaleHelper } from "../locale";
 export function ModalClose(_ref) {
@@ -18,7 +16,12 @@ export function ModalClose(_ref) {
     requestClose = _ref.requestClose,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var locale = useLocaleForControl('Modal', ModalLocaleHelper);
+  var globalObject = useGlobal();
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var theme = useContext(ThemeContext);
+  var keyListener = useKeyListener();
   var _React$useState = React.useState(false),
     focusedByTab = _React$useState[0],
     setFocusedByTab = _React$useState[1];
@@ -37,7 +40,6 @@ export function ModalClose(_ref) {
   var icon = /*#__PURE__*/React.createElement(XIcon20Regular, {
     align: "none"
   });
-  var versionGTE5_1 = isThemeGTE(theme, '5.1');
   return /*#__PURE__*/(
     React.createElement(CommonWrapper, otherProps, /*#__PURE__*/
     React.createElement(ResponsiveLayout, null, function (_ref2) {
@@ -46,7 +48,7 @@ export function ModalClose(_ref) {
       return /*#__PURE__*/(
         React.createElement("button", {
           "aria-label": locale.closeButtonAriaLabel,
-          className: cx((_cx = {}, _cx[styles.close(theme)] = true, _cx[styles.close5_1(theme)] = versionGTE5_1, _cx[styles.closeMobile(theme)] = isMobile, _cx[styles.closeMobile5_1(theme)] = isMobile && versionGTE5_1, _cx[styles.disabled(theme)] = disableClose, _cx[styles.focus(theme)] = focusedByTab && !versionGTE5_1, _cx[styles.focus5_1(theme)] = focusedByTab && versionGTE5_1, _cx)),
+          className: cx((_cx = {}, _cx[styles.close(theme)] = true, _cx[styles.closeMobile(theme)] = isMobile, _cx[styles.disabled(theme)] = disableClose, _cx[styles.focus(theme)] = focusedByTab, _cx)),
           onClick: requestClose,
           onFocus: handleFocus,
           onBlur: handleBlur,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","~~globalObject~~","~~useLocaleForControl~~","~~ThemeContext~~","cx","~~keyListener~~","ResponsiveLayout","CommonWrapper","XIcon20Regular","~~isThemeGTE~~","~~styles","~~ModalDataTids","ModalLocaleHelper","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose","_excluded","locale","theme","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","align","~~versionGTE5_1","~~_ref2","_cx","isMobile","closeButtonAriaLabel","className","close","~~close5_1","~~closeMobile","~~closeMobile5_1","~~disabled","focus","~~focus5_1","~~onClick","onFocus","onBlur","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ~~globalObject~~ } from '~~@skbkontur~~/~~global-object~~';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/~~theming/Emotion';\nimport { keyListener } from '../../lib/~~events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\~~nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\~~n\nimport type { CloseProps } from './ModalContext';\nimport { ~~styles~~ } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n const theme = useContext(ThemeContext);\n const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n\n const handleBlur = () => {\n setFocusedByTab(false);\n };\n\n const icon = <XIcon20Regular align=\"none\" />;\n ~~const versionGTE5_1 = isThemeGTE(theme, '5.1');\n~~\n return (\n <CommonWrapper {...otherProps}>\n <ResponsiveLayout>\n {({ isMobile }) => (\n <button\n aria-label={locale.closeButtonAriaLabel}\n className={cx({\n [styles.close(theme)]: true,\n [styles.~~close5_1(theme)]: versionGTE5_1,\n [styles.~~closeMobile(theme)]: isMobile,\n [styles.~~closeMobile5_1(theme)]: isMobile && versionGTE5_1,\n [styles.~~disabled(theme)]: disableClose,\n [styles.focus(theme)]: focusedByTab ~~&& !versionGTE5_1~~,\n ~~[styles.focus5_1(theme)]: focusedByTab && versionGTE5_1,\n~~ })}\n onClick={requestClose}\n onFocus={handleFocus}\n onBlur={handleBlur}\n data-tid={ModalDataTids.close}\n tabIndex={disableClose ? -1 : 0}\n >\n {icon}\n </button>\n )}\n </ResponsiveLayout>\n </CommonWrapper>\n );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"qJAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO~~;AACzC~~,SAASC,~~YAAY~~,QAAQ,~~0BAA0B;;AAEvD~~,SAASC,mBAAmB,QAAQ,sCAAsC;AAC1E,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,~~EAAE~~,QAAQ,~~2BAA2B;AAC9C,SAASC,WAAW,QAAQ,~~8BAA8B;~~AAC1D~~,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,cAAc,QAAQ,+CAA+C~~;AAC9E,SAASC,UAAU,QAAQ,gCAAgC~~;;;~~AAG3D~~,SAASC,~~MAAM~~,QAAQ,gBAAgB;~~AACvC~~,SAASC,aAAa,QAAQ,SAAS;AACvC,SAASC,iBAAiB,QAAQ,UAAU;;AAE5C,OAAO,SAASC,UAAUA,CAAAC,IAAA,EAA4D,KAAzDC,YAAY,GAAAD,IAAA,CAAZC,YAAY,CAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAKC,UAAU,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACpE,IAAMC,MAAM,~~GAAGlB~~,mBAAmB,CAAC,OAAO,~~EAAEU~~,iBAAiB,CAAC;EAC9D,IAAMS,~~KAAK~~,GAAGrB,UAAU,~~CAACG~~,YAAY,CAAC;EACtC,~~IAAAmB~~,eAAA,~~GAAwCvB~~,KAAK,~~CAACwB~~,QAAQ,CAAC,KAAK,CAAC,CAAtDC,YAAY,GAAAF,eAAA,IAAEG,eAAe,GAAAH,eAAA;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACA;~~IACAzB~~,YAAY,~~CAAC0B~~,qBAAqB,~~YAAlC1B~~,YAAY,~~CAAC0B~~,qBAAqB,CAAG,YAAM;MACzC,~~IAAItB~~,WAAW,~~CAACuB~~,YAAY,EAAE;QAC5BH,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBJ,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC;;EAED,IAAMK,IAAI,~~gBAAG/B~~,KAAA,~~CAAAgC~~,aAAA,~~CAACvB~~,cAAc,~~IAACwB~~,KAAK,EAAC,MAAM,EAAE,CAAC~~;EAC5C,IAAMC,aAAa,GAAGxB,UAAU,CAACY,KAAK,EAAE,KAAK,CAAC~~;;~~EAE9C~~;~~IACEtB~~,KAAA,~~CAAAgC~~,aAAA,~~CAACxB~~,aAAa,~~EAAKU~~,UAAU;IAC3BlB,KAAA,~~CAAAgC~~,aAAA,~~CAACzB~~,gBAAgB;IACd,~~UAAA4B~~,KAAA,OAAAC,GAAA,KAAGC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;~~QACVrC~~,KAAA,~~CAAAgC~~,aAAA;UACE,~~cAAYX~~,MAAM,~~CAACiB~~,oBAAqB;UACxCC,SAAS,~~EAAElC~~,EAAE,~~EAAA+B~~,GAAA,OAAAA,GAAA;~~UACVzB~~,MAAM,~~CAAC6B~~,KAAK,CAAClB,KAAK,CAAC,IAAG,IAAI,EAAAc,GAAA;~~UAC1BzB~~,MAAM,~~CAAC8B~~,~~QAAQ~~,CAACnB,KAAK,CAAC,~~IAAGY,aAAa,EAAAE,GAAA;UACtCzB,MAAM,CAAC+B,WAAW,CAACpB,KAAK,CAAC,~~IAAGe,QAAQ,EAAAD,GAAA;~~UACpCzB~~,MAAM,~~CAACgC~~,~~cAAc,CAACrB,KAAK,CAAC,IAAGe,~~QAAQ,~~IAAIH~~,~~aAAa,EAAAE,GAAA;UACxDzB,MAAM,CAACiC,QAAQ,CAACtB,~~KAAK,CAAC,~~IAAGN~~,YAAY,~~EAAAoB~~,GAAA;~~UACrCzB~~,MAAM,~~CAACkC~~,KAAK,~~CAACvB~~,KAAK,CAAC,~~IAAGG~~,YAAY,~~IAAI~~,~~CAACS,aAAa,EAAAE,~~GAAA;~~UACpDzB~~,~~MAAM,CAACmC,QAAQ,CAACxB,KAAK,CAAC,IAAGG,YAAY,IAAIS,aAAa,EAAAE,GAAA;UACxD,~~CAAE;~~UACHW~~,OAAO,~~EAAE9B~~,YAAa;~~UACtB+B~~,OAAO,~~EAAErB~~,WAAY;~~UACrBsB~~,MAAM,~~EAAEnB~~,UAAW;UACnB,~~YAAUlB~~,aAAa,~~CAAC4B~~,KAAM;~~UAC9BU~~,QAAQ,~~EAAElC~~,YAAY,GAAG,CAAC,CAAC,GAAG,CAAE;;QAE/Be;QACK,CAAC;;IAEK;IACL,CAAC;;AAEpB;;~~AAEAjB~~,UAAU,~~CAACqC~~,mBAAmB,GAAG,YAAY;~~AAC7CrC~~,UAAU,~~CAACsC~~,WAAW,GAAG,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","useGlobal","useEmotion","useStyles","useLocaleForControl","ThemeContext","useKeyListener","ResponsiveLayout","CommonWrapper","XIcon20Regular","getStyles","ModalDataTids","ModalLocaleHelper","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose","_excluded","locale","globalObject","_useEmotion","cx","styles","theme","keyListener","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","align","_ref2","_cx","isMobile","closeButtonAriaLabel","className","close","closeMobile","disabled","focus","onClick","onFocus","onBlur","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useGlobal, useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useKeyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\n\nimport type { CloseProps } from './ModalContext';\nimport { getStyles } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n const globalObject = useGlobal();\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const theme = useContext(ThemeContext);\n const keyListener = useKeyListener();\n const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n\n const handleBlur = () => {\n setFocusedByTab(false);\n };\n\n const icon = <XIcon20Regular align=\"none\" />;\n\n return (\n <CommonWrapper {...otherProps}>\n <ResponsiveLayout>\n {({ isMobile }) => (\n <button\n aria-label={locale.closeButtonAriaLabel}\n className={cx({\n [styles.close(theme)]: true,\n [styles.closeMobile(theme)]: isMobile,\n [styles.disabled(theme)]: disableClose,\n [styles.focus(theme)]: focusedByTab,\n })}\n onClick={requestClose}\n onFocus={handleFocus}\n onBlur={handleBlur}\n data-tid={ModalDataTids.close}\n tabIndex={disableClose ? -1 : 0}\n >\n {icon}\n </button>\n )}\n </ResponsiveLayout>\n </CommonWrapper>\n );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,14 +1,13 @@
 import React, { useContext, useLayoutEffect } from 'react';
-import { getScrollWidth } from "../../../lib/dom/getScrollWidth";
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
+import { useGetScrollWidth } from "../../../lib/dom/getScrollWidth";
 import { Sticky } from "../../Sticky";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { useResponsiveLayout } from "../../ResponsiveLayout";
 import { Gapped } from "../../Gapped";
 import { isNonNullable } from "../../../lib/utils";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
-import { styles } from "../Modal.styles";
+import { getStyles } from "../Modal.styles";
 import { ModalContext } from "../ModalContext";
 import { ModalSeparator } from "../ModalSeparator";
 export var ModalFooterDataTids = {
@@ -22,8 +21,12 @@ export var ModalFooterDataTids = {
  */
 function ModalFooter(props) {
   var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var modal = useContext(ModalContext);
   var layout = useResponsiveLayout();
+  var scrollWidth = useGetScrollWidth();
   var _props$sticky = props.sticky,
     sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,
     gap = props.gap,
@@ -37,7 +40,6 @@ function ModalFooter(props) {
       modal.setHasPanel == null || modal.setHasPanel(false);
     };
   }, [panel]);
-  var versionGTE5_2 = isThemeGTE(theme, '5.2');
   var renderContent = function renderContent(fixed) {
     if (fixed === void 0) {
       fixed = false;
@@ -48,7 +50,7 @@ function ModalFooter(props) {
       }), /*#__PURE__*/
       React.createElement("div", {
         "data-tid": ModalFooterDataTids.root,
-        className: cx(styles.footer(theme), fixed && styles.fixedFooter(theme), versionGTE5_2 && fixed && styles.fixedFooter5_2(), Boolean(panel) && styles.panel(theme), fixed && Boolean(panel) && styles.fixedPanel(theme), layout.isMobile && styles.mobileFooter(theme), versionGTE5_2 && layout.isMobile && fixed && styles.mobileFixedFooter5_2(theme))
+        className: cx(styles.footer(theme), fixed && styles.fixedFooter(theme), Boolean(panel) && styles.panel(theme), fixed && Boolean(panel) && styles.fixedPanel(theme), layout.isMobile && styles.mobileFooter(theme), layout.isMobile && fixed && styles.mobileFixedFooter(theme))
       }, isNonNullable(gap) ? /*#__PURE__*/
       React.createElement(Gapped, {
         vertical: layout.isMobile,
@@ -59,9 +61,9 @@ function ModalFooter(props) {
   var getStickyOffset = function getStickyOffset() {
     var offset = 0;
     if (modal.horizontalScroll) {
-      offset += getScrollWidth();
+      offset += scrollWidth;
     }
-    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {
+    if (layout.isMobile && !modal.mobileOnFullScreen) {
       offset += parseInt(theme.mobileModalContainerMarginBottom);
     }
     return offset;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","useLayoutEffect","~~getScrollWidth~~","Sticky","ThemeContext","CommonWrapper","~~cx","~~useResponsiveLayout","Gapped","isNonNullable","~~isThemeGTE~~","~~styles","~~ModalContext","ModalSeparator","ModalFooterDataTids","root","ModalFooter","props","theme","modal","layout","_props$sticky","sticky","isMobile","gap","panel","children","setHasFooter","setHasPanel","~~versionGTE5_2","~~renderContent","fixed","createElement","className","footer","fixedFooter","~~fixedFooter5_2","~~Boolean","fixedPanel","mobileFooter","~~mobileFixedFooter5_2~~","vertical","getStickyOffset","offset","horizontalScroll","mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","side","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { ~~getScrollWidth~~ } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ~~cx } from '../../lib/theming/Emotion';\nimport {~~ useResponsiveLayout } from '../ResponsiveLayout';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\~~nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\~~n\nimport { ~~styles~~ } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /** Включает серый цвет в футере. /\n panel?: boolean;\n\n /* Закрепляет футер снизу модального окна.\n * @default На десктопе - `true`, на мобильных - `false`. /\n sticky?: boolean;\n\n /* Задает контент футера. /\n children?: ReactNode;\n\n /* Задает расстояние между элементами футера в пикселях. /\n gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n root: 'ModalFooter__root',\n} as const;\n\n/\n Футер модального окна.\n \n @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n const theme = useContext(ThemeContext);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasFooter?.(true);\n modal.setHasPanel?.(panel \|\| false);\n\n return () => {\n modal.setHasFooter?.(false);\n modal.setHasPanel?.(false);\n };\n }, [panel]);\n\n const ~~versionGTE5_2 = isThemeGTE(theme, '5.2');\n const~~ renderContent = (fixed = false) => {\n return (\n <div>\n {(panel \|\| fixed) && <ModalSeparator fixed={fixed} />}\n <div\n data-tid={ModalFooterDataTids.root}\n className={cx(\n styles.footer(theme),\n fixed && styles.fixedFooter(theme),\n ~~versionGTE5_2 && fixed && styles.fixedFooter5_2(),\n~~ Boolean(panel) && styles.panel(theme),\n fixed && Boolean(panel) && styles.fixedPanel(theme),\n layout.isMobile && styles.mobileFooter(theme),\n ~~versionGTE5_2 &&~~ layout.isMobile && fixed && styles.~~mobileFixedFooter5_2~~(theme),\n )}\n >\n {isNonNullable(gap) ? (\n <Gapped vertical={layout.isMobile} gap={gap}>\n {children}\n </Gapped>\n ) : (\n children\n )}\n </div>\n </div>\n );\n };\n\n const getStickyOffset = () => {\n let offset = 0;\n if (modal.horizontalScroll) {\n offset += ~~getScrollWidth()~~;\n }\n if (~~versionGTE5_2 &&~~ layout.isMobile && !modal.mobileOnFullScreen) {\n offset += parseInt(theme.mobileModalContainerMarginBottom);\n }\n return offset;\n };\n\n return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={getStickyOffset()}>\n {renderContent}\n </Sticky>\n ) : (\n renderContent()\n )}\n </CommonWrapper>\n );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,eAAe,QAAQ,OAAO;;AAE1D,SAASC,~~cAAc~~,QAAQ,8BAA8B;~~AAC7D~~,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,~~EAAE,QAAQ,2BAA2B;AAC9C,SAASC,~~mBAAmB,QAAQ,qBAAqB;;AAEzD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,aAAa,QAAQ,iBAAiB~~;AAC~~/C,SAASC,~~UAAU~~,QAAQ,~~gCAAgC;;AAE3D,SAASC,MAAM,QAAQ,~~gBAAgB;~~AACvC~~,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,cAAc,QAAQ,kBAAkB;;;;;;;;;;;;;;;;;AAiBjD,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,WAAWA,CAACC,KAAuB,EAAE;EAC5C,IAAMC,KAAK,GAAGlB,UAAU,~~CAACI~~,YAAY,CAAC;EACtC,~~IAAMe~~,KAAK,~~GAAGnB~~,UAAU,CAACY,YAAY,CAAC;EACtC,~~IAAMQ~~,MAAM,~~GAAGb~~,mBAAmB,CAAC,CAAC;;~~EAEpC~~,~~IAAAc~~,aAAA,~~GAA4DJ~~,KAAK,~~CAAzDK~~,MAAM,CAANA,MAAM,GAAAD,aAAA,cAAG,~~CAACD~~,MAAM,~~CAACG~~,QAAQ,GAAAF,aAAA,CAAEG,GAAG,~~GAAsBP~~,KAAK,~~CAA9BO~~,GAAG,CAAEC,KAAK,~~GAAeR~~,KAAK,~~CAAzBQ~~,KAAK,CAAEC,QAAQ,~~GAAKT~~,KAAK,~~CAAlBS~~,QAAQ;;~~EAEvDzB~~,eAAe,CAAC,YAAM;~~IACpBkB~~,KAAK,~~CAACQ~~,YAAY,~~YAAlBR~~,KAAK,~~CAACQ~~,YAAY,CAAG,IAAI,CAAC;~~IAC1BR~~,KAAK,~~CAACS~~,WAAW,~~YAAjBT~~,KAAK,~~CAACS~~,WAAW,CAAGH,KAAK,IAAI,KAAK,CAAC;;IAEnC,OAAO,YAAM;~~MACXN~~,KAAK,~~CAACQ~~,YAAY,~~YAAlBR~~,KAAK,~~CAACQ~~,YAAY,CAAG,KAAK,CAAC;~~MAC3BR~~,KAAK,~~CAACS~~,WAAW,~~YAAjBT~~,KAAK,~~CAACS~~,WAAW,CAAG,KAAK,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;;EAEX,IAAMI,aAAa,~~GAAGnB,UAAU,CAACQ,KAAK,EAAE,KAAK,CAAC;EAC9C,IAAMY,aAAa,~~GAAG,SAAhBA,aAAaA,CAAIC,KAAK,EAAa,KAAlBA,KAAK,cAALA,KAAK,GAAG,KAAK;IAClC;~~MACEhC~~,KAAA,~~CAAAiC~~,aAAA;MACG,~~CAACP~~,KAAK,~~IAAIM~~,KAAK,~~kBAAKhC~~,KAAA,~~CAAAiC~~,aAAA,~~CAACnB~~,cAAc,~~IAACkB~~,KAAK,EAAEA,KAAM,EAAE,CAAC;~~MACrDhC~~,KAAA,~~CAAAiC~~,aAAA;QACE,~~YAAUlB~~,mBAAmB,CAACC,IAAK;~~QACnCkB~~,SAAS,~~EAAE3B~~,EAAE;~~UACXK~~,MAAM,~~CAACuB~~,MAAM,~~CAAChB~~,KAAK,CAAC;~~UACpBa~~,KAAK,~~IAAIpB~~,MAAM,~~CAACwB~~,WAAW,~~CAACjB~~,KAAK,CAAC;~~UAClCW~~,~~aAAa,IAAIE,KAAK,IAAIpB,MAAM,CAACyB,cAAc,CAAC,CAAC;UACjDC,~~OAAO,~~CAACZ~~,KAAK,CAAC,~~IAAId~~,MAAM,~~CAACc~~,KAAK,~~CAACP~~,KAAK,CAAC;~~UACrCa~~,KAAK,~~IAAIM~~,OAAO,~~CAACZ~~,KAAK,CAAC,~~IAAId~~,MAAM,~~CAAC2B~~,UAAU,~~CAACpB~~,KAAK,CAAC;~~UACnDE~~,MAAM,~~CAACG~~,QAAQ,~~IAAIZ~~,MAAM,~~CAAC4B~~,YAAY,~~CAACrB~~,KAAK,CAAC;~~UAC7CW~~,~~aAAa,IAAIT,~~MAAM,~~CAACG~~,QAAQ,~~IAAIQ~~,KAAK,~~IAAIpB~~,MAAM,~~CAAC6B~~,~~oBAAoB~~,~~CAACtB~~,KAAK;~~QAChF~~,CAAE;;~~MAEDT~~,aAAa,~~CAACe~~,GAAG,CAAC;~~MACjBzB~~,KAAA,~~CAAAiC~~,aAAA,~~CAACxB~~,MAAM,~~IAACiC~~,QAAQ,~~EAAErB~~,MAAM,~~CAACG~~,QAAS,EAACC,GAAG,EAAEA,GAAI;MACzCE;MACK,CAAC;;MAETA;;MAEC;MACF,CAAC;;EAEV,CAAC;;EAED,~~IAAMgB~~,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,IAAIC,MAAM,GAAG,CAAC;IACd,~~IAAIxB~~,KAAK,~~CAACyB~~,gBAAgB,EAAE;MAC1BD,MAAM,~~IAAIzC~~,~~cAAc,CAAC,CAAC~~;~~IAC5B~~;IACA,~~IAAI2B~~,~~aAAa,IAAIT,~~MAAM,~~CAACG~~,QAAQ,IAAI,~~CAACJ~~,KAAK,~~CAAC0B~~,kBAAkB,EAAE;~~MACjEF~~,MAAM,IAAIG,QAAQ,~~CAAC5B~~,KAAK,~~CAAC6B~~,gCAAgC,CAAC;IAC5D;IACA,OAAOJ,MAAM;EACf,CAAC;;EAED;~~IACE5C~~,KAAA,~~CAAAiC~~,aAAA,~~CAAC3B~~,aAAa,~~EAAKY~~,KAAK;~~IACrBK~~,MAAM;~~IACLvB~~,KAAA,~~CAAAiC~~,aAAA,~~CAAC7B~~,MAAM,IAAC6C,IAAI,EAAC,QAAQ,EAACL,MAAM,EAAED,eAAe,CAAC,CAAE;~~IAC7CZ~~;IACK,CAAC;;IAETA,aAAa,CAAC;;IAEH,CAAC;;AAEpB;;~~AAEAd~~,WAAW,~~CAACiC~~,mBAAmB,GAAG,aAAa;AAC/~~CjC~~,WAAW,~~CAACkC~~,WAAW,GAAG,aAAa;~~AACvClC~~,WAAW,~~CAACmC~~,gBAAgB,GAAG,IAAI;;AAEnC,~~SAASnC~~,WAAW","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","useLayoutEffect","useEmotion","useStyles","useGetScrollWidth","Sticky","ThemeContext","CommonWrapper","useResponsiveLayout","Gapped","isNonNullable","getStyles","ModalContext","ModalSeparator","ModalFooterDataTids","root","ModalFooter","props","theme","_useEmotion","cx","styles","modal","layout","scrollWidth","_props$sticky","sticky","isMobile","gap","panel","children","setHasFooter","setHasPanel","renderContent","fixed","createElement","className","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","mobileFixedFooter","vertical","getStickyOffset","offset","horizontalScroll","mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","side","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { useGetScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { getStyles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /** Включает серый цвет в футере. /\n panel?: boolean;\n\n /* Закрепляет футер снизу модального окна.\n * @default На десктопе - `true`, на мобильных - `false`. /\n sticky?: boolean;\n\n /* Задает контент футера. /\n children?: ReactNode;\n\n /* Задает расстояние между элементами футера в пикселях. /\n gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n root: 'ModalFooter__root',\n} as const;\n\n/\n Футер модального окна.\n \n @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n const scrollWidth = useGetScrollWidth();\n\n const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasFooter?.(true);\n modal.setHasPanel?.(panel \|\| false);\n\n return () => {\n modal.setHasFooter?.(false);\n modal.setHasPanel?.(false);\n };\n }, [panel]);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n {(panel \|\| fixed) && <ModalSeparator fixed={fixed} />}\n <div\n data-tid={ModalFooterDataTids.root}\n className={cx(\n styles.footer(theme),\n fixed && styles.fixedFooter(theme),\n Boolean(panel) && styles.panel(theme),\n fixed && Boolean(panel) && styles.fixedPanel(theme),\n layout.isMobile && styles.mobileFooter(theme),\n layout.isMobile && fixed && styles.mobileFixedFooter(theme),\n )}\n >\n {isNonNullable(gap) ? (\n <Gapped vertical={layout.isMobile} gap={gap}>\n {children}\n </Gapped>\n ) : (\n children\n )}\n </div>\n </div>\n );\n };\n\n const getStickyOffset = () => {\n let offset = 0;\n if (modal.horizontalScroll) {\n offset += scrollWidth;\n }\n if (layout.isMobile && !modal.mobileOnFullScreen) {\n offset += parseInt(theme.mobileModalContainerMarginBottom);\n }\n return offset;\n };\n\n return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={getStickyOffset()}>\n {renderContent}\n </Sticky>\n ) : (\n renderContent()\n )}\n </CommonWrapper>\n );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,10 @@
 import React, { useContext, useLayoutEffect } from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { Sticky } from "../../Sticky";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { useResponsiveLayout } from "../../ResponsiveLayout";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
-import { styles } from "../Modal.styles";
+import { getStyles } from "../Modal.styles";
 import { ModalClose } from "../ModalClose";
 import { ModalContext } from "../ModalContext";
 import { ModalSeparator } from "../ModalSeparator";
@@ -20,6 +19,9 @@ export var ModalHeaderDataTids = {
  */
 function ModalHeader(props) {
   var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var modal = useContext(ModalContext);
   var layout = useResponsiveLayout();
   var _props$sticky = props.sticky,
@@ -33,7 +35,6 @@ function ModalHeader(props) {
       return modal.setHasHeader == null ? void 0 : modal.setHasHeader(false);
     };
   }, []);
-  var versionGTE5_2 = isThemeGTE(theme, '5.2');
   var renderContent = function renderContent(fixed) {
     if (fixed === void 0) {
       fixed = false;
@@ -42,7 +43,7 @@ function ModalHeader(props) {
       React.createElement("div", null, /*#__PURE__*/
       React.createElement("div", {
         "data-tid": ModalHeaderDataTids.root,
-        className: cx(styles.header(theme), versionGTE5_2 && styles.header5_2(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), cutTitleOnStuck && fixed && styles.titleCut(), versionGTE5_2 && fixed && styles.fixedHeader5_2(), fixed && layout.isMobile && styles.mobileFixedHeader(theme), versionGTE5_2 && fixed && layout.isMobile && styles.mobileFixedHeader5_2(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme))
+        className: cx(styles.header(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), cutTitleOnStuck && fixed && styles.titleCut(), fixed && layout.isMobile && styles.mobileFixedHeader(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme))
       }, modal.close && /*#__PURE__*/
       React.createElement(ModalClose, {
         requestClose: modal.close.requestClose,
@@ -53,7 +54,7 @@ function ModalHeader(props) {
     );
   };
   var getStickyOffset = function getStickyOffset() {
-    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {
+    if (layout.isMobile && !modal.mobileOnFullScreen) {
       return parseInt(theme.mobileModalContainerMarginTop);
     }
     return 0;