@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-3974a633b4

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

@@ -1,10 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var _Mixins = require("../../lib/styles/Mixins");function _templateObject21() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 30px;\n    "]);_templateObject21 = function _templateObject21() {return data;};return data;}function _templateObject20() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 !important;\n    "]);_templateObject20 = function _templateObject20() {return data;};return data;}function _templateObject19() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: 30px;\n    "]);_templateObject19 = function _templateObject19() {return data;};return data;}function _templateObject18() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 22px;\n    "]);_templateObject18 = function _templateObject18() {return data;};return data;}function _templateObject17() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: 20px;\n      margin-top: 10px;\n      background: ", ";\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: ", ";\n      }\n    "]);_templateObject17 = function _templateObject17() {return data;};return data;}function _templateObject16() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: 10px;\n      background: ", ";\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: ", ";\n      }\n    "]);_templateObject16 = function _templateObject16() {return data;};return data;}function _templateObject15() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        padding-top: 20px;\n        padding-bottom: 20px;\n        background: ", ";\n      }\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 35px 30px 30px;\n    "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 35px 25px 30px;\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: 110px !important;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: 22px;\n      line-height: 30px;\n      padding: 24px 35px 11px 30px;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", " & {\n        display: none;\n      }\n\n      ", ":focus & {\n        border: 2px solid ", ";\n        position: absolute;\n        display: block;\n        top: 27px;\n        right: 27px;\n        width: 26px;\n        height: 26px;\n      }\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        pointer-events: none;\n        cursor: default;\n        color: ", ";\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      float: right;\n      width: 76px;\n      height: 76px;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      position: absolute;\n      right: ", "px;\n      top: ", "px;\n      width: ", "px;\n      height: ", "px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n\n      &:focus,\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", "px;\n        height: ", "px;\n        padding: ", "px ", "px ", "px ", "px;\n        box-sizing: content-box;\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        vertical-align: top;\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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      @media screen and (max-width: ", ") {\n        margin: 0;\n        width: 100%;\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n      background: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject());
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "])));
 
 
 
@@ -14,7 +14,7 @@ var styles = {
   },
 
   bg: function bg(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "])),
 
 
 
@@ -26,7 +26,7 @@ var styles = {
   },
 
   container: function container() {
-    return (0, _Emotion.css)(_templateObject3());
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -44,7 +44,7 @@ var styles = {
   },
 
   window: function window(t) {
-    return (0, _Emotion.css)(_templateObject4(),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n      background: ", ";\n    "])),
 
 
 
@@ -54,7 +54,7 @@ var styles = {
   },
 
   centerContainer: function centerContainer(t) {
-    return (0, _Emotion.css)(_templateObject5(),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\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      @media screen and (max-width: ", ") {\n        margin: 0;\n        width: 100%;\n      }\n    "])),
 
 
 
@@ -70,126 +70,127 @@ var styles = {
 
   },
 
-  alignTop: function alignTop(t) {
-    return (0, _Emotion.css)(_templateObject6(),
-    (0, _Emotion.cssName)(styles.centerContainer(t)));
-
+  alignTop: function alignTop() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: top;\n    "])));
 
 
   },
 
   close: function close(t) {
-    var iconSize = 14;
-    var margin = 0;
-    var paddingTop = 35;
-    var paddingBottom = 20;
-    var blockSize = iconSize + paddingTop + paddingBottom;
-    return (0, _Emotion.css)(_templateObject7(),
+    var padding = parseInt(t.modalCloseButtonPadding);
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      position: absolute;\n      display: flex;\n      right: ", "px;\n      top: ", "px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding: ", ";\n      margin: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])),
     (0, _Mixins.resetButton)(),
 
-    margin,
-    margin,
-    blockSize,
-    blockSize,
 
+    padding,
+    padding,
 
 
-    t.modalCloseButtonColor,
 
+    t.modalCloseButtonColor,
 
 
+    t.modalCloseButtonClickArea,
+    t.modalCloseButtonClickArea,
 
 
     t.modalCloseButtonHoverColor,
 
 
 
-    iconSize,
-    iconSize,
-    paddingTop, paddingTop, paddingBottom, paddingBottom);
+    t.modalCloseIconSize,
+    t.modalCloseIconSize);
 
 
 
   },
 
-  closeWrapper: function closeWrapper() {
-    return (0, _Emotion.css)(_templateObject8());
-
-
+  closeWrapper: function closeWrapper(t) {
+    var padding = parseInt(t.modalCloseButtonPadding);
+    var paddingBottom = parseInt(t.modalCloseButtonBottomPadding);
+    var legacyGap = parseInt(t.modalCloseWrapperLegacyGap);
+    var legacyShift = parseInt(t.modalCloseButtonLegacyShift);
+    var blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding - legacyShift;
+    var blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])),
 
 
+    blockSizeX + legacyGap,
+    blockSizeY);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject9(),
-    (0, _Emotion.cssName)(styles.close(t)),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])),
 
 
     t.modalCloseButtonDisabledColor);
 
-
   },
 
-  closeOutline: function closeOutline(t) {
-    return (0, _Emotion.css)(_templateObject10(),
-    (0, _Emotion.cssName)(styles.close(t)),
-
-
-
-    (0, _Emotion.cssName)(styles.close(t)),
+  focus: function focus(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])),
+    t.modalCloseButtonHoverColor,
     t.borderColorFocus);
 
+  },
 
-
-
-
-
+  headerWrapper: function headerWrapper() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
 
   },
 
-  header: function header() {
-    return (0, _Emotion.css)(_templateObject11());
-
+  header: function header(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n    "])),
+    t.modalHeaderFontSize,
+    t.modalHeaderLineHeight,
+    t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft,
 
 
+    t.modalHeaderTextColor);
 
+  },
 
+  body: function body(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 ", " ", " ", ";\n    "])),
+    t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft);
 
   },
 
-  headerWithClose: function headerWithClose() {
-    return (0, _Emotion.css)(_templateObject12());
+  headerWithClose: function headerWithClose(t) {
+    var rightPadding =
+    2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);
 
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
+    rightPadding);
 
   },
 
-  body: function body() {
-    return (0, _Emotion.css)(_templateObject13());
-
+  footer: function footer(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", " ", " ", ";\n    "])),
+    t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft);
 
   },
 
-  footer: function footer() {
-    return (0, _Emotion.css)(_templateObject14());
+  footerWrapper: function footerWrapper() {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
 
   },
 
   panel: function panel(t) {
-    return (0, _Emotion.css)(_templateObject15(),
-    (0, _Emotion.cssName)(styles.footer()),
-
-
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
+    t.modalFooterPanelPaddingTop,
+    t.modalFooterPanelPaddingBottom,
     t.modalFooterBg);
 
-
   },
 
   fixedHeader: function fixedHeader(t) {
-    return (0, _Emotion.css)(_templateObject16(),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: 10px;\n      padding-bottom: ", ";\n      background: ", ";\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: ", ";\n      }\n    "])),
 
+    t.modalFixedHeaderPaddingBottom,
     t.modalFixedHeaderBg,
 
 
@@ -206,7 +207,7 @@ var styles = {
   },
 
   fixedFooter: function fixedFooter(t) {
-    return (0, _Emotion.css)(_templateObject17(),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: 20px;\n      margin-top: 10px;\n      background: ", ";\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: ", ";\n      }\n    "])),
 
 
     t.modalFixedHeaderBg,
@@ -225,28 +226,25 @@ var styles = {
   },
 
   headerAddPadding: function headerAddPadding() {
-    return (0, _Emotion.css)(_templateObject18());
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 22px;\n    "])));
 
 
   },
 
-  bodyWithoutHeader: function bodyWithoutHeader() {
-    return (0, _Emotion.css)(_templateObject19());
-
+  bodyWithoutHeader: function bodyWithoutHeader(t) {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n    "])),
+    t.modalPaddingTop);
 
   },
 
   bodyWithoutPadding: function bodyWithoutPadding() {
-    return (0, _Emotion.css)(_templateObject20());
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0;\n    "])));
 
 
   },
 
-  bodyAddPadding: function bodyAddPadding() {
-    return (0, _Emotion.css)(_templateObject21());
-
-
-  } };
-
+  bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
+    t.modalPaddingBottom);
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Modal.styles.ts"],"names":["styles","root","css","bg","t","modalBackBg","modalBackOpacity","container","window","bgDefault","centerContainer","modalAdaptiveThreshold","alignTop","close","iconSize","margin","paddingTop","paddingBottom","blockSize","modalCloseButtonColor","modalCloseButtonHoverColor","closeWrapper","disabled","modalCloseButtonDisabledColor","closeOutline","borderColorFocus","header","headerWithClose","body","footer","panel","modalFooterBg","fixedHeader","modalFixedHeaderBg","modalFixedHeaderShadow","fixedFooter","modalFixedFooterShadow","headerAddPadding","bodyWithoutHeader","bodyWithoutPadding","bodyAddPadding","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      height: 100%;\r\n      left: 0;\r\n      position: fixed;\r\n      top: 0;\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  bg(t: Theme) {\r\n    return css`\r\n      bottom: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      right: 0;\r\n      top: 0;\r\n      background: ${t.modalBackBg};\r\n      opacity: ${t.modalBackOpacity};\r\n    `;\r\n  },\r\n\r\n  container() {\r\n    return css`\r\n      position: relative;\r\n      white-space: nowrap;\r\n      text-align: center;\r\n      height: 100%;\r\n      overflow-y: auto;\r\n      outline: none;\r\n\r\n      &::before {\r\n        content: '';\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\r\n      }\r\n    `;\r\n  },\r\n\r\n  window(t: Theme) {\r\n    return css`\r\n      position: relative;\r\n      white-space: normal;\r\n      margin: auto;\r\n      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n      background: ${t.bgDefault};\r\n    `;\r\n  },\r\n\r\n  centerContainer(t: Theme) {\r\n    return css`\r\n      position: relative;\r\n      display: inline-block;\r\n      text-align: left;\r\n      vertical-align: middle;\r\n      box-sizing: border-box;\r\n      z-index: 10;\r\n      margin: 40px 20px;\r\n\r\n      @media screen and (max-width: ${t.modalAdaptiveThreshold}) {\r\n        margin: 0;\r\n        width: 100%;\r\n      }\r\n    `;\r\n  },\r\n\r\n  alignTop(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.centerContainer(t))}& {\r\n        vertical-align: top;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    const iconSize = 14;\r\n    const margin = 0;\r\n    const paddingTop = 35;\r\n    const paddingBottom = 20;\r\n    const blockSize = iconSize + paddingTop + paddingBottom;\r\n    return css`\r\n      ${resetButton()};\r\n      position: absolute;\r\n      right: ${margin}px;\r\n      top: ${margin}px;\r\n      width: ${blockSize}px;\r\n      height: ${blockSize}px;\r\n      background: none;\r\n      background: transparent;\r\n      cursor: pointer;\r\n      color: ${t.modalCloseButtonColor};\r\n      text-align: center;\r\n      vertical-align: middle;\r\n\r\n      &:focus,\r\n      &:hover {\r\n        color: ${t.modalCloseButtonHoverColor};\r\n      }\r\n\r\n      & > svg {\r\n        width: ${iconSize}px;\r\n        height: ${iconSize}px;\r\n        padding: ${paddingTop}px ${paddingTop}px ${paddingBottom}px ${paddingBottom}px;\r\n        box-sizing: content-box;\r\n      }\r\n    `;\r\n  },\r\n\r\n  closeWrapper() {\r\n    return css`\r\n      position: relative;\r\n      float: right;\r\n      width: 76px;\r\n      height: 76px;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.close(t))}& {\r\n        pointer-events: none;\r\n        cursor: default;\r\n        color: ${t.modalCloseButtonDisabledColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  closeOutline(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.close(t))} & {\r\n        display: none;\r\n      }\r\n\r\n      ${cssName(styles.close(t))}:focus & {\r\n        border: 2px solid ${t.borderColorFocus};\r\n        position: absolute;\r\n        display: block;\r\n        top: 27px;\r\n        right: 27px;\r\n        width: 26px;\r\n        height: 26px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  header() {\r\n    return css`\r\n      font-size: 22px;\r\n      line-height: 30px;\r\n      padding: 24px 35px 11px 30px;\r\n      overflow-wrap: break-word;\r\n      word-wrap: break-word;\r\n    `;\r\n  },\r\n\r\n  headerWithClose() {\r\n    return css`\r\n      padding-right: 110px !important;\r\n    `;\r\n  },\r\n\r\n  body() {\r\n    return css`\r\n      padding: 0 35px 25px 30px;\r\n    `;\r\n  },\r\n\r\n  footer() {\r\n    return css`\r\n      padding: 0 35px 30px 30px;\r\n    `;\r\n  },\r\n\r\n  panel(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.footer())}& {\r\n        padding-top: 20px;\r\n        padding-bottom: 20px;\r\n        background: ${t.modalFooterBg};\r\n      }\r\n    `;\r\n  },\r\n\r\n  fixedHeader(t: Theme) {\r\n    return css`\r\n      margin-bottom: 10px;\r\n      background: ${t.modalFixedHeaderBg};\r\n\r\n      &:after {\r\n        bottom: 11px;\r\n        content: '';\r\n        position: absolute;\r\n        height: 1px;\r\n        width: 100%;\r\n        left: 0;\r\n        z-index: -1;\r\n        box-shadow: ${t.modalFixedHeaderShadow};\r\n      }\r\n    `;\r\n  },\r\n\r\n  fixedFooter(t: Theme) {\r\n    return css`\r\n      padding-top: 20px;\r\n      margin-top: 10px;\r\n      background: ${t.modalFixedHeaderBg};\r\n\r\n      &:before {\r\n        top: 11px;\r\n        content: '';\r\n        position: absolute;\r\n        height: 1px;\r\n        width: 100%;\r\n        left: 0;\r\n        z-index: -1;\r\n        box-shadow: ${t.modalFixedFooterShadow};\r\n      }\r\n    `;\r\n  },\r\n\r\n  headerAddPadding() {\r\n    return css`\r\n      padding-bottom: 22px;\r\n    `;\r\n  },\r\n\r\n  bodyWithoutHeader() {\r\n    return css`\r\n      padding-top: 30px;\r\n    `;\r\n  },\r\n\r\n  bodyWithoutPadding() {\r\n    return css`\r\n      padding: 0 !important;\r\n    `;\r\n  },\r\n\r\n  bodyAddPadding() {\r\n    return css`\r\n      padding-bottom: 30px;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Modal.styles.ts"],"names":["styles","root","css","bg","t","modalBackBg","modalBackOpacity","container","window","bgDefault","centerContainer","modalAdaptiveThreshold","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","body","modalBodyPaddingBottom","headerWithClose","rightPadding","modalCloseLegacyGap","footer","modalFooterPaddingTop","modalFooterPaddingBottom","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderShadow","fixedFooter","modalFixedFooterShadow","headerAddPadding","bodyWithoutHeader","modalPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n      background: ${t.bgDefault};\n    `;\n  },\n\n  centerContainer(t: Theme) {\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      @media screen and (max-width: ${t.modalAdaptiveThreshold}) {\n        margin: 0;\n        width: 100%;\n      }\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea};\n      margin: -${t.modalCloseButtonClickArea};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n    const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\n    const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding - legacyShift;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX + legacyGap}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.modalCloseButtonHoverColor};\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding =\n      2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: 10px;\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\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  fixedFooter(t: Theme) {\n    return css`\n      padding-top: 20px;\n      margin-top: 10px;\n      background: ${t.modalFixedHeaderBg};\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  headerAddPadding() {\n    return css`\n      padding-bottom: 22px;\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\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"]}

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

@@ -1,5 +1,6 @@
 import React from 'react';
-export interface ModalBodyProps {
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ModalBodyProps extends CommonProps {
     /**
      * убирает отступы
      */
@@ -13,5 +14,8 @@ export interface ModalBodyProps {
 export declare class ModalBody extends React.Component<ModalBodyProps> {
     static __KONTUR_REACT_UI__: string;
     static __MODAL_BODY__: boolean;
+    private theme;
+    private setRootNode;
     render(): JSX.Element;
+    renderMain(): JSX.Element;
 }

package/cjs/components/Modal/ModalBody.js

@@ -1,10 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ModalBody = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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 _rootNode = require("../../lib/rootNode");
 
 var _ModalContext = require("./ModalContext");
-var _Modal = require("./Modal.styles");
+var _Modal = require("./Modal.styles");var _class, _class2, _temp;
 
 
 
@@ -13,33 +17,50 @@ var _Modal = require("./Modal.styles");
 
 
 
-/**
- * Контейнер с отступами от края модалки
- *
- * @visibleName Modal.Body
+/**
+ * Контейнер с отступами от края модалки
+ *
+ * @visibleName Modal.Body
  */var
-ModalBody = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ModalBody, _React$Component);function ModalBody() {return _React$Component.apply(this, arguments) || this;}var _proto = ModalBody.prototype;_proto.
 
+ModalBody = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ModalBody, _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.
+
+
+
+    theme = void 0;_this.
+    setRootNode = void 0;return _this;}var _proto = ModalBody.prototype;_proto.
+
+  render = function render() {var _this2 = this;
+    return /*#__PURE__*/(
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        _this2.theme = theme;
+        return _this2.renderMain();
+      }));
 
 
-  render = function render() {var _this = this;var
+  };_proto.
+
+  renderMain = function renderMain() {var _this3 = this;var
     noPadding = this.props.noPadding;
     return /*#__PURE__*/(
       _react.default.createElement(_ModalContext.ModalContext.Consumer, null,
-      function (_ref) {var _cn;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, {
             priority: 'ModalBody',
             createStackingContext: true,
-            className: (0, _classnames.default)((_cn = {}, _cn[
-            _Modal.jsStyles.body()] = true, _cn[
-            _Modal.jsStyles.bodyWithoutHeader()] = !hasHeader, _cn[
-            _Modal.jsStyles.bodyAddPadding()] = additionalPadding, _cn[
-            _Modal.jsStyles.bodyWithoutPadding()] = noPadding, _cn)) },
+            className: (0, _Emotion.cx)((_cx = {}, _cx[
+            _Modal.styles.body(_this3.theme)] = true, _cx[
+            _Modal.styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _cx[
+            _Modal.styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _cx[
+            _Modal.styles.bodyWithoutPadding()] = noPadding, _cx)) },
+
 
+          _this3.props.children)));}));
 
-          _this.props.children));}));
 
 
 
 
-  };return ModalBody;}(_react.default.Component);exports.ModalBody = ModalBody;ModalBody.__KONTUR_REACT_UI__ = 'ModalBody';ModalBody.__MODAL_BODY__ = true;
+  };return ModalBody;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ModalBody', _class2.__MODAL_BODY__ = true, _temp)) || _class;exports.ModalBody = ModalBody;

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalBody.tsx"],"names":["ModalBody","render","noPadding","props","additionalPadding","hasHeader","jsStyles","body","bodyWithoutHeader","bodyAddPadding","bodyWithoutPadding","children","React","Component","__KONTUR_REACT_UI__","__MODAL_BODY__"],"mappings":"qPAAA;AACA;;AAEA;;AAEA;AACA;;;;;;;;;AASA;AACA;AACA;AACA;AACA,G;AACaA,S;;;;AAIJC,EAAAA,M,GAAP,kBAA6B;AACnBC,IAAAA,SADmB,GACL,KAAKC,KADA,CACnBD,SADmB;AAE3B;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,uCAAC,cAAD;AACE,YAAA,QAAQ,EAAE,WADZ;AAEE,YAAA,qBAAqB,MAFvB;AAGE,YAAA,SAAS,EAAE;AACRC,4BAASC,IAAT,EADQ,IACU,IADV;AAERD,4BAASE,iBAAT,EAFQ,IAEuB,CAACH,SAFxB;AAGRC,4BAASG,cAAT,EAHQ,IAGoBL,iBAHpB;AAIRE,4BAASI,kBAAT,EAJQ,IAIwBR,SAJxB,OAHb;;;AAUG,UAAA,KAAI,CAACC,KAAL,CAAWQ,QAVd,CADD,GADH,CADF;;;;;AAkBD,G,oBAxB4BC,eAAMC,S,gCAAxBb,S,CACGc,mB,GAAsB,W,CADzBd,S,CAEGe,c,GAAiB,I","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ZIndex } from '../../internal/ZIndex';\r\n\r\nimport { ModalContext } from './ModalContext';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nexport interface ModalBodyProps {\r\n  /**\r\n   * убирает отступы\r\n   */\r\n  noPadding?: boolean;\r\n}\r\n\r\n/**\r\n * Контейнер с отступами от края модалки\r\n *\r\n * @visibleName Modal.Body\r\n */\r\nexport class ModalBody extends React.Component<ModalBodyProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\r\n  public static __MODAL_BODY__ = true;\r\n\r\n  public render(): JSX.Element {\r\n    const { noPadding } = this.props;\r\n    return (\r\n      <ModalContext.Consumer>\r\n        {({ additionalPadding, hasHeader }) => (\r\n          <ZIndex\r\n            priority={'ModalBody'}\r\n            createStackingContext\r\n            className={cn({\r\n              [jsStyles.body()]: true,\r\n              [jsStyles.bodyWithoutHeader()]: !hasHeader,\r\n              [jsStyles.bodyAddPadding()]: additionalPadding,\r\n              [jsStyles.bodyWithoutPadding()]: noPadding,\r\n            })}\r\n          >\r\n            {this.props.children}\r\n          </ZIndex>\r\n        )}\r\n      </ModalContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ModalBody.tsx"],"names":["ModalBody","rootNode","theme","setRootNode","render","renderMain","noPadding","props","additionalPadding","hasHeader","styles","body","bodyWithoutHeader","bodyAddPaddingForPanel","bodyWithoutPadding","children","React","Component","__KONTUR_REACT_UI__","__MODAL_BODY__"],"mappings":"uUAAA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,uC;;;;;;;;;AASA;AACA;AACA;AACA;AACA,G;;AAEaA,S,OADZC,kB;;;;AAKSC,IAAAA,K;AACAC,IAAAA,W;;AAEDC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAACF,KAAD,EAAW;AACV,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACG,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEMA,EAAAA,U,GAAP,sBAAiC;AACvBC,IAAAA,SADuB,GACT,KAAKC,KADI,CACvBD,SADuB;AAE/B;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,uCAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACN,WAAjC,IAAkD,MAAI,CAACI,KAAvD;AACE,uCAAC,cAAD;AACE,YAAA,QAAQ,EAAE,WADZ;AAEE,YAAA,qBAAqB,MAFvB;AAGE,YAAA,SAAS,EAAE;AACRG,0BAAOC,IAAP,CAAY,MAAI,CAACT,KAAjB,CADQ,IACkB,IADlB;AAERQ,0BAAOE,iBAAP,CAAyB,MAAI,CAACV,KAA9B,CAFQ,IAE+B,CAACO,SAFhC;AAGRC,0BAAOG,sBAAP,CAA8B,MAAI,CAACX,KAAnC,CAHQ,IAGoCM,iBAHpC;AAIRE,0BAAOI,kBAAP,EAJQ,IAIsBR,SAJtB,OAHb;;;AAUG,UAAA,MAAI,CAACC,KAAL,CAAWQ,QAVd,CADF,CADD,GADH,CADF;;;;;;AAoBD,G,oBAxC4BC,eAAMC,S,WACrBC,mB,GAAsB,W,UACtBC,c,GAAiB,I","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\n\nexport interface ModalBodyProps extends CommonProps {\n  /**\n   * убирает отступы\n   */\n  noPadding?: boolean;\n}\n\n/**\n * Контейнер с отступами от края модалки\n *\n * @visibleName Modal.Body\n */\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\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={'ModalBody'}\n              createStackingContext\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.props.children}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"]}

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CloseProps } from './ModalContext';
 export declare function ModalClose({ disableClose, requestClose }: CloseProps): JSX.Element;

package/cjs/components/Modal/ModalClose.js

@@ -1,26 +1,45 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.ModalClose = ModalClose;var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.ModalClose = ModalClose;var _react = _interopRequireWildcard(require("react"));
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CrossIcon = require("../../internal/icons/CrossIcon");
+var _Emotion = require("../../lib/theming/Emotion");
+var _keyListener = require("../../lib/events/keyListener");
 
 
 var _Modal = require("./Modal.styles");
 
-function ModalClose(_ref) {var _cn;var disableClose = _ref.disableClose,requestClose = _ref.requestClose;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+function ModalClose(_ref) {var _cx;var disableClose = _ref.disableClose,requestClose = _ref.requestClose;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);var _React$useState =
+  _react.default.useState(false),focusedByTab = _React$useState[0],setFocusedByTab = _React$useState[1];
+
+  var handleFocus = function handleFocus() {
+    // focus event fires before keyDown eventlistener
+    // so we should check tabPressed in async way
+    requestAnimationFrame(function () {
+      if (_keyListener.keyListener.isTabPressed) {
+        setFocusedByTab(true);
+      }
+    });
+  };
+
+  var handleBlur = function handleBlur() {
+    setFocusedByTab(false);
+  };
 
   return /*#__PURE__*/(
     _react.default.createElement("button", {
-      className: (0, _classnames.default)((_cn = {}, _cn[
-      _Modal.jsStyles.close(theme)] = true, _cn[
-      _Modal.jsStyles.disabled(theme)] = disableClose, _cn)),
+      className: (0, _Emotion.cx)((_cx = {}, _cx[
+      _Modal.styles.close(theme)] = true, _cx[
+      _Modal.styles.disabled(theme)] = disableClose, _cx[
+      _Modal.styles.focus(theme)] = focusedByTab, _cx)),
 
       onClick: requestClose,
-      "data-tid": "modal-close" }, /*#__PURE__*/
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      "data-tid": "modal-close",
+      tabIndex: disableClose ? -1 : 0 }, /*#__PURE__*/
 
-    _react.default.createElement(_CrossIcon.CrossIcon, null), /*#__PURE__*/
-    _react.default.createElement("span", { className: _Modal.jsStyles.closeOutline(theme) })));
+    _react.default.createElement(_CrossIcon.CrossIcon, null)));
 
 
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalClose.tsx"],"names":["ModalClose","disableClose","requestClose","theme","ThemeContext","jsStyles","close","disabled","closeOutline"],"mappings":"mPAAA;AACA;;AAEA;AACA;;;AAGA;;AAEO,SAASA,UAAT,OAAgE,aAA1CC,YAA0C,QAA1CA,YAA0C,CAA5BC,YAA4B,QAA5BA,YAA4B;AACrE,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE;AACE,MAAA,SAAS,EAAE;AACRC,sBAASC,KAAT,CAAeH,KAAf,CADQ,IACgB,IADhB;AAERE,sBAASE,QAAT,CAAkBJ,KAAlB,CAFQ,IAEmBF,YAFnB,OADb;;AAKE,MAAA,OAAO,EAAEC,YALX;AAME,kBAAS,aANX;;AAQE,iCAAC,oBAAD,OARF;AASE,2CAAM,SAAS,EAAEG,gBAASG,YAAT,CAAsBL,KAAtB,CAAjB,GATF,CADF;;;AAaD","sourcesContent":["import React, { useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\n\r\nimport { CloseProps } from './ModalContext';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nexport function ModalClose({ disableClose, requestClose }: CloseProps) {\r\n  const theme = useContext(ThemeContext);\r\n\r\n  return (\r\n    <button\r\n      className={cn({\r\n        [jsStyles.close(theme)]: true,\r\n        [jsStyles.disabled(theme)]: disableClose,\r\n      })}\r\n      onClick={requestClose}\r\n      data-tid=\"modal-close\"\r\n    >\r\n      <CrossIcon />\r\n      <span className={jsStyles.closeOutline(theme)} />\r\n    </button>\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["ModalClose.tsx"],"names":["ModalClose","disableClose","requestClose","theme","ThemeContext","React","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","keyListener","isTabPressed","handleBlur","styles","close","disabled","focus"],"mappings":"8JAAA;;AAEA;AACA;AACA;AACA;;;AAGA;;AAEO,SAASA,UAAT,OAAgE,aAA1CC,YAA0C,QAA1CA,YAA0C,CAA5BC,YAA4B,QAA5BA,YAA4B;AACrE,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd,CADqE;AAE7BC,iBAAMC,QAAN,CAAe,KAAf,CAF6B,CAE9DC,YAF8D,sBAEhDC,eAFgD;;AAIrE,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;AACAC,IAAAA,qBAAqB,CAAC,YAAM;AAC1B,UAAIC,yBAAYC,YAAhB,EAA8B;AAC5BJ,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJoB,CAArB;AAKD,GARD;;AAUA,MAAMK,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBL,IAAAA,eAAe,CAAC,KAAD,CAAf;AACD,GAFD;;AAIA;AACE;AACE,MAAA,SAAS,EAAE;AACRM,oBAAOC,KAAP,CAAaZ,KAAb,CADQ,IACc,IADd;AAERW,oBAAOE,QAAP,CAAgBb,KAAhB,CAFQ,IAEiBF,YAFjB;AAGRa,oBAAOG,KAAP,CAAad,KAAb,CAHQ,IAGcI,YAHd,OADb;;AAME,MAAA,OAAO,EAAEL,YANX;AAOE,MAAA,OAAO,EAAEO,WAPX;AAQE,MAAA,MAAM,EAAEI,UARV;AASE,kBAAS,aATX;AAUE,MAAA,QAAQ,EAAEZ,YAAY,GAAG,CAAC,CAAJ,GAAQ,CAVhC;;AAYE,iCAAC,oBAAD,OAZF,CADF;;;AAgBD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\n\nimport { CloseProps } from './ModalContext';\nimport { styles } from './Modal.styles';\n\nexport function ModalClose({ disableClose, requestClose }: CloseProps) {\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    requestAnimationFrame(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setFocusedByTab(false);\n  };\n\n  return (\n    <button\n      className={cx({\n        [styles.close(theme)]: true,\n        [styles.disabled(theme)]: disableClose,\n        [styles.focus(theme)]: focusedByTab,\n      })}\n      onClick={requestClose}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      data-tid=\"modal-close\"\n      tabIndex={disableClose ? -1 : 0}\n    >\n      <CrossIcon />\n    </button>\n  );\n}\n"]}

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

@@ -8,5 +8,8 @@ export interface ModalContextProps {
     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>;

package/cjs/components/Modal/ModalContext.js

@@ -12,6 +12,9 @@
 
 
 
+
+
+
 var ModalContext = /*#__PURE__*/_react.default.createContext({});exports.ModalContext = ModalContext;
 
 ModalContext.displayName = 'ModalContext';

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalContext.tsx"],"names":["ModalContext","React","createContext","displayName"],"mappings":"0JAAA;;;;;;;;;;;;;;AAcO,IAAMA,YAAY,gBAAGC,eAAMC,aAAN,CAAuC,EAAvC,CAArB,C;;AAEPF,YAAY,CAACG,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\r\n\r\nexport interface CloseProps {\r\n  disableClose?: boolean;\r\n  requestClose: () => void;\r\n}\r\n\r\nexport interface ModalContextProps {\r\n  additionalPadding?: boolean;\r\n  hasHeader?: boolean;\r\n  close?: CloseProps;\r\n  horizontalScroll?: boolean;\r\n}\r\n\r\nexport const ModalContext = React.createContext<ModalContextProps>({});\r\n\r\nModalContext.displayName = 'ModalContext';\r\n"]}
+{"version":3,"sources":["ModalContext.tsx"],"names":["ModalContext","React","createContext","displayName"],"mappings":"0JAAA;;;;;;;;;;;;;;;;;AAiBO,IAAMA,YAAY,gBAAGC,eAAMC,aAAN,CAAuC,EAAvC,CAArB,C;;AAEPF,YAAY,CAACG,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\n\nexport interface CloseProps {\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"]}

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export interface ModalFooterProps {
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ModalFooterProps extends CommonProps {
     /**
      * Включает серый цвет в футере
      */