@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","_templateObject36","_templateObject37","_templateObject38","_templateObject39","_templateObject40","_templateObject41","_templateObject42","_templateObject43","_templateObject44","_templateObject45","_templateObject46","_templateObject47","_templateObject48","_templateObject49","_templateObject50","_templateObject51","_templateObject52","_templateObject53","_templateObject54","_templateObject55","_templateObject56","_templateObject57","_templateObject58","_templateObject59","_templateObject60","_templateObject61","_templateObject62","modalGlobalClasses","exports","prefix","root","container","styles","memoizeStyle","css","_taggedTemplateLiteralLoose2","default","bg","t","modalBackBg","modalBackOpacity","containerDesktop","container5_2","containerMobile","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","mobileContainerFullscreen5_2","mobileContainerSmall5_2","mobileContainerSmallTop5_2","mobileContainerSmallBottom5_2","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","mobileWindowFullscreen5_2","centerContainer","mobileCenterContainer","mobileCenterContainer5_2","mobileCenterContainerBig5_2","mobileCenterContainerFullscreen5_2","alignTop","close","padding","parseInt","modalCloseButtonPadding","resetButton","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","mobileCloseWithoutHeader","mobileCloseWithoutHeader5_2","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","mobileCloseWrapper","size","bgDefault","mobileCloseWrapper5_2","mobileModalWithoutHeaderCloseButtonWidth","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","focus5_1","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","header5_2","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","titleCut","body","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","fixedHeader5_2","mobileFixedHeader","mobileFixedHeader5_2","fixedFooter","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedFooter5_2","mobileFixedFooter5_2","fixedPanel","modalFixedPanelShadow","headerAddPadding","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","modalPaddingTop","mobileBodyWithoutHeader","mobileBodyWithoutHeader5_2","mobileModalBodyPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","mobileBodyAddPaddingForPanel","mobileBodyAddPaddingForPanel5_2","mobileModalBodyPaddingBottom","columnFlexContainer","modalSeparatorWrapper","modalSeparator","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","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":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","_templateObject36","_templateObject37","_templateObject38","_templateObject39","_templateObject40","_templateObject41","_templateObject42","_templateObject43","_templateObject44","_templateObject45","_templateObject46","_templateObject47","_templateObject48","modalGlobalClasses","exports","prefix","root","container","getStyles","memoizeGetStyles","_ref","css","_taggedTemplateLiteralLoose2","default","bg","t","modalBackBg","modalBackOpacity","containerDesktop","mobileContainerFullscreen5_2","mobileContainerSmall5_2","mobileContainerSmallTop5_2","mobileContainerSmallBottom5_2","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","mobileWindowFullscreen","centerContainer","mobileCenterContainer","mobileModalContainerMarginLeft","mobileModalContainerMarginRight","mobileModalContainerMarginTop","mobileModalContainerMarginBottom","mobileCenterContainerBig","mobileCenterContainerFullscreen","alignTop","close","resetButton","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonColor","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","modalCloseButtonHoverColor","modalCloseIconSize","closeMobile","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","padding","parseInt","modalCloseButtonPadding","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","mobileCloseWrapper","size","mobileModalWithoutHeaderCloseButtonWidth","bgDefault","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","mobileModalHeaderPadding","titleCut","body","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","fixedFooter","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","mobileFixedFooter","fixedPanel","modalFixedPanelShadow","headerAddPadding","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","modalPaddingTop","mobileBodyWithoutHeader","mobileModalBodyPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","mobileBodyAddPaddingForPanel","mobileModalBodyPaddingBottom","columnFlexContainer","modalSeparatorWrapper","modalSeparator","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","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/cjs/components/Modal/ModalBody.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 export interface ModalBodyProps extends CommonProps {
@@ -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/cjs/components/Modal/ModalBody.js

@@ -1,17 +1,17 @@
 "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 _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _ModalContext = require("./ModalContext");
 var _Modal = require("./Modal.styles");
@@ -30,7 +30,13 @@ var _Modal2 = require("./Modal");var _class, _ModalBody;
  */var
 
 
-ModalBody = exports.ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.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++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+ModalBody = exports.ModalBody = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.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++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+
+
+
 
 
 
@@ -53,28 +59,24 @@ ModalBody = exports.ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _r
 
     handleResize = function () {
       LayoutEvents.emit();
-    };return _this;}(0, _inheritsLoose2.default)(ModalBody, _React$Component);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.
+    };return _this;}(0, _inheritsLoose2.default)(ModalBody, _React$Component);var _proto = ModalBody.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _Modal.getStyles)(this.emotion);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 versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2');
     var noPadding = this.props.noPadding;
     return /*#__PURE__*/(
       _react.default.createElement(_ModalContext.ModalContext.Consumer, null,
-      function (_ref) {var _cx;var additionalPadding = _ref.additionalPadding,hasHeader = _ref.hasHeader;return /*#__PURE__*/(
+      function (_ref) {var _this3$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, {
             priority: _Modal2.ModalZIndexPriority.Content,
-            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.mobileBodyWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && !hasHeader && _this3.isMobileLayout, _cx[
-            _Modal.styles.mobileBodyAddPaddingForPanel5_2(_this3.theme)] =
-            versionGTE5_2 && additionalPadding && _this3.isMobileLayout, _cx[
-            _Modal.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__*/
@@ -87,4 +89,4 @@ ModalBody = exports.ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _r
 
       ));
 
-  };return ModalBody;}(_react.default.Component), _ModalBody.__KONTUR_REACT_UI__ = 'ModalBody', _ModalBody.displayName = 'ModalBody', _ModalBody.__MODAL_BODY__ = true, _ModalBody)) || _class) || _class;
+  };return ModalBody;}(_react.default.Component), _ModalBody.__KONTUR_REACT_UI__ = 'ModalBody', _ModalBody.displayName = 'ModalBody', _ModalBody.__MODAL_BODY__ = true, _ModalBody)) || _class) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ZIndex","_CommonWrapper","_Emotion","_decorator","LayoutEvents","_interopRequireWildcard","_ResizeDetector","_rootNode","_ThemeHelpers","_ModalContext","_Modal","_getModalBodyTheme","_Modal2","_class","_ModalBody","ModalBody","exports","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","getModalBodyTheme","Provider","value","renderMain","_this3","versionGTE5_2","isThemeGTE","noPadding","props","ModalContext","_ref","_cx","additionalPadding","hasHeader","CommonWrapper","_extends2","rootNodeRef","setRootNode","ZIndex","priority","ModalZIndexPriority","Content","className","cx","styles","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader5_2","mobileBodyAddPaddingForPanel5_2","bodyWithoutPadding","ResizeDetector","onResize","children","React","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 * Контейнер с отступами для содержимого модального окна.\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":"8aAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,OAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAC,uBAAA,CAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;;AAEA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;;AAEA,IAAAW,aAAA,GAAAX,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,kBAAA,GAAAb,OAAA;AACA,IAAAc,OAAA,GAAAd,OAAA,YAA8C,IAAAe,MAAA,EAAAC,UAAA;;;;;;;AAO9C;AACA;AACA;AACA;AACA,GAJA;;;AAOaC,SAAS,GAAAC,OAAA,CAAAD,SAAA,OAFrBE,2BAAgB,EAAAJ,MAAA,OAChBK,kBAAQ,EAAAL,MAAA,IAAAC,UAAA,0BAAAK,gBAAA,YAAAJ,UAAA,OAAAK,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;MAC3B1B,YAAY,CAAC2B,IAAI,CAAC,CAAC;IACrB,CAAC,QAAAX,KAAA,MAAAY,eAAA,CAAAC,OAAA,EAAAlB,SAAA,EAAAI,gBAAA,MAAAe,MAAA,GAAAnB,SAAA,CAAAoB,SAAA,CAAAD,MAAA,CAbME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEzC,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACvC,aAAA,CAAAwC,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,CACVJ,MAAI,CAACI,KAAK,GAAG,IAAAC,oCAAiB,EAACD,KAAK,CAAC,CACrC,oBAAO7C,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACvC,aAAA,CAAAwC,YAAY,CAACI,QAAQ,IAACC,KAAK,EAAEP,MAAI,CAACI,KAAM,IAAEJ,MAAI,CAACQ,UAAU,CAAC,CAAyB,CAAC,CAC9F,CACqB,CAAC,CAE5B,CAAC,CAAAX,MAAA;;EAMMW,UAAU,GAAjB,SAAAA,WAAA,EAAiC,KAAAC,MAAA;IAC/B,IAAMC,aAAa,GAAG,IAAAC,wBAAU,EAAC,IAAI,CAACP,KAAK,EAAE,KAAK,CAAC;IACnD,IAAQQ,SAAS,GAAK,IAAI,CAACC,KAAK,CAAxBD,SAAS;IACjB;MACErD,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAAC7B,aAAA,CAAA0C,YAAY,CAACX,QAAQ;MACnB,UAAAY,IAAA,OAAAC,GAAA,KAAGC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;UAC9B3D,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACrC,cAAA,CAAAuD,aAAa,MAAAC,SAAA,CAAAxB,OAAA,IAACyB,WAAW,EAAEZ,MAAI,CAACa,WAAY,IAAKb,MAAI,CAACI,KAAK;UAC1DtD,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACtC,OAAA,CAAA4D,MAAM;YACLC,QAAQ,EAAEC,2BAAmB,CAACC,OAAQ;YACtCC,SAAS,EAAE,IAAAC,WAAE,GAAAZ,GAAA,OAAAA,GAAA;YACVa,aAAM,CAACC,IAAI,CAACrB,MAAI,CAACL,KAAK,CAAC,IAAG,IAAI,EAAAY,GAAA;YAC9Ba,aAAM,CAACE,UAAU,CAACtB,MAAI,CAACL,KAAK,CAAC,IAAGK,MAAI,CAACuB,cAAc,EAAAhB,GAAA;YACnDa,aAAM,CAACI,iBAAiB,CAACxB,MAAI,CAACL,KAAK,CAAC,IAAG,CAACc,SAAS,EAAAF,GAAA;YACjDa,aAAM,CAACK,uBAAuB,CAAC,CAAC,IAAG,CAAChB,SAAS,IAAIT,MAAI,CAACuB,cAAc,EAAAhB,GAAA;YACpEa,aAAM,CAACM,sBAAsB,CAAC1B,MAAI,CAACL,KAAK,CAAC,IAAGa,iBAAiB,EAAAD,GAAA;YAC7Da,aAAM,CAACO,4BAA4B,CAAC3B,MAAI,CAACL,KAAK,CAAC,IAAGa,iBAAiB,IAAIR,MAAI,CAACuB,cAAc,EAAAhB,GAAA;YAC1Fa,aAAM,CAACQ,0BAA0B,CAAC5B,MAAI,CAACL,KAAK,CAAC,IAAGM,aAAa,IAAI,CAACQ,SAAS,IAAIT,MAAI,CAACuB,cAAc,EAAAhB,GAAA;YAClGa,aAAM,CAACS,+BAA+B,CAAC7B,MAAI,CAACL,KAAK,CAAC;YACjDM,aAAa,IAAIO,iBAAiB,IAAIR,MAAI,CAACuB,cAAc,EAAAhB,GAAA;YAC1Da,aAAM,CAACU,kBAAkB,CAAC,CAAC,IAAG3B,SAAS,EAAAI,GAAA;YACzC,CAAE;;UAEFP,MAAI,CAACuB,cAAc;UAClBzE,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAAChC,eAAA,CAAAuE,cAAc,IAACC,QAAQ,EAAEhC,MAAI,CAAChB,YAAa,IAAEgB,MAAI,CAACI,KAAK,CAAC6B,QAAyB,CAAC;;UAEnFjC,MAAI,CAACI,KAAK,CAAC6B;;UAEP;UACK,CAAC;;MAEG,CAAC;;EAE5B,CAAC,QAAAhE,SAAA,GAzD4BiE,cAAK,CAACC,SAAS,GAAAnE,UAAA,CAC9BoE,mBAAmB,GAAG,WAAW,EAAApE,UAAA,CACjCqE,WAAW,GAAG,WAAW,EAAArE,UAAA,CACzBsE,cAAc,GAAG,IAAI,EAAAtE,UAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ZIndex","_CommonWrapper","_decorator","LayoutEvents","_interopRequireWildcard","_ResizeDetector","_rootNode","_renderEnvironment","_ModalContext","_Modal","_getModalBodyTheme","_Modal2","_class","_ModalBody","ModalBody","exports","withRenderEnvironment","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose2","default","_proto","prototype","render","_this2","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","getModalBodyTheme","Provider","value","renderMain","_this3","noPadding","props","ModalContext","_ref","_this3$cx","additionalPadding","hasHeader","CommonWrapper","_extends2","rootNodeRef","setRootNode","ZIndex","priority","ModalZIndexPriority","Content","className","cx","body","mobileBody","isMobileLayout","bodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader","bodyWithoutPadding","ResizeDetector","onResize","children","React","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React, { type JSX } 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 * Контейнер с отступами для содержимого модального окна.\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(): React.JSX.Element {\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/cjs/components/Modal/ModalClose.js

@@ -1,14 +1,12 @@
 "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 _renderEnvironment = require("../../lib/renderEnvironment");
 var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 var _keyListener = require("../../lib/events/keyListener");
 var _ResponsiveLayout = require("../ResponsiveLayout");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _XIcon20Regular = require("../../internal/icons2022/XIcon/XIcon20Regular");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 
 var _Modal = require("./Modal.styles");
@@ -17,14 +15,18 @@ 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 locale = (0, _useLocaleForControl.useLocaleForControl)('Modal', _locale.ModalLocaleHelper);
+  var globalObject = (0, _renderEnvironment.useGlobal)();
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_Modal.getStyles);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var keyListener = (0, _keyListener.useKeyListener)();
   var _React$useState = _react.default.useState(false),focusedByTab = _React$useState[0],setFocusedByTab = _React$useState[1];
 
   var handleFocus = function handleFocus() {
     // focus event fires before keyDown eventlistener
     // so we should check tabPressed in async way
-    _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
-      if (_keyListener.keyListener.isTabPressed) {
+    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+      if (keyListener.isTabPressed) {
         setFocusedByTab(true);
       }
     });
@@ -35,7 +37,6 @@ function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _
   };
 
   var icon = /*#__PURE__*/_react.default.createElement(_XIcon20Regular.XIcon20Regular, { align: "none" });
-  var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.1');
 
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, otherProps, /*#__PURE__*/
@@ -43,14 +44,11 @@ function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _
     function (_ref2) {var _cx;var isMobile = _ref2.isMobile;return /*#__PURE__*/(
         _react.default.createElement("button", {
           "aria-label": locale.closeButtonAriaLabel,
-          className: (0, _Emotion.cx)((_cx = {}, _cx[
-          _Modal.styles.close(theme)] = true, _cx[
-          _Modal.styles.close5_1(theme)] = versionGTE5_1, _cx[
-          _Modal.styles.closeMobile(theme)] = isMobile, _cx[
-          _Modal.styles.closeMobile5_1(theme)] = isMobile && versionGTE5_1, _cx[
-          _Modal.styles.disabled(theme)] = disableClose, _cx[
-          _Modal.styles.focus(theme)] = focusedByTab && !versionGTE5_1, _cx[
-          _Modal.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,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_globalObject","_useLocaleForControl","_ThemeContext","_Emotion","_keyListener","_ResponsiveLayout","_CommonWrapper","_XIcon20Regular","_ThemeHelpers","_Modal","_Modal2","_locale","_excluded","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose2","default","locale","useLocaleForControl","ModalLocaleHelper","theme","useContext","ThemeContext","_React$useState","React","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","icon","createElement","XIcon20Regular","align","versionGTE5_1","isThemeGTE","CommonWrapper","ResponsiveLayout","_ref2","_cx","isMobile","closeButtonAriaLabel","className","cx","styles","close","close5_1","closeMobile","closeMobile5_1","disabled","focus","focus5_1","onClick","onFocus","onBlur","ModalDataTids","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":"+XAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;;;AAGA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA,aAA6C,IAAAa,SAAA;;AAEtC,SAASC,UAAUA,CAAAC,IAAA,EAA4D,KAAzDC,YAAY,GAAAD,IAAA,CAAZC,YAAY,CAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAKC,UAAU,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAF,SAAA;EACpE,IAAMQ,MAAM,GAAG,IAAAC,wCAAmB,EAAC,OAAO,EAAEC,yBAAiB,CAAC;EAC9D,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAAC,eAAA,GAAwCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAtDC,YAAY,GAAAH,eAAA,IAAEI,eAAe,GAAAJ,eAAA;;EAEpC,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACA;IACAC,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;MACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;QAC5BL,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBN,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC;;EAED,IAAMO,IAAI,gBAAGxC,MAAA,CAAAsB,OAAA,CAAAmB,aAAA,CAAC/B,eAAA,CAAAgC,cAAc,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;EAC5C,IAAMC,aAAa,GAAG,IAAAC,wBAAU,EAACnB,KAAK,EAAE,KAAK,CAAC;;EAE9C;IACE1B,MAAA,CAAAsB,OAAA,CAAAmB,aAAA,CAAChC,cAAA,CAAAqC,aAAa,EAAK1B,UAAU;IAC3BpB,MAAA,CAAAsB,OAAA,CAAAmB,aAAA,CAACjC,iBAAA,CAAAuC,gBAAgB;IACd,UAAAC,KAAA,OAAAC,GAAA,KAAGC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;QACVlD,MAAA,CAAAsB,OAAA,CAAAmB,aAAA;UACE,cAAYlB,MAAM,CAAC4B,oBAAqB;UACxCC,SAAS,EAAE,IAAAC,WAAE,GAAAJ,GAAA,OAAAA,GAAA;UACVK,aAAM,CAACC,KAAK,CAAC7B,KAAK,CAAC,IAAG,IAAI,EAAAuB,GAAA;UAC1BK,aAAM,CAACE,QAAQ,CAAC9B,KAAK,CAAC,IAAGkB,aAAa,EAAAK,GAAA;UACtCK,aAAM,CAACG,WAAW,CAAC/B,KAAK,CAAC,IAAGwB,QAAQ,EAAAD,GAAA;UACpCK,aAAM,CAACI,cAAc,CAAChC,KAAK,CAAC,IAAGwB,QAAQ,IAAIN,aAAa,EAAAK,GAAA;UACxDK,aAAM,CAACK,QAAQ,CAACjC,KAAK,CAAC,IAAGR,YAAY,EAAA+B,GAAA;UACrCK,aAAM,CAACM,KAAK,CAAClC,KAAK,CAAC,IAAGM,YAAY,IAAI,CAACY,aAAa,EAAAK,GAAA;UACpDK,aAAM,CAACO,QAAQ,CAACnC,KAAK,CAAC,IAAGM,YAAY,IAAIY,aAAa,EAAAK,GAAA;UACxD,CAAE;UACHa,OAAO,EAAE3C,YAAa;UACtB4C,OAAO,EAAE7B,WAAY;UACrB8B,MAAM,EAAEzB,UAAW;UACnB,YAAU0B,qBAAa,CAACV,KAAM;UAC9BW,QAAQ,EAAEhD,YAAY,GAAG,CAAC,CAAC,GAAG,CAAE;;QAE/BsB;QACK,CAAC;;IAEK;IACL,CAAC;;AAEpB;;AAEAxB,UAAU,CAACmD,mBAAmB,GAAG,YAAY;AAC7CnD,UAAU,CAACoD,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_useLocaleForControl","_ThemeContext","_keyListener","_ResponsiveLayout","_CommonWrapper","_XIcon20Regular","_Modal","_Modal2","_locale","_excluded","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose2","default","locale","useLocaleForControl","ModalLocaleHelper","globalObject","useGlobal","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","theme","useContext","ThemeContext","keyListener","useKeyListener","_React$useState","React","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","XIcon20Regular","align","CommonWrapper","ResponsiveLayout","_ref2","_cx","isMobile","closeButtonAriaLabel","className","close","closeMobile","disabled","focus","onClick","onFocus","onBlur","ModalDataTids","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): React.JSX.Element {\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/cjs/components/Modal/ModalFooter.js

@@ -1,17 +1,16 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalFooter = ModalFooter;exports.ModalFooterDataTids = void 0;
 var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 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 _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _Modal = require("./Modal.styles");
 var _ModalContext = require("./ModalContext");
@@ -43,8 +42,11 @@ var ModalFooterDataTids = exports.ModalFooterDataTids = {
  */
 function ModalFooter(props) {
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_Modal.getStyles);
   var modal = (0, _react.useContext)(_ModalContext.ModalContext);
   var layout = (0, _ResponsiveLayout.useResponsiveLayout)();
+  var scrollWidth = (0, _getScrollWidth.useGetScrollWidth)();
 
   var _props$sticky = props.sticky,sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,gap = props.gap,panel = props.panel,children = props.children;
 
@@ -58,21 +60,19 @@ function ModalFooter(props) {
     };
   }, [panel]);
 
-  var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.2');
   var renderContent = function renderContent(fixed) {if (fixed === void 0) {fixed = false;}
     return /*#__PURE__*/(
       _react.default.createElement("div", null,
       (panel || fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: fixed }), /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": ModalFooterDataTids.root,
-        className: (0, _Emotion.cx)(
-          _Modal.styles.footer(theme),
-          fixed && _Modal.styles.fixedFooter(theme),
-          versionGTE5_2 && fixed && _Modal.styles.fixedFooter5_2(),
-          Boolean(panel) && _Modal.styles.panel(theme),
-          fixed && Boolean(panel) && _Modal.styles.fixedPanel(theme),
-          layout.isMobile && _Modal.styles.mobileFooter(theme),
-          versionGTE5_2 && layout.isMobile && fixed && _Modal.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)
         ) },
 
       (0, _utils.isNonNullable)(gap) ? /*#__PURE__*/
@@ -90,9 +90,9 @@ function ModalFooter(props) {
   var getStickyOffset = function getStickyOffset() {
     var offset = 0;
     if (modal.horizontalScroll) {
-      offset += (0, _getScrollWidth.getScrollWidth)();
+      offset += scrollWidth;
     }
-    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {
+    if (layout.isMobile && !modal.mobileOnFullScreen) {
       offset += parseInt(theme.mobileModalContainerMarginBottom);
     }
     return offset;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getScrollWidth","_Sticky","_ThemeContext","_CommonWrapper","_Emotion","_ResponsiveLayout","_Gapped","_utils","_ThemeHelpers","_Modal","_ModalContext","_ModalSeparator","ModalFooterDataTids","exports","root","ModalFooter","props","theme","useContext","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","gap","panel","children","useLayoutEffect","setHasFooter","setHasPanel","versionGTE5_2","isThemeGTE","renderContent","fixed","default","createElement","ModalSeparator","className","cx","styles","footer","fixedFooter","fixedFooter5_2","Boolean","fixedPanel","mobileFooter","mobileFixedFooter5_2","isNonNullable","Gapped","vertical","getStickyOffset","offset","horizontalScroll","getScrollWidth","mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","CommonWrapper","Sticky","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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_getScrollWidth","_Sticky","_ThemeContext","_CommonWrapper","_ResponsiveLayout","_Gapped","_utils","_Modal","_ModalContext","_ModalSeparator","ModalFooterDataTids","exports","root","ModalFooter","props","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","modal","ModalContext","layout","useResponsiveLayout","scrollWidth","useGetScrollWidth","_props$sticky","sticky","isMobile","gap","panel","children","useLayoutEffect","setHasFooter","setHasPanel","renderContent","fixed","default","createElement","ModalSeparator","className","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","mobileFixedFooter","isNonNullable","Gapped","vertical","getStickyOffset","offset","horizontalScroll","mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","CommonWrapper","Sticky","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): React.JSX.Element {\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/cjs/components/Modal/ModalHeader.js

@@ -1,13 +1,12 @@
 "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 _renderEnvironment = require("../../lib/renderEnvironment");
 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 _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _Modal = require("./Modal.styles");
 var _ModalClose = require("./ModalClose");
@@ -39,6 +38,9 @@ var ModalHeaderDataTids = exports.ModalHeaderDataTids = {
  */
 function ModalHeader(props) {
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_Modal.getStyles);
+
   var modal = (0, _react.useContext)(_ModalContext.ModalContext);
   var layout = (0, _ResponsiveLayout.useResponsiveLayout)();
 
@@ -50,24 +52,20 @@ function ModalHeader(props) {
     return function () {return modal.setHasHeader == null ? void 0 : modal.setHasHeader(false);};
   }, []);
 
-  var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.2');
   var renderContent = function renderContent(fixed) {if (fixed === void 0) {fixed = false;}
     return /*#__PURE__*/(
       _react.default.createElement("div", null, /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": ModalHeaderDataTids.root,
-        className: (0, _Emotion.cx)(
-          _Modal.styles.header(theme),
-          versionGTE5_2 && _Modal.styles.header5_2(theme),
-          layout.isMobile && _Modal.styles.mobileHeader(theme),
-          Boolean(modal.additionalPadding) && _Modal.styles.headerAddPadding(theme),
-          fixed && _Modal.styles.fixedHeader(theme),
-          cutTitleOnStuck && fixed && _Modal.styles.titleCut(),
-          versionGTE5_2 && fixed && _Modal.styles.fixedHeader5_2(),
-          fixed && layout.isMobile && _Modal.styles.mobileFixedHeader(theme),
-          versionGTE5_2 && fixed && layout.isMobile && _Modal.styles.mobileFixedHeader5_2(theme),
-          Boolean(modal.close) && _Modal.styles.headerWithClose(theme),
-          Boolean(modal.close) && layout.isMobile && _Modal.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__*/
@@ -81,7 +79,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;