@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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

@@ -1,136 +1,143 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _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;
-import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+var _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;
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
 export var modalGlobalClasses = prefix('modal')({
   root: 'root',
   container: 'container'
 });
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "])));
-    },
-    bg: function bg(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "])), t.modalBackBg, t.modalBackOpacity);
-    },
-    container: function container() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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    "])));
-    },
-    containerMobile: function containerMobile(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      margin-top: ", ";\n      margin-right: ", ";\n      margin-bottom: ", ";\n      margin-left: ", ";\n    "])), t.mobileModalContainerHeight, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginBottom, t.mobileModalContainerMarginLeft);
-    },
-    window: function window(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "])), t.modalWindowShadow, t.modalBg, t.modalBorderRadius);
-    },
-    mobileWindow: function mobileWindow() {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
-    },
-    centerContainer: function centerContainer() {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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    "])));
-    },
-    mobileCenterContainer: function mobileCenterContainer() {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    "])));
-    },
-    alignTop: function alignTop() {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      vertical-align: top;\n    "])));
-    },
-    close: function close(t) {
-      var padding = parseInt(t.modalCloseButtonPadding);
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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    "])), resetButton(emotion), padding, padding, t.modalCloseButtonColor, t.modalCloseButtonClickArea, t.modalCloseButtonClickArea, t.modalCloseButtonHoverColor, t.modalCloseIconSize, t.modalCloseIconSize);
-    },
-    mobileClose: function mobileClose(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      right: ", ";\n      top: ", "px;\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding), t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
-    },
-    mobileCloseWithoutHeader: function mobileCloseWithoutHeader() {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
-    },
-    closeWrapper: function closeWrapper(t) {
-      var padding = parseInt(t.modalCloseButtonPadding);
-      var paddingBottom = parseInt(t.modalCloseButtonBottomPadding);
-      var blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;
-      var blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
-    },
-    mobileCloseWrapper: function mobileCloseWrapper(t) {
-      var size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;
-      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: ", ";\n      top: ", ";\n      padding: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", "px;\n      height: ", "px;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, size, size, t.bgDefault, size);
-    },
-    disabled: function disabled(t) {
-      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
-    },
-    focus: function focus(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])), t.modalCloseButtonHoverColor, t.borderColorFocus);
-    },
-    header: function header(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight);
-    },
-    mobileHeader: function mobileHeader(t) {
-      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
-    },
-    body: function body(t) {
-      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
-    },
-    mobileBody: function mobileBody(t) {
-      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
-    },
-    headerWithClose: function headerWithClose(t) {
-      var rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);
-      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
-    },
-    mobileHeaderWithClose: function mobileHeaderWithClose(t) {
-      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
-    },
-    footer: function footer(t) {
-      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
-    },
-    mobileFooter: function mobileFooter(t) {
-      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
-    },
-    panel: function panel(t) {
-      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
-    },
-    fixedHeader: function fixedHeader(t) {
-      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\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.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
-    },
-    mobileFixedHeader: function mobileFixedHeader(t) {
-      return emotion.css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalHeaderPadding);
-    },
-    fixedFooter: function fixedFooter(t) {
-      return emotion.css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\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.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
-    },
-    fixedPanel: function fixedPanel(t) {
-      return emotion.css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
-    },
-    headerAddPadding: function headerAddPadding(t) {
-      return emotion.css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
-    },
-    bodyWithoutHeader: function bodyWithoutHeader(t) {
-      return emotion.css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
-    },
-    mobileBodyWithoutHeader: function mobileBodyWithoutHeader() {
-      return emotion.css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      padding-top: 0px;\n    "])));
-    },
-    bodyWithoutPadding: function bodyWithoutPadding() {
-      return emotion.css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
-    },
-    bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
-      return emotion.css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
-    },
-    mobileBodyAddPaddingForPanel: function mobileBodyAddPaddingForPanel(t) {
-      return emotion.css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalBodyPadding);
-    },
-    columnFlexContainer: function columnFlexContainer() {
-      return emotion.css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
-    },
-    modalSeparatorWrapper: function modalSeparatorWrapper() {
-      return emotion.css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
-    },
-    modalSeparator: function modalSeparator(t) {
-      return emotion.css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: 0 32px;\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom);
-    },
-    modalSeparatorFixed: function modalSeparatorFixed() {
-      return emotion.css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      margin: 0 16px;\n    "])));
-    }
-  });
-};
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "])));
+  },
+  bg: function bg(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "])), t.modalBackBg, t.modalBackOpacity);
+  },
+  container: function container() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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    "])));
+  },
+  containerMobile: function containerMobile(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      margin-top: ", ";\n      margin-right: ", ";\n      margin-bottom: ", ";\n      margin-left: ", ";\n    "])), t.mobileModalContainerHeight, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginBottom, t.mobileModalContainerMarginLeft);
+  },
+  window: function window(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "])), t.modalWindowShadow, t.modalBg, t.modalBorderRadius);
+  },
+  mobileWindow: function mobileWindow() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
+  },
+  centerContainer: function centerContainer() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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    "])));
+  },
+  mobileCenterContainer: function mobileCenterContainer() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    "])));
+  },
+  alignTop: function alignTop() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      vertical-align: top;\n    "])));
+  },
+  close: function close(t) {
+    var padding = parseInt(t.modalCloseButtonPadding);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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    "])), resetButton(), padding, padding, t.modalCloseButtonColor, t.modalCloseButtonClickArea, t.modalCloseButtonClickArea, t.modalCloseButtonHoverColor, t.modalCloseIconSize, t.modalCloseIconSize);
+  },
+  close5_1: function close5_1(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n    "])), t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonClickAreaLeft);
+  },
+  closeMobile: function closeMobile(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      right: ", ";\n      top: ", "px;\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding), t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
+  },
+  closeMobile5_1: function closeMobile5_1(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      top: ", ";\n    "])), t.mobileModalCloseButtonTopPadding);
+  },
+  mobileCloseWithoutHeader: function mobileCloseWithoutHeader() {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
+  },
+  closeWrapper: function closeWrapper(t) {
+    var padding = parseInt(t.modalCloseButtonPadding);
+    var paddingBottom = parseInt(t.modalCloseButtonBottomPadding);
+    var blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;
+    var blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
+  },
+  mobileCloseWrapper: function mobileCloseWrapper(t) {
+    var size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: ", ";\n      top: ", ";\n      padding: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", "px;\n      height: ", "px;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, size, size, t.bgDefault, size);
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])), t.modalCloseButtonHoverColor, t.borderColorFocus);
+  },
+  focus5_1: function focus5_1(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(", " * 2);\n        height: calc(", " * 2);\n        box-shadow: inset 0 0 0 2px ", ";\n        border-radius: 4px;\n      }\n    "])), t.modalCloseIconSize, t.modalCloseIconSize, t.borderColorFocus);
+  },
+  header: function header(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight);
+  },
+  mobileHeader: function mobileHeader(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
+  },
+  body: function body(t) {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
+  },
+  mobileBody: function mobileBody(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
+  },
+  headerWithClose: function headerWithClose(t) {
+    var rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
+  },
+  mobileHeaderWithClose: function mobileHeaderWithClose(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
+  },
+  footer: function footer(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
+  },
+  mobileFooter: function mobileFooter(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
+  },
+  panel: function panel(t) {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
+  },
+  fixedHeader: function fixedHeader(t) {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\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.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
+  },
+  mobileFixedHeader: function mobileFixedHeader(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalHeaderPadding);
+  },
+  fixedFooter: function fixedFooter(t) {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\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.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
+  },
+  fixedPanel: function fixedPanel(t) {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
+  },
+  headerAddPadding: function headerAddPadding(t) {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
+  },
+  bodyWithoutHeader: function bodyWithoutHeader(t) {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
+  },
+  mobileBodyWithoutHeader: function mobileBodyWithoutHeader() {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      padding-top: 0px;\n    "])));
+  },
+  bodyWithoutPadding: function bodyWithoutPadding() {
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+  },
+  bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
+  },
+  mobileBodyAddPaddingForPanel: function mobileBodyAddPaddingForPanel(t) {
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalBodyPadding);
+  },
+  columnFlexContainer: function columnFlexContainer() {
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
+  },
+  modalSeparatorWrapper: function modalSeparatorWrapper() {
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
+  },
+  modalSeparator: function modalSeparator(t) {
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: 0 32px;\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom);
+  },
+  modalSeparatorFixed: function modalSeparatorFixed() {
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      margin: 0 16px;\n    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","getStyles","emotion","css","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerMobile","_templateObject4","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","window","_templateObject5","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject6","centerContainer","_templateObject7","mobileCenterContainer","_templateObject8","alignTop","_templateObject9","close","padding","parseInt","modalCloseButtonPadding","_templateObject10","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","mobileClose","_templateObject11","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","_templateObject12","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject13","mobileCloseWrapper","size","_templateObject14","bgDefault","disabled","_templateObject15","modalCloseButtonDisabledColor","focus","_templateObject16","borderColorFocus","header","_templateObject17","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","_templateObject18","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","_templateObject19","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject20","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject21","mobileHeaderWithClose","_templateObject22","footer","_templateObject23","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject24","mobileModalFooterPadding","panel","_templateObject25","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject26","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","_templateObject27","fixedFooter","_templateObject28","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","_templateObject29","modalFixedPanelShadow","headerAddPadding","_templateObject30","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject31","modalPaddingTop","mobileBodyWithoutHeader","_templateObject32","bodyWithoutPadding","_templateObject33","bodyAddPaddingForPanel","_templateObject34","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject35","columnFlexContainer","_templateObject36","modalSeparatorWrapper","_templateObject37","modalSeparator","_templateObject38","modalSeparatorBorderBottom","modalSeparatorFixed","_templateObject39"],"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":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerMobile","_templateObject4","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","window","_templateObject5","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject6","centerContainer","_templateObject7","mobileCenterContainer","_templateObject8","alignTop","_templateObject9","close","padding","parseInt","modalCloseButtonPadding","_templateObject10","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","_templateObject11","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","_templateObject12","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","_templateObject13","mobileCloseWithoutHeader","_templateObject14","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject15","mobileCloseWrapper","size","_templateObject16","bgDefault","disabled","_templateObject17","modalCloseButtonDisabledColor","focus","_templateObject18","borderColorFocus","focus5_1","_templateObject19","header","_templateObject20","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","_templateObject21","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","_templateObject22","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject23","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject24","mobileHeaderWithClose","_templateObject25","footer","_templateObject26","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject27","mobileModalFooterPadding","panel","_templateObject28","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject29","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","_templateObject30","fixedFooter","_templateObject31","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","_templateObject32","modalFixedPanelShadow","headerAddPadding","_templateObject33","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject34","modalPaddingTop","mobileBodyWithoutHeader","_templateObject35","bodyWithoutPadding","_templateObject36","bodyAddPaddingForPanel","_templateObject37","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject38","columnFlexContainer","_templateObject39","modalSeparatorWrapper","_templateObject40","modalSeparator","_templateObject41","modalSeparatorBorderBottom","modalSeparatorFixed","_templateObject42"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  containerMobile(t: Theme) {\n    return css`\n      height: ${t.mobileModalContainerHeight};\n      margin-top: ${t.mobileModalContainerMarginTop};\n      margin-right: ${t.mobileModalContainerMarginRight};\n      margin-bottom: ${t.mobileModalContainerMarginBottom};\n      margin-left: ${t.mobileModalContainerMarginLeft};\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea};\n      margin: -${t.modalCloseButtonClickArea};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  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  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: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${size}px;\n      height: ${size}px;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.modalCloseButtonHoverColor};\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  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  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  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader() {\n    return css`\n      padding-top: 0px;\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: 0 32px;\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed() {\n    return css`\n      margin: 0 16px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,9 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 export declare const modalGlobalClasses: {
     root: string;
     container: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(): string;
     bg(t: Theme): string;
     container(): string;
@@ -15,12 +14,15 @@ export declare const getStyles: (emotion: Emotion) => {
     mobileCenterContainer(): string;
     alignTop(): string;
     close(t: Theme): string;
-    mobileClose(t: Theme): string;
+    close5_1(t: Theme): string;
+    closeMobile(t: Theme): string;
+    closeMobile5_1(t: Theme): string;
     mobileCloseWithoutHeader(): string;
     closeWrapper(t: Theme): string;
     mobileCloseWrapper(t: Theme): string;
     disabled(t: Theme): string;
     focus(t: Theme): string;
+    focus5_1(t: Theme): string;
     header(t: Theme): string;
     mobileHeader(t: Theme): string;
     body(t: Theme): string;

package/components/Modal/ModalBody/ModalBody.js

@@ -2,20 +2,20 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _ModalBody;
 import React from 'react';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ResizeDetector } from "../../../internal/ResizeDetector";
 import { rootNode } from "../../../lib/rootNode";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ModalContext } from "../ModalContext";
-import { getStyles } from "../Modal.styles";
+import { styles } from "../Modal.styles";
 import { getModalBodyTheme } from "../getModalBodyTheme";
 
 /**
- * Контейнер с отступами от края модалки
+ * ModalBody - контейнер с отступами от края модалки.
  *
  * @visibleName Modal.Body
  */
@@ -35,24 +35,19 @@ export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody =
   var _proto = ModalBody.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = getModalBodyTheme(theme);
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: _this2.theme
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = getModalBodyTheme(theme);
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: _this2.theme
+      }, _this2.renderMain());
     });
   };
   _proto.renderMain = function renderMain() {
     var _this3 = this;
     var noPadding = this.props.noPadding;
-    var styles = this.styles;
     return /*#__PURE__*/(
       React.createElement(ModalContext.Consumer, null, function (_ref) {
-        var _this3$emotion$cx;
+        var _cx;
         var additionalPadding = _ref.additionalPadding,
           hasHeader = _ref.hasHeader;
         return /*#__PURE__*/(
@@ -60,7 +55,7 @@ export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody =
             rootNodeRef: _this3.setRootNode
           }, _this3.props), /*#__PURE__*/
           React.createElement(ZIndex, {
-            className: _this3.emotion.cx((_this3$emotion$cx = {}, _this3$emotion$cx[styles.body(_this3.theme)] = true, _this3$emotion$cx[styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _this3$emotion$cx[styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _this3$emotion$cx[styles.mobileBodyWithoutHeader()] = !hasHeader && _this3.isMobileLayout, _this3$emotion$cx[styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _this3$emotion$cx[styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _this3$emotion$cx[styles.bodyWithoutPadding()] = noPadding, _this3$emotion$cx))
+            className: cx((_cx = {}, _cx[styles.body(_this3.theme)] = true, _cx[styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _cx[styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _cx[styles.mobileBodyWithoutHeader()] = !hasHeader && _this3.isMobileLayout, _cx[styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _cx[styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _cx[styles.bodyWithoutPadding()] = noPadding, _cx))
           }, _this3.isMobileLayout ? /*#__PURE__*/
           React.createElement(ResizeDetector, {
             onResize: _this3.handleResize

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

@@ -1 +1 @@
-{"version":3,"names":["React","ZIndex","CommonWrapper","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","EmotionConsumer","ThemeContext","ModalContext","getStyles","getModalBodyTheme","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","createElement","emotion","styles","Consumer","theme","Provider","value","renderMain","_this3","noPadding","props","_ref","_this3$emotion$cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","className","cx","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","onResize","children","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","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","ModalContext","styles","getModalBodyTheme","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","noPadding","props","_ref","_cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  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 { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.mobileBodyWithoutHeader()]: !hasHeader && this.isMobileLayout,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalBody.d.ts

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