@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

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","modalGlobalClasses","exports","prefix","root","container","getStyles","emotion","memoizeStyle","css","_taggedTemplateLiteralLoose2","default","bg","t","modalBackBg","modalBackOpacity","containerMobile","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","centerContainer","mobileCenterContainer","alignTop","close","padding","parseInt","modalCloseButtonPadding","resetButton","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","mobileClose","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","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","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"],"sources":["Modal.styles.ts"],"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\n      const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n      const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n      return emotion.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 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 = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\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"],"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","_templateObject49","_templateObject50","_templateObject51","_templateObject52","_templateObject53","_templateObject54","_templateObject55","_templateObject56","_templateObject57","_templateObject58","_templateObject59","_templateObject60","_templateObject61","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","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  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":[]}

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

@@ -1,26 +1,22 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ModalBodyProps extends CommonProps {
-    /**
-     * убирает отступы
-     */
-    noPadding?: boolean;
-}
-/**
- * Контейнер с отступами от края модалки
- *
- * @visibleName Modal.Body
- */
-export declare class ModalBody extends React.Component<ModalBodyProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static __MODAL_BODY__: boolean;
-    private theme;
-    private emotion;
-    private styles;
-    private isMobileLayout;
-    private setRootNode;
-    render(): React.JSX.Element;
-    private handleResize;
-    renderMain(): JSX.Element;
-}
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface ModalBodyProps extends CommonProps {
+    /** Убирает отступы. */
+    noPadding?: boolean;
+}
+/**
+ * ModalBody - контейнер с отступами от края модалки.
+ *
+ * @visibleName Modal.Body
+ */
+export declare class ModalBody extends React.Component<ModalBodyProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static __MODAL_BODY__: boolean;
+    private theme;
+    private isMobileLayout;
+    private setRootNode;
+    render(): React.JSX.Element;
+    private handleResize;
+    renderMain(): JSX.Element;
+}

package/cjs/components/Modal/ModalBody.js

@@ -1,21 +1,22 @@
 "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 _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _ModalContext = require("./ModalContext");
 var _Modal = require("./Modal.styles");
-var _getModalBodyTheme = require("./getModalBodyTheme");var _class, _ModalBody;
-
-
+var _getModalBodyTheme = require("./getModalBodyTheme");
+var _Modal2 = require("./Modal");var _class, _ModalBody;
 
 
 
@@ -23,7 +24,7 @@ var _getModalBodyTheme = require("./getModalBodyTheme");var _class, _ModalBody;
 
 
 /**
- * Контейнер с отступами от края модалки
+ * ModalBody - контейнер с отступами от края модалки.
  *
  * @visibleName Modal.Body
  */var
@@ -38,16 +39,6 @@ ModalBody = exports.ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _r
 
 
 
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -61,25 +52,28 @@ 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(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _Modal.getStyles)(_this2.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.
+    };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.
 
   renderMain = function renderMain() {var _this3 = this;
+    var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2');
     var noPadding = this.props.noPadding;
-    var styles = this.styles;
-
     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)
+            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)
             ) },
 
           _this3.isMobileLayout ? /*#__PURE__*/

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ZIndex","_CommonWrapper","_decorator","LayoutEvents","_interopRequireWildcard","_ResizeDetector","_rootNode","_Emotion","_ThemeContext","_ModalContext","_Modal","_getModalBodyTheme","_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","EmotionConsumer","emotion","styles","getStyles","ThemeContext","Consumer","theme","getModalBodyTheme","Provider","value","renderMain","_this3","noPadding","props","ModalContext","_ref","_this3$emotion$cx","additionalPadding","hasHeader","CommonWrapper","_extends2","rootNodeRef","setRootNode","ZIndex","className","cx","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","ResizeDetector","onResize","children","React","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"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 { ThemeContext } 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 styles!: ReturnType<typeof getStyles>;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\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      </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 = this.styles;\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"],"mappings":"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","ignoreList":[]}
+{"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 { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * ModalBody - контейнер с отступами от края модалки.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  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":"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","ignoreList":[]}

package/cjs/components/Modal/ModalClose.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { CloseProps } from './ModalContext';
-export declare function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps): React.JSX.Element;
-export declare namespace ModalClose {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-}
+import React from 'react';
+import type { CloseProps } from './ModalContext';
+export declare function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps): React.JSX.Element;
+export declare namespace ModalClose {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}

package/cjs/components/Modal/ModalClose.js

@@ -2,12 +2,13 @@
 var _globalObject = require("@skbkontur/global-object");
 
 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 _ThemeContext = require("../../lib/theming/ThemeContext");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 
 var _Modal = require("./Modal.styles");
@@ -15,7 +16,6 @@ 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, _react.useContext)(_Emotion.EmotionContext);
   var locale = (0, _useLocaleForControl.useLocaleForControl)('Modal', _locale.ModalLocaleHelper);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var _React$useState = _react.default.useState(false),focusedByTab = _React$useState[0],setFocusedByTab = _React$useState[1];
@@ -35,19 +35,22 @@ function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _
   };
 
   var icon = /*#__PURE__*/_react.default.createElement(_XIcon20Regular.XIcon20Regular, { align: "none" });
-  var styles = (0, _Modal.getStyles)(emotion);
+  var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.1');
 
   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.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)
           ),
           onClick: requestClose,
           onFocus: handleFocus,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_globalObject","_useLocaleForControl","_Emotion","_keyListener","_ResponsiveLayout","_CommonWrapper","_XIcon20Regular","_ThemeContext","_Modal","_Modal2","_locale","_excluded","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose2","default","emotion","useContext","EmotionContext","locale","useLocaleForControl","ModalLocaleHelper","theme","ThemeContext","_React$useState","React","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","icon","createElement","XIcon20Regular","align","styles","getStyles","CommonWrapper","ResponsiveLayout","_ref2","_emotion$cx","isMobile","closeButtonAriaLabel","className","cx","close","mobileClose","disabled","focus","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 { EmotionContext } 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 { ThemeContext } from '../../lib/theming/ThemeContext';\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 = useContext(EmotionContext);\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 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"],"mappings":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

package/cjs/components/Modal/ModalContext.d.ts

@@ -1,16 +1,19 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface CloseProps extends CommonProps {
-    disableClose?: boolean;
-    requestClose: () => void;
-}
-export interface ModalContextProps {
-    additionalPadding?: boolean;
-    hasHeader?: boolean;
-    close?: CloseProps;
-    horizontalScroll?: boolean;
-    setHasHeader?: (value?: boolean) => void;
-    setHasFooter?: (value?: boolean) => void;
-    setHasPanel?: (value?: boolean) => void;
-}
-export declare const ModalContext: React.Context<ModalContextProps>;
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface CloseProps extends CommonProps {
+    /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. */
+    disableClose?: boolean;
+    /** Задает функцию, которая вызывается при клике по крестику или снаружи. */
+    requestClose: () => void;
+}
+export interface ModalContextProps {
+    additionalPadding?: boolean;
+    hasHeader?: boolean;
+    close?: CloseProps;
+    horizontalScroll?: boolean;
+    setHasHeader?: (value: boolean) => void;
+    setHasFooter?: (value: boolean) => void;
+    setHasPanel?: (value: boolean) => void;
+    mobileOnFullScreen?: boolean;
+}
+export declare const ModalContext: React.Context<ModalContextProps>;

package/cjs/components/Modal/ModalContext.js

@@ -15,6 +15,10 @@
 
 
 
+
+
+
+
 
 
 var ModalContext = exports.ModalContext = /*#__PURE__*/_react.default.createContext({});

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","ModalContext","exports","React","createContext","displayName"],"sources":["ModalContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CommonProps } from '../../internal/CommonWrapper';\n\nexport interface CloseProps extends CommonProps {\n  disableClose?: boolean;\n  requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n  additionalPadding?: boolean;\n  hasHeader?: boolean;\n  close?: CloseProps;\n  horizontalScroll?: boolean;\n  setHasHeader?: (value?: boolean) => void;\n  setHasFooter?: (value?: boolean) => void;\n  setHasPanel?: (value?: boolean) => void;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"],"mappings":"kKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;AAmBO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAGE,cAAK,CAACC,aAAa,CAAoB,CAAC,CAAC,CAAC;;AAEtEH,YAAY,CAACI,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","ModalContext","exports","React","createContext","displayName"],"sources":["ModalContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper';\n\nexport interface CloseProps extends CommonProps {\n  /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Задает функцию, которая вызывается при клике по крестику или снаружи. */\n  requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n  additionalPadding?: boolean;\n  hasHeader?: boolean;\n  close?: CloseProps;\n  horizontalScroll?: boolean;\n  setHasHeader?: (value: boolean) => void;\n  setHasFooter?: (value: boolean) => void;\n  setHasPanel?: (value: boolean) => void;\n  mobileOnFullScreen?: boolean;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"],"mappings":"kKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;AAuBO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAGE,cAAK,CAACC,aAAa,CAAoB,CAAC,CAAC,CAAC;;AAEtEH,YAAY,CAACI,WAAW,GAAG,cAAc","ignoreList":[]}

package/cjs/components/Modal/ModalFooter.d.ts

@@ -1,39 +1,30 @@
-import React, { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { GappedProps } from '../Gapped';
-export interface ModalFooterProps extends CommonProps {
-    /**
-     * Включает серый цвет в футере
-     */
-    panel?: boolean;
-    /**
-     * Закрепляет футер снизу модального окна
-     *
-     * На десктопе по умолчанию равен `true`
-     * На мобильных по умолчанию равен `false`
-     */
-    sticky?: boolean;
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Задаёт отступ между элементами футера
-     */
-    gap?: GappedProps['gap'];
-}
-export declare const ModalFooterDataTids: {
-    readonly root: "ModalFooter__root";
-};
-/**
- * Футер модального окна.
- *
- * @visibleName Modal.Footer
- */
-declare function ModalFooter(props: ModalFooterProps): React.JSX.Element;
-declare namespace ModalFooter {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-    var __MODAL_FOOTER__: boolean;
-}
-export { ModalFooter };
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { GappedProps } from '../Gapped';
+export interface ModalFooterProps extends CommonProps {
+    /** Включает серый цвет в футере. */
+    panel?: boolean;
+    /** Закрепляет футер снизу модального окна.
+     * @default На десктопе - `true`, на мобильных - `false`. */
+    sticky?: boolean;
+    /** Задает контент футера. */
+    children?: ReactNode;
+    /** Задает расстояние между элементами футера в пикселях. */
+    gap?: GappedProps['gap'];
+}
+export declare const ModalFooterDataTids: {
+    readonly root: "ModalFooter__root";
+};
+/**
+ * Футер модального окна.
+ *
+ * @visibleName Modal.Footer
+ */
+declare function ModalFooter(props: ModalFooterProps): React.JSX.Element;
+declare namespace ModalFooter {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+    var __MODAL_FOOTER__: boolean;
+}
+export { ModalFooter };