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

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

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

Files changed (1181) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Modal.styles.ts"],"names":["modalGlobalClasses","root","container","getStyles","emotion","css","bg","t","modalBackBg","modalBackOpacity","containerMobile","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","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","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","modalCloseLegacyGap","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","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 type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { 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 = (emotion: Emotion) =>\n memoizeStyle({\n root() {\n return emotion.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 emotion.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 emotion.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 containerMobile(t: Theme) {\n return emotion.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 window(t: Theme) {\n return emotion.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 emotion.css`\n width: 100%;\n height: 100%;\n overflow: auto;\n `;\n },\n\n centerContainer() {\n return emotion.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 emotion.css`\n margin: 0;\n width: 100%;\n height: 100%;\n `;\n },\n\n alignTop() {\n return emotion.css`\n vertical-align: top;\n `;\n },\n\n close(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n return emotion.css`\n ${resetButton(emotion)};\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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n pointer-events: none;\n cursor: default;\n color: ${t.modalCloseButtonDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n color: ${t.modalCloseButtonHoverColor};\n outline: 2px solid ${t.borderColorFocus};\n `;\n },\n\n header(t: Theme) {\n return emotion.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 emotion.css`\n position: relative;\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n body(t: Theme) {\n return emotion.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 emotion.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 =\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\n\n return emotion.css`\n padding-right: ${rightPadding}px;\n `;\n },\n\n mobileHeaderWithClose(t: Theme) {\n return emotion.css`\n padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n `;\n },\n\n footer(t: Theme) {\n return emotion.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 emotion.css`\n padding: ${t.mobileModalFooterPadding};\n `;\n },\n\n panel(t: Theme) {\n return emotion.css`\n padding-top: ${t.modalFooterPanelPaddingTop};\n padding-bottom: ${t.modalFooterPanelPaddingBottom};\n background: ${t.modalFooterBg};\n `;\n },\n\n fixedHeader(t: Theme) {\n return emotion.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 emotion.css`\n padding-bottom: ${t.mobileModalHeaderPadding};\n `;\n },\n\n fixedFooter(t: Theme) {\n return emotion.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 emotion.css`\n &:before {\n box-shadow: ${t.modalFixedPanelShadow};\n }\n `;\n },\n\n headerAddPadding(t: Theme) {\n return emotion.css`\n padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n `;\n },\n\n bodyWithoutHeader(t: Theme) {\n return emotion.css`\n padding-top: ${t.modalPaddingTop};\n `;\n },\n\n mobileBodyWithoutHeader() {\n return emotion.css`\n padding-top: 0px;\n `;\n },\n\n bodyWithoutPadding() {\n return emotion.css`\n padding: 0;\n `;\n },\n\n bodyAddPaddingForPanel(t: Theme) {\n return emotion.css`\n padding-bottom: ${t.modalPaddingBottom};\n `;\n },\n\n mobileBodyAddPaddingForPanel(t: Theme) {\n return emotion.css`\n padding: ${t.mobileModalBodyPadding};\n `;\n },\n\n columnFlexContainer() {\n return emotion.css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: auto;\n `;\n },\n\n modalSeparatorWrapper() {\n return emotion.css`\n position: absolute;\n width: 100%;\n `;\n },\n\n modalSeparator(t: Theme) {\n return emotion.css`\n border-bottom: ${t.modalSeparatorBorderBottom};\n margin: 0 32px;\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed() {\n return emotion.css`\n margin: 0 16px;\n `;\n },\n });\n"]}
1	+ {"version":3,"sources":["Modal.styles.ts"],"names":["modalGlobalClasses","root","container","styles","css","bg","t","modalBackBg","modalBackOpacity","containerMobile","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","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","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","modalCloseLegacyGap","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","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, prefix } from '../../lib/theming/Emotion';\nimport { 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 &::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 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 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 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 position: relative;\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-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 =\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 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: ${t.mobileModalBodyPadding};\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: 0 32px;\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed() {\n return css`\n margin: 0 16px;\n `;\n },\n});\n"]}

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

@@ -16,7 +16,6 @@ export declare class ModalBody extends React.Component<ModalBodyProps> {
     static displayName: string;
     static __MODAL_BODY__: boolean;
     private theme;
-    private emotion;
     private isMobileLayout;
     private setRootNode;
     render(): JSX.Element;

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

@@ -1,15 +1,14 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalBody = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ZIndex = require("../../internal/ZIndex");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../ResponsiveLayout/decorator");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _ResizeDetector = require("../../internal/ResizeDetector");
 var _rootNode = require("../../lib/rootNode");
-var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ModalContext = require("./ModalContext");
 var _Modal = require("./Modal.styles");
@@ -42,14 +41,6 @@ ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_c
@@ -59,25 +50,23 @@ ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_c
     handleResize = function () {
       LayoutEvents.emit();
-    };return _this;}var _proto = ModalBody.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = (0, _getModalBodyTheme.getModalBodyTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeProvider, { value: _this2.theme }, _this2.renderMain());});});};_proto.
+    };return _this;}var _proto = ModalBody.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getModalBodyTheme.getModalBodyTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.
   renderMain = function renderMain() {var _this3 = this;
     var noPadding = this.props.noPadding;
-    var styles = (0, _Modal.getStyles)(this.emotion);
     return /*#__PURE__*/(
       _react.default.createElement(_ModalContext.ModalContext.Consumer, null,
-      function (_ref) {var _this3$emotion$cx;var additionalPadding = _ref.additionalPadding,hasHeader = _ref.hasHeader;return /*#__PURE__*/(
+      function (_ref) {var _cx;var additionalPadding = _ref.additionalPadding,hasHeader = _ref.hasHeader;return /*#__PURE__*/(
           _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), /*#__PURE__*/
           _react.default.createElement(_ZIndex.ZIndex, {
-            className: _this3.emotion.cx((_this3$emotion$cx = {}, _this3$emotion$cx[
-            styles.body(_this3.theme)] = true, _this3$emotion$cx[
-            styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _this3$emotion$cx[
-            styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _this3$emotion$cx[
-            styles.mobileBodyWithoutHeader()] = !hasHeader && _this3.isMobileLayout, _this3$emotion$cx[
-            styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _this3$emotion$cx[
-            styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _this3$emotion$cx[
-            styles.bodyWithoutPadding()] = noPadding, _this3$emotion$cx)) },
+            className: (0, _Emotion.cx)((_cx = {}, _cx[
+            _Modal.styles.body(_this3.theme)] = true, _cx[
+            _Modal.styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _cx[
+            _Modal.styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _cx[
+            _Modal.styles.mobileBodyWithoutHeader()] = !hasHeader && _this3.isMobileLayout, _cx[
+            _Modal.styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _cx[
+            _Modal.styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _cx[
+            _Modal.styles.bodyWithoutPadding()] = noPadding, _cx)) },
           _this3.isMobileLayout ? /*#__PURE__*/

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalBody.tsx"],"names":["ModalBody","responsiveLayout","rootNode","handleResize","LayoutEvents","emit","render","~~emotion","~~theme","renderMain","noPadding","props","~~styles","~~additionalPadding","hasHeader","setRootNode","cx","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","children","React","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"mappings":"8aAAA~~;;;;AAIA~~;AACA;AACA;AACA;AACA;AACA;AACA~~;AACA~~;;AAEA;AACA;AACA,wD;;;;;;;;;AASA;AACA;AACA;AACA;AACA,G;;;AAGaA,S,OAFZC,2B,eACAC,kB~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BSC~~,IAAAA,Y,GAAe,YAAM;AAC3BC,MAAAA,YAAY,CAACC,IAAb;AACD,K,~~uDApBMC~~,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,~~wBAAD~~,~~QACG~~,~~UAACC~~,~~OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,6BAAC,2BAAD,~~QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAa,0CAAkBA,KAAlB,CAAb,CACA,oBAAO,6BAAC,~~2BAAD~~,~~IAAe~~,KAAK,EAAE,MAAI,CAACA,~~KAA3B~~,~~IAAmC~~,MAAI,CAACC,UAAL,~~EAAnC~~,CAAP,CACD,CAJH,CADF,CAQD,~~CAXH,CADF,CAeD,~~C;;AAMMA,EAAAA,U,GAAP,sBAAiC;AAC/B,QAAQC,SAAR,GAAsB,KAAKC,KAA3B,CAAQD,SAAR;AACA~~,QAAME,MAAM,GAAG,sBAAU,KAAKL,OAAf,CAAf;;AAEA~~;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,~~iDAAGM~~,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,uCAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACC,WAAjC,IAAkD,MAAI,~~CAACJ~~,KAAvD;AACE,uCAAC,cAAD;AACE,YAAA,SAAS,EAAE~~,MAAI,CAACJ,OAAL,CAAaS,EAAb~~;~~AACRJ~~,~~YAAAA~~,~~MAAM,CAACK,~~IAAP,CAAY,MAAI,~~CAACT~~,KAAjB,CADQ,IACkB,IADlB;~~AAERI~~,~~YAAAA~~,~~MAAM,CAACM,~~UAAP,CAAkB,MAAI,~~CAACV~~,KAAvB,CAFQ,IAEwB,MAAI,~~CAACW~~,cAF7B;~~AAGRP~~,~~YAAAA~~,~~MAAM,CAACQ,~~iBAAP,CAAyB,MAAI,~~CAACZ~~,KAA9B,CAHQ,IAG+B,~~CAACM~~,SAHhC;~~AAIRF~~,~~YAAAA~~,~~MAAM,CAACS,~~uBAAP,EAJQ,IAI2B,CAACP,SAAD,IAAc,MAAI,CAACK,cAJ9C;~~AAKRP~~,~~YAAAA~~,~~MAAM,CAACU,~~sBAAP,CAA8B,MAAI,~~CAACd~~,KAAnC,CALQ,~~IAKoCK~~,iBALpC;~~AAMRD~~,~~YAAAA~~,~~MAAM,CAACW,~~4BAAP,CAAoC,MAAI,~~CAACf~~,KAAzC,CANQ,~~IAM0CK~~,iBAAiB,IAAI,MAAI,CAACM,cANpE;~~AAORP~~,~~YAAAA~~,~~MAAM,CAACY,~~kBAAP,EAPQ,~~IAOsBd~~,SAPtB,~~qBADb~~;;;AAWG,UAAA,MAAI,~~CAACS~~,cAAL;AACC,uCAAC,8BAAD,IAAgB,QAAQ,EAAE,MAAI,~~CAAChB~~,YAA/B,IAA8C,MAAI,~~CAACQ~~,KAAL,~~CAAWc~~,QAAzD,CADD;;AAGC,UAAA,MAAI,~~CAACd~~,KAAL,~~CAAWc~~,QAdf,CADF,CADD,GADH,CADF;;;;;;;AAyBD,G,~~oBA7D4BC~~,eAAMC,S,WACrBC,mB,GAAsB,W,UACtBC,W,GAAc,W,UACdC,c,GAAiB,I","sourcesContent":["import React from 'react';\nimport ~~type~~ { ~~Emotion~~ } from '~~@emotion~~/~~css~~/~~create-instance~~';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ~~CommonProps~~, ~~CommonWrapper~~ } from '../../internal/CommonWrapper';\nimport { ~~responsiveLayout~~ } from '~~../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '~~../../lib/~~LayoutEvents~~';\nimport { ~~ResizeDetector~~ } from '~~../../internal~~/~~ResizeDetector~~';\nimport { ~~rootNode,~~ ~~TSetRootNode~~ } from '../../lib/~~rootNode~~';\nimport { ~~EmotionConsumer~~ } from '../../~~lib~~/~~theming/Emotion~~';\nimport { ~~ThemeConsumer~~, ~~ThemeProvider~~ } from '../../lib/~~theming/ThemeContext~~';\n\nimport { ModalContext } from './ModalContext';\nimport { ~~getStyles~~ } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\n\nexport interface ModalBodyProps extends CommonProps {\n /*\n убирает отступы\n /\n noPadding?: boolean;\n}\n\n/\n Контейнер с отступами от края модалки\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 ~~emotion!: Emotion;\n private~~ isMobileLayout!: boolean;\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <~~EmotionConsumer~~>\n {(~~emotion~~) => {\n this.~~emotion = emotion;\n return (\n <ThemeConsumer>\n {(~~theme) ~~=> {\n this.theme~~ = getModalBodyTheme(theme);\n return <~~ThemeProvider~~ value={this.theme}>{this.renderMain()}</~~ThemeProvider~~>;\n ~~}}\n </ThemeConsumer>\n );\n~~ }}\n </~~EmotionConsumer~~>\n );\n }\n\n private handleResize = () => {\n LayoutEvents.emit();\n };\n\n public renderMain(): JSX.Element {\n const { noPadding } = this.props;\n ~~const styles = getStyles(this.emotion);\n\n~~ return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <ZIndex\n className={~~this.emotion.~~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.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"]}
1	+ {"version":3,"sources":["ModalBody.tsx"],"names":["ModalBody","responsiveLayout","rootNode","handleResize","LayoutEvents","emit","render","theme","renderMain","noPadding","props","additionalPadding","hasHeader","setRootNode","styles","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","children","React","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"mappings":"8aAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,wD;;;;;;;;;AASA;AACA;AACA;AACA;AACA,G;;;AAGaA,S,OAFZC,2B,eACAC,kB;;;;;;;;;;;;;;;;;;;;AAqBSC,IAAAA,Y,GAAe,YAAM;AAC3BC,MAAAA,YAAY,CAACC,IAAb;AACD,K,uDAbMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAa,0CAAkBA,KAAlB,CAAb,CACA,oBAAO,6BAAC,0BAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,MAAI,CAACA,KAAnC,IAA2C,MAAI,CAACC,UAAL,EAA3C,CAAP,CACD,CAJH,CADF,CAQD,C;;AAMMA,EAAAA,U,GAAP,sBAAiC;AAC/B,QAAQC,SAAR,GAAsB,KAAKC,KAA3B,CAAQD,SAAR;AACA;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,uCAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACC,WAAjC,IAAkD,MAAI,CAACH,KAAvD;AACE,uCAAC,cAAD;AACE,YAAA,SAAS,EAAE;AACRI,0BAAOC,IAAP,CAAY,MAAI,CAACR,KAAjB,CADQ,IACkB,IADlB;AAERO,0BAAOE,UAAP,CAAkB,MAAI,CAACT,KAAvB,CAFQ,IAEwB,MAAI,CAACU,cAF7B;AAGRH,0BAAOI,iBAAP,CAAyB,MAAI,CAACX,KAA9B,CAHQ,IAG+B,CAACK,SAHhC;AAIRE,0BAAOK,uBAAP,EAJQ,IAI2B,CAACP,SAAD,IAAc,MAAI,CAACK,cAJ9C;AAKRH,0BAAOM,sBAAP,CAA8B,MAAI,CAACb,KAAnC,CALQ,IAKoCI,iBALpC;AAMRG,0BAAOO,4BAAP,CAAoC,MAAI,CAACd,KAAzC,CANQ,IAM0CI,iBAAiB,IAAI,MAAI,CAACM,cANpE;AAORH,0BAAOQ,kBAAP,EAPQ,IAOsBb,SAPtB,OADb;;;AAWG,UAAA,MAAI,CAACQ,cAAL;AACC,uCAAC,8BAAD,IAAgB,QAAQ,EAAE,MAAI,CAACd,YAA/B,IAA8C,MAAI,CAACO,KAAL,CAAWa,QAAzD,CADD;;AAGC,UAAA,MAAI,CAACb,KAAL,CAAWa,QAdf,CADF,CADD,GADH,CADF;;;;;;;AAyBD,G,oBAnD4BC,eAAMC,S,WACrBC,mB,GAAsB,W,UACtBC,W,GAAc,W,UACdC,c,GAAiB,I","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } 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 { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\n\nexport interface ModalBodyProps extends CommonProps {\n /*\n убирает отступы\n /\n noPadding?: boolean;\n}\n\n/\n Контейнер с отступами от края модалки\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 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 { noPadding } = this.props;\n return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <ZIndex\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.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"]}

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

@@ -1,7 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ModalClose = ModalClose;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalClose = ModalClose;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CrossIcon = require("../../internal/icons/CrossIcon");
 var _Emotion = require("../../lib/theming/Emotion");
 var _keyListener = require("../../lib/events/keyListener");
@@ -9,7 +10,6 @@ var _ResponsiveLayout = require("../ResponsiveLayout");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _XIcon20Regular = require("../../internal/icons2022/XIcon/XIcon20Regular");
-var _useTheme = require("../../lib/theming/useTheme");
 var _Modal = require("./Modal.styles");
@@ -17,9 +17,8 @@ var _Modal2 = require("./Modal");
 var _locale = require("./locale");var _excluded = ["disableClose", "requestClose"];
 function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _ref.requestClose,otherProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var emotion = (0, _Emotion.useEmotion)();
   var locale = (0, _useLocaleForControl.useLocaleForControl)('Modal', _locale.ModalLocaleHelper);
-  var theme = (0, _useTheme.useTheme)();
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var _React$useState = _react.default.useState(false),focusedByTab = _React$useState[0],setFocusedByTab = _React$useState[1];
   var handleFocus = function handleFocus() {
@@ -37,19 +36,18 @@ function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _
   };
   var icon = (0, _ThemeHelpers.isTheme2022)(theme) ? /*#__PURE__*/_react.default.createElement(_XIcon20Regular.XIcon20Regular, { align: "none" }) : /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null);
-  var styles = (0, _Modal.getStyles)(emotion);
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, otherProps, /*#__PURE__*/
     _react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null,
-    function (_ref2) {var _emotion$cx;var isMobile = _ref2.isMobile;return /*#__PURE__*/(
+    function (_ref2) {var _cx;var isMobile = _ref2.isMobile;return /*#__PURE__*/(
         _react.default.createElement("button", {
           "aria-label": locale.closeButtonAriaLabel,
-          className: emotion.cx((_emotion$cx = {}, _emotion$cx[
-          styles.close(theme)] = true, _emotion$cx[
-          styles.mobileClose(theme)] = isMobile, _emotion$cx[
-          styles.disabled(theme)] = disableClose, _emotion$cx[
-          styles.focus(theme)] = focusedByTab, _emotion$cx)),
+          className: (0, _Emotion.cx)((_cx = {}, _cx[
+          _Modal.styles.close(theme)] = true, _cx[
+          _Modal.styles.mobileClose(theme)] = isMobile, _cx[
+          _Modal.styles.disabled(theme)] = disableClose, _cx[
+          _Modal.styles.focus(theme)] = focusedByTab, _cx)),
           onClick: requestClose,
           onFocus: handleFocus,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalClose.tsx"],"names":["ModalClose","disableClose","requestClose","otherProps","~~emotion","~~locale","ModalLocaleHelper","theme","React","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","icon","~~styles","~~isMobile","closeButtonAriaLabel","cx","close","mobileClose","disabled","focus","ModalDataTids","__KONTUR_REACT_UI__","displayName"],"mappings":"~~gSAAA~~;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA,kC;;AAEO,SAASA,UAAT,OAA+E,KAAzDC,YAAyD,QAAzDA,YAAyD,CAA3CC,YAA2C,QAA3CA,YAA2C,CAA1BC,UAA0B;AACpF,MAAMC,~~OAAO,GAAG,0BAAhB;AACA,MAAMC,~~MAAM,GAAG,8CAAoB,OAApB,EAA6BC,yBAA7B,CAAf;AACA,MAAMC,KAAK,GAAG,~~yBAAd~~;AACA,wBAAwCC,eAAMC,QAAN,CAAe,KAAf,CAAxC,CAAOC,YAAP,sBAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;AACAC,+BAAaC,qBAAb,+CAAaA,qBAAb,CAAqC,YAAM;AACzC,UAAIC,yBAAYC,YAAhB,EAA8B;AAC5BL,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJD;AAKD,GARD;;AAUA,MAAMM,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBN,IAAAA,eAAe,CAAC,KAAD,CAAf;AACD,GAFD;;AAIA,MAAMO,IAAI,GAAG,+~~BAAYX~~,KAAZ,iBAAqB,6BAAC,8BAAD,IAAgB,KAAK,EAAC,MAAtB,GAArB,gBAAuD,6BAAC,oBAAD,OAApE~~;AACA,MAAMY,MAAM,GAAG,sBAAUf,OAAV,CAAf~~;;AAEA;AACE,iCAAC,4BAAD,~~EAAmBD~~,UAAnB;AACE,iCAAC,kCAAD;AACG,~~0CAAGiB~~,QAAH,SAAGA,QAAH;AACC;AACE,wBAAYf,MAAM,CAACgB,oBADrB;AAEE,UAAA,SAAS,~~EAAEjB,OAAO,CAACkB,EAAR~~;~~AACRH~~,~~UAAAA~~,~~MAAM,CAACI,~~KAAP,CAAahB,KAAb,CADQ,IACc,IADd;~~AAERY~~,~~UAAAA~~,~~MAAM,CAACK,~~WAAP,CAAmBjB,KAAnB,CAFQ,IAEoBa,QAFpB;~~AAGRD~~,~~UAAAA~~,~~MAAM,CAACM,~~QAAP,CAAgBlB,KAAhB,CAHQ,~~IAGiBN~~,YAHjB;~~AAIRkB~~,~~UAAAA~~,~~MAAM,CAACO,~~KAAP,CAAanB,KAAb,CAJQ,~~IAIcG~~,YAJd,~~eAFb~~;;AAQE,UAAA,OAAO,EAAER,YARX;AASE,UAAA,OAAO,EAAEU,WATX;AAUE,UAAA,MAAM,EAAEK,UAVV;AAWE,~~sBAAUU~~,sBAAcJ,KAX1B;AAYE,UAAA,QAAQ,~~EAAEtB~~,YAAY,GAAG,CAAC,CAAJ,GAAQ,CAZhC;;AAcGiB,QAAAA,IAdH,CADD,GADH,CADF,CADF;;;;;;AAwBD;;AAEDlB,UAAU,~~CAAC4B~~,mBAAX,GAAiC,YAAjC;~~AACA5B~~,UAAU,~~CAAC6B~~,WAAX,GAAyB,YAAzB","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { ~~useEmotion~~ } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\~~nimport { useTheme } from '../../lib/theming/useTheme';\~~n\nimport { 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 ~~emotion = useEmotion();\n const~~ locale = useLocaleForControl('Modal', ModalLocaleHelper);\n const theme = ~~useTheme~~();\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 = isTheme2022(theme) ? <XIcon20Regular align=\"none\" /> : <CrossIcon />;\n ~~const styles = getStyles(emotion);\n~~\n return (\n <CommonWrapper {...otherProps}>\n <ResponsiveLayout>\n {({ isMobile }) => (\n <button\n aria-label={locale.closeButtonAriaLabel}\n className={~~emotion.~~cx({\n [styles.close(theme)]: true,\n [styles.mobileClose(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"]}
1	+ {"version":3,"sources":["ModalClose.tsx"],"names":["ModalClose","disableClose","requestClose","otherProps","locale","ModalLocaleHelper","theme","ThemeContext","React","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","icon","isMobile","closeButtonAriaLabel","styles","close","mobileClose","disabled","focus","ModalDataTids","__KONTUR_REACT_UI__","displayName"],"mappings":"+XAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA,kC;;AAEO,SAASA,UAAT,OAA+E,KAAzDC,YAAyD,QAAzDA,YAAyD,CAA3CC,YAA2C,QAA3CA,YAA2C,CAA1BC,UAA0B;AACpF,MAAMC,MAAM,GAAG,8CAAoB,OAApB,EAA6BC,yBAA7B,CAAf;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,wBAAwCC,eAAMC,QAAN,CAAe,KAAf,CAAxC,CAAOC,YAAP,sBAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;AACAC,+BAAaC,qBAAb,+CAAaA,qBAAb,CAAqC,YAAM;AACzC,UAAIC,yBAAYC,YAAhB,EAA8B;AAC5BL,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJD;AAKD,GARD;;AAUA,MAAMM,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBN,IAAAA,eAAe,CAAC,KAAD,CAAf;AACD,GAFD;;AAIA,MAAMO,IAAI,GAAG,+BAAYZ,KAAZ,iBAAqB,6BAAC,8BAAD,IAAgB,KAAK,EAAC,MAAtB,GAArB,gBAAuD,6BAAC,oBAAD,OAApE;;AAEA;AACE,iCAAC,4BAAD,EAAmBH,UAAnB;AACE,iCAAC,kCAAD;AACG,kCAAGgB,QAAH,SAAGA,QAAH;AACC;AACE,wBAAYf,MAAM,CAACgB,oBADrB;AAEE,UAAA,SAAS,EAAE;AACRC,wBAAOC,KAAP,CAAahB,KAAb,CADQ,IACc,IADd;AAERe,wBAAOE,WAAP,CAAmBjB,KAAnB,CAFQ,IAEoBa,QAFpB;AAGRE,wBAAOG,QAAP,CAAgBlB,KAAhB,CAHQ,IAGiBL,YAHjB;AAIRoB,wBAAOI,KAAP,CAAanB,KAAb,CAJQ,IAIcI,YAJd,OAFb;;AAQE,UAAA,OAAO,EAAER,YARX;AASE,UAAA,OAAO,EAAEU,WATX;AAUE,UAAA,MAAM,EAAEK,UAVV;AAWE,sBAAUS,sBAAcJ,KAX1B;AAYE,UAAA,QAAQ,EAAErB,YAAY,GAAG,CAAC,CAAJ,GAAQ,CAZhC;;AAcGiB,QAAAA,IAdH,CADD,GADH,CADF,CADF;;;;;;AAwBD;;AAEDlB,UAAU,CAAC2B,mBAAX,GAAiC,YAAjC;AACA3B,UAAU,CAAC4B,WAAX,GAAyB,YAAzB","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 { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\n\nimport { 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 = isTheme2022(theme) ? <XIcon20Regular align=\"none\" /> : <CrossIcon />;\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.mobileClose(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"]}

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

@@ -2,12 +2,12 @@
 var _getScrollWidth = require("../../lib/dom/getScrollWidth");
 var _Sticky = require("../Sticky");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _ResponsiveLayout = require("../ResponsiveLayout");
 var _Gapped = require("../Gapped");
 var _utils = require("../../lib/utils");
-var _useTheme = require("../../lib/theming/useTheme");
 var _Modal = require("./Modal.styles");
 var _ModalContext = require("./ModalContext");
@@ -45,13 +45,11 @@ var ModalFooterDataTids = {
  * @visibleName Modal.Footer
  */exports.ModalFooterDataTids = ModalFooterDataTids;
 function ModalFooter(props) {
-  var emotion = (0, _Emotion.useEmotion)();
-  var theme = (0, _useTheme.useTheme)();
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var modal = (0, _react.useContext)(_ModalContext.ModalContext);
   var layout = (0, _ResponsiveLayout.useResponsiveLayout)();
   var _props$sticky = props.sticky,sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,gap = props.gap,panel = props.panel,children = props.children;
-  var styles = (0, _Modal.getStyles)(emotion);
   (0, _react.useLayoutEffect)(function () {
     modal.setHasFooter == null ? void 0 : modal.setHasFooter();
@@ -69,12 +67,12 @@ function ModalFooter(props) {
       (panel || fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: fixed }), /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": ModalFooterDataTids.root,
-        className: emotion.cx(
-        styles.footer(theme),
-        fixed && styles.fixedFooter(theme),
-        Boolean(panel) && styles.panel(theme),
-        fixed && Boolean(panel) && styles.fixedPanel(theme),
-        layout.isMobile && styles.mobileFooter(theme)) },
+        className: (0, _Emotion.cx)(
+        _Modal.styles.footer(theme),
+        fixed && _Modal.styles.fixedFooter(theme),
+        Boolean(panel) && _Modal.styles.panel(theme),
+        fixed && Boolean(panel) && _Modal.styles.fixedPanel(theme),
+        layout.isMobile && _Modal.styles.mobileFooter(theme)) },
       (0, _utils.isNonNullable)(gap) ? /*#__PURE__*/

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalFooter.tsx"],"names":["ModalFooterDataTids","root","ModalFooter","props","~~emotion~~","~~theme~~","modal","ModalContext","layout","sticky","isMobile","gap","panel","children","~~styles","~~setHasFooter","setHasPanel","renderContent","fixed","cx","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","horizontalScroll","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"mappings":"6MAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP;AACA;AACA;AACA;AACA,G;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AAC5C,MAAMC,~~OAAO~~,GAAG,~~0BAAhB;AACA~~,~~MAAMC~~,~~KAAK,GAAG,yBAAd~~;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,MAAM,GAAG,4CAAf;;AAEA,sBAA4DL,KAA5D,CAAQM,MAAR,CAAQA,MAAR,8BAAiB,CAACD,MAAM,CAACE,QAAzB,iBAAmCC,GAAnC,GAA4DR,KAA5D,CAAmCQ,GAAnC,CAAwCC,KAAxC,GAA4DT,KAA5D,CAAwCS,KAAxC,CAA+CC,QAA/C,GAA4DV,KAA5D,CAA+CU,QAA/C~~;AACA,MAAMC,MAAM,GAAG,sBAAUV,OAAV,CAAf~~;;AAEA,8BAAgB,YAAM;~~AACpBE~~,IAAAA,KAAK,~~CAACS~~,YAAN,~~oBAAAT~~,KAAK,~~CAACS~~,YAAN;~~AACAT~~,IAAAA,KAAK,~~CAACU~~,WAAN,~~oBAAAV~~,KAAK,~~CAACU~~,WAAN,~~CAAoBJ~~,KAApB;;AAEA,WAAO,YAAM;AACXN,MAAAA,KAAK,~~CAACS~~,YAAN,~~oBAAAT~~,KAAK,~~CAACS~~,YAAN,CAAqB,KAArB;~~AACAT~~,MAAAA,KAAK,~~CAACU~~,WAAN,~~oBAAAV~~,KAAK,~~CAACU~~,WAAN,CAAoB,KAApB;AACD,KAHD;AAID,GARD,EAQG,~~CAACJ~~,KAAD,CARH;;AAUA,~~MAAMK~~,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,KAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACG,~~OAACN~~,KAAK,~~IAAIM~~,KAAV,kBAAoB,6BAAC,8BAAD,IAAgB,KAAK,EAAEA,KAAvB,GADvB;AAEE;AACE,~~oBAAUlB~~,mBAAmB,CAACC,IADhC;AAEE,QAAA,SAAS,~~EAAEG,OAAO,CAACe,EAAR~~;~~AACTL~~,~~QAAAA~~,~~MAAM,CAACM,~~MAAP,CAAcf,KAAd,CADS;AAETa,QAAAA,KAAK,~~IAAIJ~~,~~MAAM~~,~~CAACO,~~WAAP,CAAmBhB,KAAnB,CAFA;AAGTiB,QAAAA,OAAO,~~CAACV~~,KAAD,CAAP,~~IAAkBE~~,~~MAAM~~,~~CAACF,~~KAAP,~~CAAaP~~,KAAb,CAHT;AAITa,QAAAA,KAAK,IAAII,OAAO,~~CAACV~~,KAAD,CAAhB,~~IAA2BE~~,~~MAAM~~,~~CAACS,~~UAAP,CAAkBlB,KAAlB,CAJlB;~~AAKTG~~,QAAAA,MAAM,CAACE,QAAP,~~IAAmBI~~,~~MAAM~~,~~CAACU,~~YAAP,CAAoBnB,KAApB,CALV,CAFb;;;AAUG,~~gCAAcM~~,GAAd;AACC,mCAAC,cAAD,IAAQ,QAAQ,EAAEH,MAAM,CAACE,QAAzB,EAAmC,GAAG,EAAEC,GAAxC;AACGE,MAAAA,QADH,CADD;;;AAKCA,MAAAA,QAfJ,CAFF,CADF;;;;;AAuBD,GAxBD;;AA0BA;AACE,iCAAC,4BAAD,EAAmBV,KAAnB;AACGM,IAAAA,MAAM;AACL,iCAAC,cAAD,IAAQ,IAAI,EAAC,QAAb,EAAsB,MAAM,EAAEH,KAAK,~~CAACmB~~,gBAAN,GAAyB,qCAAzB,GAA4C,CAA1E;AACGR,IAAAA,aADH,CADK;;;AAKLA,IAAAA,aAAa,EANjB,CADF;;;;AAWD;;~~AAEDf~~,WAAW,~~CAACwB~~,mBAAZ,GAAkC,aAAlC;~~AACAxB~~,WAAW,~~CAACyB~~,WAAZ,GAA0B,aAA1B;~~AACAzB~~,WAAW,~~CAAC0B~~,gBAAZ,GAA+B,IAA/B","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ~~CommonProps,~~ CommonWrapper } from '../../internal/CommonWrapper';\nimport { ~~useEmotion~~ } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\~~nimport { useTheme } from '../../lib/theming/useTheme';\~~n\nimport { ~~getStyles~~ } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /*\n Включает серый цвет в футере\n /\n panel?: boolean;\n /\n Закрепляет футер снизу модального окна\n \n На десктопе по умолчанию равен `true`\n * На мобильных по умолчанию равен `false`\n /\n sticky?: boolean;\n /\n Контент футера\n /\n children?: ReactNode;\n /\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 ~~emotion = useEmotion();\n const~~ theme = ~~useTheme~~();\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, gap, panel, children } = props;\n ~~const styles = getStyles(emotion);\n~~\n useLayoutEffect(() => {\n modal.setHasFooter?.();\n modal.setHasPanel?.(panel);\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={~~emotion.~~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 )}\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 return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\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"]}
1	+ {"version":3,"sources":["ModalFooter.tsx"],"names":["ModalFooterDataTids","root","ModalFooter","props","theme","ThemeContext","modal","ModalContext","layout","sticky","isMobile","gap","panel","children","setHasFooter","setHasPanel","renderContent","fixed","styles","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","horizontalScroll","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"mappings":"6MAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP;AACA;AACA;AACA;AACA,G;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AAC5C,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,MAAM,GAAG,4CAAf;;AAEA,sBAA4DL,KAA5D,CAAQM,MAAR,CAAQA,MAAR,8BAAiB,CAACD,MAAM,CAACE,QAAzB,iBAAmCC,GAAnC,GAA4DR,KAA5D,CAAmCQ,GAAnC,CAAwCC,KAAxC,GAA4DT,KAA5D,CAAwCS,KAAxC,CAA+CC,QAA/C,GAA4DV,KAA5D,CAA+CU,QAA/C;;AAEA,8BAAgB,YAAM;AACpBP,IAAAA,KAAK,CAACQ,YAAN,oBAAAR,KAAK,CAACQ,YAAN;AACAR,IAAAA,KAAK,CAACS,WAAN,oBAAAT,KAAK,CAACS,WAAN,CAAoBH,KAApB;;AAEA,WAAO,YAAM;AACXN,MAAAA,KAAK,CAACQ,YAAN,oBAAAR,KAAK,CAACQ,YAAN,CAAqB,KAArB;AACAR,MAAAA,KAAK,CAACS,WAAN,oBAAAT,KAAK,CAACS,WAAN,CAAoB,KAApB;AACD,KAHD;AAID,GARD,EAQG,CAACH,KAAD,CARH;;AAUA,MAAMI,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,KAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACG,OAACL,KAAK,IAAIK,KAAV,kBAAoB,6BAAC,8BAAD,IAAgB,KAAK,EAAEA,KAAvB,GADvB;AAEE;AACE,oBAAUjB,mBAAmB,CAACC,IADhC;AAEE,QAAA,SAAS,EAAE;AACTiB,sBAAOC,MAAP,CAAcf,KAAd,CADS;AAETa,QAAAA,KAAK,IAAIC,cAAOE,WAAP,CAAmBhB,KAAnB,CAFA;AAGTiB,QAAAA,OAAO,CAACT,KAAD,CAAP,IAAkBM,cAAON,KAAP,CAAaR,KAAb,CAHT;AAITa,QAAAA,KAAK,IAAII,OAAO,CAACT,KAAD,CAAhB,IAA2BM,cAAOI,UAAP,CAAkBlB,KAAlB,CAJlB;AAKTI,QAAAA,MAAM,CAACE,QAAP,IAAmBQ,cAAOK,YAAP,CAAoBnB,KAApB,CALV,CAFb;;;AAUG,gCAAcO,GAAd;AACC,mCAAC,cAAD,IAAQ,QAAQ,EAAEH,MAAM,CAACE,QAAzB,EAAmC,GAAG,EAAEC,GAAxC;AACGE,MAAAA,QADH,CADD;;;AAKCA,MAAAA,QAfJ,CAFF,CADF;;;;;AAuBD,GAxBD;;AA0BA;AACE,iCAAC,4BAAD,EAAmBV,KAAnB;AACGM,IAAAA,MAAM;AACL,iCAAC,cAAD,IAAQ,IAAI,EAAC,QAAb,EAAsB,MAAM,EAAEH,KAAK,CAACkB,gBAAN,GAAyB,qCAAzB,GAA4C,CAA1E;AACGR,IAAAA,aADH,CADK;;;AAKLA,IAAAA,aAAa,EANjB,CADF;;;;AAWD;;AAEDd,WAAW,CAACuB,mBAAZ,GAAkC,aAAlC;AACAvB,WAAW,CAACwB,WAAZ,GAA0B,aAA1B;AACAxB,WAAW,CAACyB,gBAAZ,GAA+B,IAA/B","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /*\n Включает серый цвет в футере\n /\n panel?: boolean;\n /\n Закрепляет футер снизу модального окна\n \n На десктопе по умолчанию равен `true`\n * На мобильных по умолчанию равен `false`\n /\n sticky?: boolean;\n /\n Контент футера\n /\n children?: ReactNode;\n /\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?.();\n modal.setHasPanel?.(panel);\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 )}\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 return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\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"]}

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

@@ -1,10 +1,10 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalHeader = ModalHeader;exports.ModalHeaderDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
 var _Sticky = require("../Sticky");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _ResponsiveLayout = require("../ResponsiveLayout");
-var _useTheme = require("../../lib/theming/useTheme");
 var _Modal = require("./Modal.styles");
 var _ModalClose = require("./ModalClose");
@@ -26,13 +26,11 @@ var ModalHeaderDataTids = {
  * @visibleName Modal.Header
  */exports.ModalHeaderDataTids = ModalHeaderDataTids;
 function ModalHeader(props) {
-  var emotion = (0, _Emotion.useEmotion)();
-  var theme = (0, _useTheme.useTheme)();
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var modal = (0, _react.useContext)(_ModalContext.ModalContext);
   var layout = (0, _ResponsiveLayout.useResponsiveLayout)();
   var _props$sticky = props.sticky,sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,children = props.children;
-  var styles = (0, _Modal.getStyles)(emotion);
   (0, _react.useLayoutEffect)(function () {
     modal.setHasHeader == null ? void 0 : modal.setHasHeader();
@@ -45,14 +43,14 @@ function ModalHeader(props) {
       _react.default.createElement("div", null, /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": ModalHeaderDataTids.root,
-        className: emotion.cx(
-        styles.header(theme),
-        layout.isMobile && styles.mobileHeader(theme),
-        Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),
-        fixed && styles.fixedHeader(theme),
-        fixed && layout.isMobile && styles.mobileFixedHeader(theme),
-        Boolean(modal.close) && styles.headerWithClose(theme),
-        Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme)) },
+        className: (0, _Emotion.cx)(
+        _Modal.styles.header(theme),
+        layout.isMobile && _Modal.styles.mobileHeader(theme),
+        Boolean(modal.additionalPadding) && _Modal.styles.headerAddPadding(theme),
+        fixed && _Modal.styles.fixedHeader(theme),
+        fixed && layout.isMobile && _Modal.styles.mobileFixedHeader(theme),
+        Boolean(modal.close) && _Modal.styles.headerWithClose(theme),
+        Boolean(modal.close) && layout.isMobile && _Modal.styles.mobileHeaderWithClose(theme)) },
       modal.close && /*#__PURE__*/

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalHeader.tsx"],"names":["ModalHeaderDataTids","root","ModalHeader","props","~~emotion~~","~~theme~~","modal","ModalContext","layout","sticky","isMobile","children","~~styles","~~setHasHeader","renderContent","fixed","cx","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"mappings":"6MAAA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;AAOO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP;AACA;AACA;AACA;AACA,G;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AAC5C,MAAMC,~~OAAO~~,GAAG,~~0BAAhB;AACA~~,~~MAAMC~~,~~KAAK,GAAG,yBAAd~~;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,MAAM,GAAG,4CAAf;;AAEA,sBAAgDL,KAAhD,CAAQM,MAAR,CAAQA,MAAR,8BAAiB,CAACD,MAAM,CAACE,QAAzB,iBAAmCC,QAAnC,GAAgDR,KAAhD,CAAmCQ,QAAnC~~;AACA,MAAMC,MAAM,GAAG,sBAAUR,OAAV,CAAf~~;;AAEA,8BAAgB,YAAM;~~AACpBE~~,IAAAA,KAAK,~~CAACO~~,YAAN,~~oBAAAP~~,KAAK,~~CAACO~~,YAAN;;AAEA,WAAO,~~oBAAMP~~,KAAK,~~CAACO~~,YAAZ,~~oBAAMP~~,KAAK,~~CAACO~~,YAAN,CAAqB,KAArB,CAAN,EAAP;AACD,GAJD,EAIG,EAJH;;AAMA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,KAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACE;AACE,~~oBAAUf~~,mBAAmB,CAACC,IADhC;AAEE,QAAA,SAAS,~~EAAEG,OAAO,CAACY,EAAR~~;~~AACTJ~~,~~QAAAA~~,~~MAAM,CAACK,~~MAAP,CAAcZ,KAAd,CADS;~~AAETG~~,QAAAA,MAAM,CAACE,QAAP,~~IAAmBE~~,~~MAAM~~,~~CAACM,~~YAAP,CAAoBb,KAApB,CAFV;AAGTc,QAAAA,OAAO,~~CAACb~~,KAAK,~~CAACc~~,iBAAP,CAAP,~~IAAoCR~~,~~MAAM~~,~~CAACS,~~gBAAP,CAAwBhB,KAAxB,CAH3B;AAITU,QAAAA,KAAK,~~IAAIH~~,~~MAAM~~,~~CAACU,~~WAAP,CAAmBjB,KAAnB,CAJA;AAKTU,QAAAA,KAAK,~~IAAIP~~,MAAM,CAACE,QAAhB,~~IAA4BE~~,~~MAAM~~,~~CAACW,~~iBAAP,CAAyBlB,KAAzB,CALnB;AAMTc,QAAAA,OAAO,~~CAACb~~,KAAK,~~CAACkB~~,KAAP,CAAP,~~IAAwBZ~~,~~MAAM~~,~~CAACa,~~eAAP,CAAuBpB,KAAvB,CANf;AAOTc,QAAAA,OAAO,~~CAACb~~,KAAK,~~CAACkB~~,KAAP,CAAP,~~IAAwBhB~~,MAAM,CAACE,QAA/B,~~IAA2CE~~,~~MAAM~~,~~CAACc,~~qBAAP,CAA6BrB,KAA7B,CAPlC,CAFb;;;~~AAYGC~~,MAAAA,KAAK,~~CAACkB~~,KAAN;AACC,mCAAC,sBAAD,IAAY,YAAY,~~EAAElB~~,KAAK,~~CAACkB~~,KAAN,CAAYG,YAAtC,EAAoD,YAAY,~~EAAErB~~,KAAK,~~CAACkB~~,KAAN,CAAYI,YAA9E,GAbJ;;~~AAeGjB~~,MAAAA,QAfH,CADF;;~~AAkBGI~~,MAAAA,KAAK,iBAAI,6BAAC,8BAAD,IAAgB,KAAK,EAAEA,KAAvB,GAlBZ,CADF;;;AAsBD,GAvBD;;AAyBA;AACE,iCAAC,4BAAD,~~EAAmBZ~~,KAAnB,EAA2BM,MAAM,gBAAG,6BAAC,cAAD,IAAQ,IAAI,EAAC,KAAb,~~IAAoBK~~,aAApB,CAAH,GAAiDA,aAAa,EAA/F,CADF;;AAGD;;~~AAEDZ~~,WAAW,~~CAAC2B~~,mBAAZ,GAAkC,aAAlC;~~AACA3B~~,WAAW,~~CAAC4B~~,WAAZ,GAA0B,aAA1B;~~AACA5B~~,WAAW,~~CAAC6B~~,gBAAZ,GAA+B,IAA/B","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ~~CommonProps,~~ ~~CommonWrapper~~ } from '../../~~internal~~/~~CommonWrapper~~';\nimport { ~~useEmotion~~ } from '../../~~lib~~/~~theming/Emotion~~';\nimport { ~~useResponsiveLayout~~ } from '~~../ResponsiveLayout~~';\nimport { ~~useTheme~~ } from '~~../../lib/theming/useTheme~~';\n\nimport { ~~getStyles~~ } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n sticky?: boolean;\n children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n root: 'ModalHeader__root',\n} as const;\n\n/*\n Шапка модального окна\n \n @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n const ~~emotion = useEmotion();\n const~~ theme = ~~useTheme~~();\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, children } = props;\n ~~const styles = getStyles(emotion);\n~~\n useLayoutEffect(() => {\n modal.setHasHeader?.();\n\n return () => modal.setHasHeader?.(false);\n }, []);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n <div\n data-tid={ModalHeaderDataTids.root}\n className={~~emotion.~~cx(\n styles.header(theme),\n layout.isMobile && styles.mobileHeader(theme),\n Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n fixed && styles.fixedHeader(theme),\n fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n Boolean(modal.close) && styles.headerWithClose(theme),\n Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n )}\n >\n {modal.close && (\n <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n )}\n {children}\n </div>\n {fixed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}
1	+ {"version":3,"sources":["ModalHeader.tsx"],"names":["ModalHeaderDataTids","root","ModalHeader","props","theme","ThemeContext","modal","ModalContext","layout","sticky","isMobile","children","setHasHeader","renderContent","fixed","styles","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"mappings":"6MAAA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;AAOO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP;AACA;AACA;AACA;AACA,G;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AAC5C,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,MAAM,GAAG,4CAAf;;AAEA,sBAAgDL,KAAhD,CAAQM,MAAR,CAAQA,MAAR,8BAAiB,CAACD,MAAM,CAACE,QAAzB,iBAAmCC,QAAnC,GAAgDR,KAAhD,CAAmCQ,QAAnC;;AAEA,8BAAgB,YAAM;AACpBL,IAAAA,KAAK,CAACM,YAAN,oBAAAN,KAAK,CAACM,YAAN;;AAEA,WAAO,oBAAMN,KAAK,CAACM,YAAZ,oBAAMN,KAAK,CAACM,YAAN,CAAqB,KAArB,CAAN,EAAP;AACD,GAJD,EAIG,EAJH;;AAMA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,KAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACE;AACE,oBAAUd,mBAAmB,CAACC,IADhC;AAEE,QAAA,SAAS,EAAE;AACTc,sBAAOC,MAAP,CAAcZ,KAAd,CADS;AAETI,QAAAA,MAAM,CAACE,QAAP,IAAmBK,cAAOE,YAAP,CAAoBb,KAApB,CAFV;AAGTc,QAAAA,OAAO,CAACZ,KAAK,CAACa,iBAAP,CAAP,IAAoCJ,cAAOK,gBAAP,CAAwBhB,KAAxB,CAH3B;AAITU,QAAAA,KAAK,IAAIC,cAAOM,WAAP,CAAmBjB,KAAnB,CAJA;AAKTU,QAAAA,KAAK,IAAIN,MAAM,CAACE,QAAhB,IAA4BK,cAAOO,iBAAP,CAAyBlB,KAAzB,CALnB;AAMTc,QAAAA,OAAO,CAACZ,KAAK,CAACiB,KAAP,CAAP,IAAwBR,cAAOS,eAAP,CAAuBpB,KAAvB,CANf;AAOTc,QAAAA,OAAO,CAACZ,KAAK,CAACiB,KAAP,CAAP,IAAwBf,MAAM,CAACE,QAA/B,IAA2CK,cAAOU,qBAAP,CAA6BrB,KAA7B,CAPlC,CAFb;;;AAYGE,MAAAA,KAAK,CAACiB,KAAN;AACC,mCAAC,sBAAD,IAAY,YAAY,EAAEjB,KAAK,CAACiB,KAAN,CAAYG,YAAtC,EAAoD,YAAY,EAAEpB,KAAK,CAACiB,KAAN,CAAYI,YAA9E,GAbJ;;AAeGhB,MAAAA,QAfH,CADF;;AAkBGG,MAAAA,KAAK,iBAAI,6BAAC,8BAAD,IAAgB,KAAK,EAAEA,KAAvB,GAlBZ,CADF;;;AAsBD,GAvBD;;AAyBA;AACE,iCAAC,4BAAD,EAAmBX,KAAnB,EAA2BM,MAAM,gBAAG,6BAAC,cAAD,IAAQ,IAAI,EAAC,KAAb,IAAoBI,aAApB,CAAH,GAAiDA,aAAa,EAA/F,CADF;;AAGD;;AAEDX,WAAW,CAAC0B,mBAAZ,GAAkC,aAAlC;AACA1B,WAAW,CAAC2B,WAAZ,GAA0B,aAA1B;AACA3B,WAAW,CAAC4B,gBAAZ,GAA+B,IAA/B","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n sticky?: boolean;\n children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n root: 'ModalHeader__root',\n} as const;\n\n/*\n Шапка модального окна\n \n @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n const theme = useContext(ThemeContext);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasHeader?.();\n\n return () => modal.setHasHeader?.(false);\n }, []);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n <div\n data-tid={ModalHeaderDataTids.root}\n className={cx(\n styles.header(theme),\n layout.isMobile && styles.mobileHeader(theme),\n Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n fixed && styles.fixedHeader(theme),\n fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n Boolean(modal.close) && styles.headerWithClose(theme),\n Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n )}\n >\n {modal.close && (\n <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n )}\n {children}\n </div>\n {fixed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}

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

@@ -1,8 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ModalSeparator = ModalSeparator;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalSeparator = ModalSeparator;var _react = _interopRequireWildcard(require("react"));
 var _Emotion = require("../../lib/theming/Emotion");
-var _useTheme = require("../../lib/theming/useTheme");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Modal = require("./Modal.styles");
@@ -16,13 +16,11 @@ var _Modal = require("./Modal.styles");
  * @visibleName Modal.Separator
  */
 function ModalSeparator(_ref) {var fixed = _ref.fixed;
-  var theme = (0, _useTheme.useTheme)();
-  var emotion = (0, _Emotion.useEmotion)();
-  var styles = (0, _Modal.getStyles)(emotion);
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   return /*#__PURE__*/(
-    _react.default.createElement("div", { className: styles.modalSeparatorWrapper() }, /*#__PURE__*/
-    _react.default.createElement("div", { className: emotion.cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed()) })));
+    _react.default.createElement("div", { className: _Modal.styles.modalSeparatorWrapper() }, /*#__PURE__*/
+    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Modal.styles.modalSeparator(theme), fixed && _Modal.styles.modalSeparatorFixed()) })));
 }

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalSeparator.tsx"],"names":["ModalSeparator","fixed","theme","~~emotion~~","styles","modalSeparatorWrapper","~~cx","~~modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"mappings":"~~4KAAA~~;;AAEA;;AAEA;;AAEA;;;;;;AAMA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAT,OAAwD,KAA9BC,KAA8B,QAA9BA,KAA8B;AAC7D,MAAMC,KAAK,GAAG,~~yBAAd;AACA~~,~~MAAMC~~,~~OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,sBAAUD,OAAV,CAAf~~;;AAEA;AACE,0CAAK,SAAS,EAAEC,~~MAAM~~,~~CAACC,~~qBAAP,EAAhB;AACE,0CAAK,SAAS,~~EAAEF~~,~~OAAO~~,~~CAACG~~,~~EAAR,CAAWF,MAAM,CAACG,~~cAAP,~~CAAsBL~~,KAAtB,~~CAAX~~,~~EAAyCD~~,KAAK,IAAIG,~~MAAM~~,~~CAACI,~~mBAAP,~~EAAlD~~,CAAhB,GADF,CADF;;;AAKD;;~~AAEDR~~,cAAc,~~CAACS~~,mBAAf,GAAqC,gBAArC;~~AACAT~~,cAAc,~~CAACU~~,WAAf,GAA6B,gBAA7B","sourcesContent":["import React from 'react';\n\nimport { ~~useEmotion~~ } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ~~useTheme~~ } from '../../lib/theming/~~useTheme~~';\n\nimport { ~~getStyles~~ } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n fixed?: boolean;\n}\n\n/*\n Разделитель\n \n @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n const theme = ~~useTheme~~();\n ~~const emotion = useEmotion();\n const styles = getStyles(emotion);\n~~\n return (\n <div className={styles.modalSeparatorWrapper()}>\n <div className={~~emotion.~~cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n </div>\n );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"]}
1	+ {"version":3,"sources":["ModalSeparator.tsx"],"names":["ModalSeparator","fixed","theme","ThemeContext","styles","modalSeparatorWrapper","modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"mappings":"8KAAA;;AAEA;;AAEA;;AAEA;;;;;;AAMA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAT,OAAwD,KAA9BC,KAA8B,QAA9BA,KAA8B;AAC7D,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,0CAAK,SAAS,EAAEC,cAAOC,qBAAP,EAAhB;AACE,0CAAK,SAAS,EAAE,iBAAGD,cAAOE,cAAP,CAAsBJ,KAAtB,CAAH,EAAiCD,KAAK,IAAIG,cAAOG,mBAAP,EAA1C,CAAhB,GADF,CADF;;;AAKD;;AAEDP,cAAc,CAACQ,mBAAf,GAAqC,gBAArC;AACAR,cAAc,CAACS,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n fixed?: boolean;\n}\n\n/*\n Разделитель\n \n @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n const theme = useContext(ThemeContext);\n\n return (\n <div className={styles.modalSeparatorWrapper()}>\n <div className={cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n </div>\n );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"]}

package/cjs/components/Paging/Paging.d.ts CHANGED Viewed

@@ -67,7 +67,6 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     static isForward(pageNumber: number | 'forward'): boolean;
     state: PagingState;
     private theme;
-    private emotion;
     private readonly locale;
     private addedGlobalListener;
     private container;