@skbkontur/react-ui 0.0.0-a8f1c3e7a1 → 0.0.0-aa4659ca48

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

@@ -1,5 +1,5 @@
 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, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61;
+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, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
 export var modalGlobalClasses = prefix('modal')({
@@ -14,187 +14,147 @@ export var styles = memoizeStyle({
     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    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      min-height: 64px;\n      overflow-y: auto;\n      outline: none;\n    "])));
   },
   containerDesktop: function containerDesktop() {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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    "])));
   },
-  container5_2: function container5_2() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      min-height: 64px;\n    "])));
-  },
-  containerMobile: function containerMobile(t) {
-    return css(_templateObject6 || (_templateObject6 = _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);
-  },
   mobileContainerFullscreen5_2: function mobileContainerFullscreen5_2() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n    "])));
   },
   mobileContainerSmall5_2: function mobileContainerSmall5_2() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    "])));
   },
   mobileContainerSmallTop5_2: function mobileContainerSmallTop5_2() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      align-content: start;\n    "])));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      align-content: start;\n    "])));
   },
   mobileContainerSmallBottom5_2: function mobileContainerSmallBottom5_2() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      align-content: end;\n    "])));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      align-content: end;\n    "])));
   },
   window: function window(t) {
-    return css(_templateObject11 || (_templateObject11 = _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);
+    return css(_templateObject9 || (_templateObject9 = _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(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
   },
-  mobileWindowFullscreen5_2: function mobileWindowFullscreen5_2() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
+  mobileWindowFullscreen: function mobileWindowFullscreen() {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
   },
   centerContainer: function centerContainer() {
-    return css(_templateObject14 || (_templateObject14 = _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    "])));
+    return css(_templateObject12 || (_templateObject12 = _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(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    "])));
+  mobileCenterContainer: function mobileCenterContainer(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      width: calc(100% - ", " - ", ");\n      display: inline-flex;\n      margin: ", " ", "\n        ", " ", ";\n      max-height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginBottom, t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
   },
-  mobileCenterContainer5_2: function mobileCenterContainer5_2(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      width: calc(100% - ", " - ", ");\n      display: inline-flex;\n      margin: ", " ", "\n        ", " ", ";\n      max-height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginBottom, t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
+  mobileCenterContainerBig: function mobileCenterContainerBig(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
   },
-  mobileCenterContainerBig5_2: function mobileCenterContainerBig5_2(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
-  },
-  mobileCenterContainerFullscreen5_2: function mobileCenterContainerFullscreen5_2() {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "])));
+  mobileCenterContainerFullscreen: function mobileCenterContainerFullscreen() {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "])));
   },
   alignTop: function alignTop() {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      vertical-align: top;\n    "])));
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      vertical-align: top;\n    "])));
   },
   close: function close(t) {
-    var padding = parseInt(t.modalCloseButtonPadding);
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", ";\n      position: absolute;\n      display: flex;\n      right: ", "px;\n      top: ", "px;\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(_templateObject21 || (_templateObject21 = _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);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\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\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])), resetButton(), t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaTop, t.modalCloseButtonColor, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonHoverColor, t.modalCloseIconSize, t.modalCloseIconSize);
   },
   closeMobile: function closeMobile(t) {
-    return css(_templateObject22 || (_templateObject22 = _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(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      top: ", ";\n    "])), t.mobileModalCloseButtonTopPadding);
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      right: ", ";\n      top: ", ";\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
   },
-  mobileCloseWithoutHeader: function mobileCloseWithoutHeader() {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
-  },
-  mobileCloseWithoutHeader5_2: function mobileCloseWithoutHeader5_2(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      padding: ", ";\n      margin: -", ";\n      top: ", ";\n      right: ", ";\n    "])), t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding);
+  mobileCloseWithoutHeader: function mobileCloseWithoutHeader(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      padding: ", ";\n      margin: -", ";\n      top: ", ";\n      right: ", ";\n    "])), t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding);
   },
   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(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
+    return css(_templateObject20 || (_templateObject20 = _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(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: ", ";\n      top: ", ";\n      padding: 0;\n      margin: 0;\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);
-  },
-  mobileCloseWrapper5_2: function mobileCloseWrapper5_2(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      position: sticky;\n      right: 0;\n      top: 0;\n      margin-left: auto;\n      width: ", ";\n      height: 0;\n    "])), t.mobileModalWithoutHeaderCloseButtonWidth);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      position: sticky;\n      right: 0;\n      top: 0;\n      padding: 0;\n      margin: 0;\n      margin-left: auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", ";\n      height: 0;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalWithoutHeaderCloseButtonWidth, t.bgDefault, size);
   },
   disabled: function disabled(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
   },
   focus: function focus(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])), t.modalCloseButtonHoverColor, t.borderColorFocus);
-  },
-  focus5_1: function focus5_1(t) {
-    return css(_templateObject31 || (_templateObject31 = _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);
+    return css(_templateObject23 || (_templateObject23 = _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(_templateObject32 || (_templateObject32 = _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);
-  },
-  header5_2: function header5_2(t) {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      border-radius: ", " ", " 0 0;\n    "])), t.modalBorderRadius, t.modalBorderRadius);
+    return css(_templateObject24 || (_templateObject24 = _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      border-radius: ", " ", " 0 0;\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight, t.modalBorderRadius, t.modalBorderRadius);
   },
   mobileHeader: function mobileHeader(t) {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
+  },
+  titleCut: function titleCut() {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
   },
   body: function body(t) {
-    return css(_templateObject35 || (_templateObject35 = _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);
+    return css(_templateObject27 || (_templateObject27 = _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(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
+    return css(_templateObject28 || (_templateObject28 = _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(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
   },
   mobileHeaderWithClose: function mobileHeaderWithClose(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
   },
   footer: function footer(t) {
-    return css(_templateObject39 || (_templateObject39 = _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);
+    return css(_templateObject31 || (_templateObject31 = _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(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
   },
   panel: function panel(t) {
-    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
   },
   fixedHeader: function fixedHeader(t) {
-    return css(_templateObject42 || (_templateObject42 = _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);
-  },
-  fixedHeader5_2: function fixedHeader5_2() {
-    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n      border-radius: 0;\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
   },
   mobileFixedHeader: function mobileFixedHeader(t) {
-    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalHeaderPadding);
-  },
-  mobileFixedHeader5_2: function mobileFixedHeader5_2(t) {
-    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      border-radius: ", " ", " 0 0;\n    "])), t.modalBorderRadius, t.modalBorderRadius);
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n      border-radius: ", " ", " 0 0;\n    "])), t.mobileModalHeaderPadding, t.modalBorderRadius, t.modalBorderRadius);
   },
   fixedFooter: function fixedFooter(t) {
-    return css(_templateObject46 || (_templateObject46 = _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);
-  },
-  fixedFooter5_2: function fixedFooter5_2() {
-    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n      border-radius: 0;\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
   },
-  mobileFixedFooter5_2: function mobileFixedFooter5_2(t) {
-    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalBorderRadius, t.modalBorderRadius);
+  mobileFixedFooter: function mobileFixedFooter(t) {
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalBorderRadius, t.modalBorderRadius);
   },
   fixedPanel: function fixedPanel(t) {
-    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
   },
   headerAddPadding: function headerAddPadding(t) {
-    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
   },
   bodyWithoutHeader: function bodyWithoutHeader(t) {
-    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
   },
-  mobileBodyWithoutHeader: function mobileBodyWithoutHeader() {
-    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      padding-top: 0;\n    "])));
-  },
-  mobileBodyWithoutHeader5_2: function mobileBodyWithoutHeader5_2(t) {
-    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])), t.mobileModalBodyPaddingTop, t.mobileModalWithoutHeaderCloseButtonWidth);
+  mobileBodyWithoutHeader: function mobileBodyWithoutHeader(t) {
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])), t.mobileModalBodyPaddingTop, t.mobileModalWithoutHeaderCloseButtonWidth);
   },
   bodyWithoutPadding: function bodyWithoutPadding() {
-    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
   },
   bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
-    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
   },
   mobileBodyAddPaddingForPanel: function mobileBodyAddPaddingForPanel(t) {
-    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalBodyPadding);
-  },
-  mobileBodyAddPaddingForPanel5_2: function mobileBodyAddPaddingForPanel5_2(t) {
-    return css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalBodyPaddingBottom);
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      padding-bottom: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyPaddingBottom);
   },
   columnFlexContainer: function columnFlexContainer() {
-    return css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
   },
   modalSeparatorWrapper: function modalSeparatorWrapper() {
-    return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
   },
   modalSeparator: function modalSeparator(t) {
-    return css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom, t.modalSeparatorMargin);
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom, t.modalSeparatorMargin);
   },
   modalSeparatorFixed: function modalSeparatorFixed(t) {
-    return css(_templateObject61 || (_templateObject61 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n    "])), t.modalSeparatorFixedMargin);
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n    "])), t.modalSeparatorFixedMargin);
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerDesktop","_templateObject4","container5_2","_templateObject5","containerMobile","_templateObject6","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","mobileContainerFullscreen5_2","_templateObject7","mobileContainerSmall5_2","_templateObject8","mobileContainerSmallTop5_2","_templateObject9","mobileContainerSmallBottom5_2","_templateObject10","window","_templateObject11","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject12","mobileWindowFullscreen5_2","_templateObject13","centerContainer","_templateObject14","mobileCenterContainer","_templateObject15","mobileCenterContainer5_2","_templateObject16","mobileCenterContainerBig5_2","_templateObject17","mobileCenterContainerFullscreen5_2","_templateObject18","alignTop","_templateObject19","close","padding","parseInt","modalCloseButtonPadding","_templateObject20","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","_templateObject21","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","_templateObject22","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","_templateObject23","mobileCloseWithoutHeader","_templateObject24","mobileCloseWithoutHeader5_2","_templateObject25","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject26","mobileCloseWrapper","size","_templateObject27","bgDefault","mobileCloseWrapper5_2","_templateObject28","mobileModalWithoutHeaderCloseButtonWidth","disabled","_templateObject29","modalCloseButtonDisabledColor","focus","_templateObject30","borderColorFocus","focus5_1","_templateObject31","header","_templateObject32","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","header5_2","_templateObject33","mobileHeader","_templateObject34","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","_templateObject35","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject36","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject37","mobileHeaderWithClose","_templateObject38","footer","_templateObject39","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject40","mobileModalFooterPadding","panel","_templateObject41","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject42","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","fixedHeader5_2","_templateObject43","mobileFixedHeader","_templateObject44","mobileFixedHeader5_2","_templateObject45","fixedFooter","_templateObject46","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedFooter5_2","_templateObject47","mobileFixedFooter5_2","_templateObject48","fixedPanel","_templateObject49","modalFixedPanelShadow","headerAddPadding","_templateObject50","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject51","modalPaddingTop","mobileBodyWithoutHeader","_templateObject52","mobileBodyWithoutHeader5_2","_templateObject53","mobileModalBodyPaddingTop","bodyWithoutPadding","_templateObject54","bodyAddPaddingForPanel","_templateObject55","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject56","mobileBodyAddPaddingForPanel5_2","_templateObject57","mobileModalBodyPaddingBottom","columnFlexContainer","_templateObject58","modalSeparatorWrapper","_templateObject59","modalSeparator","_templateObject60","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","_templateObject61","modalSeparatorFixedMargin"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n    `;\n  },\n\n  containerDesktop() {\n    return css`\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  container5_2() {\n    return css`\n      min-height: 64px;\n    `;\n  },\n\n  containerMobile(t: Theme) {\n    return css`\n      height: ${t.mobileModalContainerHeight};\n      margin-top: ${t.mobileModalContainerMarginTop};\n      margin-right: ${t.mobileModalContainerMarginRight};\n      margin-bottom: ${t.mobileModalContainerMarginBottom};\n      margin-left: ${t.mobileModalContainerMarginLeft};\n    `;\n  },\n\n  mobileContainerFullscreen5_2() {\n    return css`\n      margin: 0;\n    `;\n  },\n\n  mobileContainerSmall5_2() {\n    return css`\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    `;\n  },\n  mobileContainerSmallTop5_2() {\n    return css`\n      align-content: start;\n    `;\n  },\n  mobileContainerSmallBottom5_2() {\n    return css`\n      align-content: end;\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  mobileWindowFullscreen5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    `;\n  },\n\n  mobileCenterContainer5_2(t: Theme) {\n    return css`\n      padding: 0;\n      width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n      display: inline-flex;\n      margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n        ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n      max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerBig5_2(t: Theme) {\n    return css`\n      height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerFullscreen5_2() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea};\n      margin: -${t.modalCloseButtonClickArea};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  close5_1(t: Theme) {\n    return css`\n      justify-content: center;\n      align-items: center;\n      right: ${t.modalCloseButtonClickAreaRight};\n      top: ${t.modalCloseButtonClickAreaTop};\n\n      padding-top: ${t.modalCloseButtonClickAreaTop};\n      margin-top: -${t.modalCloseButtonClickAreaTop};\n      padding-right: ${t.modalCloseButtonClickAreaRight};\n      margin-right: -${t.modalCloseButtonClickAreaRight};\n      padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n      margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n      padding-left: ${t.modalCloseButtonClickAreaLeft};\n      margin-left: -${t.modalCloseButtonClickAreaLeft};\n    `;\n  },\n\n  closeMobile(t: Theme) {\n    return css`\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n      padding: ${t.mobileModalCloseButtonClickArea};\n      margin: -${t.mobileModalCloseButtonClickArea};\n\n      & > svg {\n        width: ${t.mobileModalCloseIconSize};\n        height: ${t.mobileModalCloseIconSize};\n      }\n    `;\n  },\n\n  closeMobile5_1(t: Theme) {\n    return css`\n      top: ${t.mobileModalCloseButtonTopPadding};\n    `;\n  },\n\n  mobileCloseWithoutHeader() {\n    return css`\n      position: static;\n    `;\n  },\n\n  mobileCloseWithoutHeader5_2(t: Theme) {\n    return css`\n      position: absolute;\n      padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n      top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  mobileCloseWrapper(t: Theme) {\n    const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n    return css`\n      position: absolute;\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${t.mobileModalCloseButtonTopPadding};\n      padding: 0;\n      margin: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${size}px;\n      height: ${size}px;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  mobileCloseWrapper5_2(t: Theme) {\n    return css`\n      position: sticky;\n      right: 0;\n      top: 0;\n      margin-left: auto;\n      width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n      height: 0;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.modalCloseButtonHoverColor};\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  focus5_1(t: Theme) {\n    return css`\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(${t.modalCloseIconSize} * 2);\n        height: calc(${t.modalCloseIconSize} * 2);\n        box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n        border-radius: 4px;\n      }\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n      font-weight: ${t.modalHeaderFontWeight};\n    `;\n  },\n\n  header5_2(t: Theme) {\n    return css`\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      position: relative;\n      font-size: ${t.mobileModalHeaderFontSize};\n      line-height: ${t.mobileModalHeaderLineHeight};\n      padding: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      border-radius: ${t.modalBodyBorderRadius};\n      padding-top: ${t.modalBodyPaddingTop};\n      padding-right: ${t.modalPaddingRight};\n      padding-bottom: ${t.modalBodyPaddingBottom};\n      padding-left: ${t.modalPaddingLeft};\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ${t.mobileModalBodyFontSize};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  mobileHeaderWithClose(t: Theme) {\n    return css`\n      padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n      color: ${t.modalFooterTextColor};\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileFooter(t: Theme) {\n    return css`\n      padding: ${t.mobileModalFooterPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: ${t.modalFixedHeaderMarginBottom};\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n      border-bottom: ${t.modalFixedHeaderBorder};\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  fixedHeader5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  mobileFixedHeader5_2(t: Theme) {\n    return css`\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  fixedFooter5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  mobileFixedFooter5_2(t: Theme) {\n    return css`\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader() {\n    return css`\n      padding-top: 0;\n    `;\n  },\n\n  mobileBodyWithoutHeader5_2(t: Theme) {\n    return css`\n      padding-top: ${t.mobileModalBodyPaddingTop};\n      padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel5_2(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalBodyPaddingBottom};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: ${t.modalSeparatorMargin};\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed(t: Theme) {\n    return css`\n      margin: ${t.modalSeparatorFixedMargin};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerDesktop","_templateObject4","mobileContainerFullscreen5_2","_templateObject5","mobileContainerSmall5_2","_templateObject6","mobileContainerSmallTop5_2","_templateObject7","mobileContainerSmallBottom5_2","_templateObject8","window","_templateObject9","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject10","mobileWindowFullscreen","_templateObject11","centerContainer","_templateObject12","mobileCenterContainer","_templateObject13","mobileModalContainerMarginLeft","mobileModalContainerMarginRight","mobileModalContainerMarginTop","mobileModalContainerMarginBottom","mobileCenterContainerBig","_templateObject14","mobileCenterContainerFullscreen","_templateObject15","alignTop","_templateObject16","close","_templateObject17","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonColor","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","modalCloseButtonHoverColor","modalCloseIconSize","closeMobile","_templateObject18","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","_templateObject19","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","padding","parseInt","modalCloseButtonPadding","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject20","mobileCloseWrapper","size","_templateObject21","mobileModalWithoutHeaderCloseButtonWidth","bgDefault","disabled","_templateObject22","modalCloseButtonDisabledColor","focus","_templateObject23","borderColorFocus","header","_templateObject24","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","_templateObject25","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","mobileModalHeaderPadding","titleCut","_templateObject26","body","_templateObject27","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject28","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject29","mobileHeaderWithClose","_templateObject30","footer","_templateObject31","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject32","mobileModalFooterPadding","panel","_templateObject33","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject34","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","_templateObject35","fixedFooter","_templateObject36","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","mobileFixedFooter","_templateObject37","fixedPanel","_templateObject38","modalFixedPanelShadow","headerAddPadding","_templateObject39","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject40","modalPaddingTop","mobileBodyWithoutHeader","_templateObject41","mobileModalBodyPaddingTop","bodyWithoutPadding","_templateObject42","bodyAddPaddingForPanel","_templateObject43","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject44","mobileModalBodyPaddingBottom","columnFlexContainer","_templateObject45","modalSeparatorWrapper","_templateObject46","modalSeparator","_templateObject47","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","_templateObject48","modalSeparatorFixedMargin"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      min-height: 64px;\n      overflow-y: auto;\n      outline: none;\n    `;\n  },\n\n  containerDesktop() {\n    return css`\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  mobileContainerFullscreen5_2() {\n    return css`\n      margin: 0;\n    `;\n  },\n\n  mobileContainerSmall5_2() {\n    return css`\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    `;\n  },\n  mobileContainerSmallTop5_2() {\n    return css`\n      align-content: start;\n    `;\n  },\n  mobileContainerSmallBottom5_2() {\n    return css`\n      align-content: end;\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  mobileWindowFullscreen() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer(t: Theme) {\n    return css`\n      padding: 0;\n      width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n      display: inline-flex;\n      margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n        ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n      max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerBig(t: Theme) {\n    return css`\n      height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerFullscreen() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      right: ${t.modalCloseButtonClickAreaRight};\n      top: ${t.modalCloseButtonClickAreaTop};\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding-top: ${t.modalCloseButtonClickAreaTop};\n      margin-top: -${t.modalCloseButtonClickAreaTop};\n      padding-right: ${t.modalCloseButtonClickAreaRight};\n      margin-right: -${t.modalCloseButtonClickAreaRight};\n      padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n      margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n      padding-left: ${t.modalCloseButtonClickAreaLeft};\n      margin-left: -${t.modalCloseButtonClickAreaLeft};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  closeMobile(t: Theme) {\n    return css`\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${t.mobileModalCloseButtonTopPadding};\n      padding: ${t.mobileModalCloseButtonClickArea};\n      margin: -${t.mobileModalCloseButtonClickArea};\n\n      & > svg {\n        width: ${t.mobileModalCloseIconSize};\n        height: ${t.mobileModalCloseIconSize};\n      }\n    `;\n  },\n\n  mobileCloseWithoutHeader(t: Theme) {\n    return css`\n      position: absolute;\n      padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n      top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  mobileCloseWrapper(t: Theme) {\n    const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n    return css`\n      position: sticky;\n      right: 0;\n      top: 0;\n      padding: 0;\n      margin: 0;\n      margin-left: auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n      height: 0;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(${t.modalCloseIconSize} * 2);\n        height: calc(${t.modalCloseIconSize} * 2);\n        box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n        border-radius: 4px;\n      }\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n      font-weight: ${t.modalHeaderFontWeight};\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      position: relative;\n      font-size: ${t.mobileModalHeaderFontSize};\n      line-height: ${t.mobileModalHeaderLineHeight};\n      padding: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  titleCut() {\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      border-radius: ${t.modalBodyBorderRadius};\n      padding-top: ${t.modalBodyPaddingTop};\n      padding-right: ${t.modalPaddingRight};\n      padding-bottom: ${t.modalBodyPaddingBottom};\n      padding-left: ${t.modalPaddingLeft};\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ${t.mobileModalBodyFontSize};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  mobileHeaderWithClose(t: Theme) {\n    return css`\n      padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n      color: ${t.modalFooterTextColor};\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileFooter(t: Theme) {\n    return css`\n      padding: ${t.mobileModalFooterPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: ${t.modalFixedHeaderMarginBottom};\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n      border-bottom: ${t.modalFixedHeaderBorder};\n      border-radius: 0;\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\n      border-radius: 0;\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  mobileFixedFooter(t: Theme) {\n    return css`\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.mobileModalBodyPaddingTop};\n      padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      padding-bottom: ${t.mobileModalBodyPaddingBottom};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: ${t.modalSeparatorMargin};\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed(t: Theme) {\n    return css`\n      margin: ${t.modalSeparatorFixedMargin};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,36 +8,28 @@ export declare const styles: {
     bg(t: Theme): string;
     container(): string;
     containerDesktop(): string;
-    container5_2(): string;
-    containerMobile(t: Theme): string;
     mobileContainerFullscreen5_2(): string;
     mobileContainerSmall5_2(): string;
     mobileContainerSmallTop5_2(): string;
     mobileContainerSmallBottom5_2(): string;
     window(t: Theme): string;
     mobileWindow(): string;
-    mobileWindowFullscreen5_2(): string;
+    mobileWindowFullscreen(): string;
     centerContainer(): string;
-    mobileCenterContainer(): string;
-    mobileCenterContainer5_2(t: Theme): string;
-    mobileCenterContainerBig5_2(t: Theme): string;
-    mobileCenterContainerFullscreen5_2(): string;
+    mobileCenterContainer(t: Theme): string;
+    mobileCenterContainerBig(t: Theme): string;
+    mobileCenterContainerFullscreen(): string;
     alignTop(): string;
     close(t: Theme): string;
-    close5_1(t: Theme): string;
     closeMobile(t: Theme): string;
-    closeMobile5_1(t: Theme): string;
-    mobileCloseWithoutHeader(): string;
-    mobileCloseWithoutHeader5_2(t: Theme): string;
+    mobileCloseWithoutHeader(t: Theme): string;
     closeWrapper(t: Theme): string;
     mobileCloseWrapper(t: Theme): string;
-    mobileCloseWrapper5_2(t: Theme): string;
     disabled(t: Theme): string;
     focus(t: Theme): string;
-    focus5_1(t: Theme): string;
     header(t: Theme): string;
-    header5_2(t: Theme): string;
     mobileHeader(t: Theme): string;
+    titleCut(): string;
     body(t: Theme): string;
     mobileBody(t: Theme): string;
     headerWithClose(t: Theme): string;
@@ -46,21 +38,16 @@ export declare const styles: {
     mobileFooter(t: Theme): string;
     panel(t: Theme): string;
     fixedHeader(t: Theme): string;
-    fixedHeader5_2(): string;
     mobileFixedHeader(t: Theme): string;
-    mobileFixedHeader5_2(t: Theme): string;
     fixedFooter(t: Theme): string;
-    fixedFooter5_2(): string;
-    mobileFixedFooter5_2(t: Theme): string;
+    mobileFixedFooter(t: Theme): string;
     fixedPanel(t: Theme): string;
     headerAddPadding(t: Theme): string;
     bodyWithoutHeader(t: Theme): string;
-    mobileBodyWithoutHeader(): string;
-    mobileBodyWithoutHeader5_2(t: Theme): string;
+    mobileBodyWithoutHeader(t: Theme): string;
     bodyWithoutPadding(): string;
     bodyAddPaddingForPanel(t: Theme): string;
     mobileBodyAddPaddingForPanel(t: Theme): string;
-    mobileBodyAddPaddingForPanel5_2(t: Theme): string;
     columnFlexContainer(): string;
     modalSeparatorWrapper(): string;
     modalSeparator(t: Theme): string;

package/components/Modal/ModalBody/ModalBody.js

@@ -10,7 +10,6 @@ import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ResizeDetector } from "../../../internal/ResizeDetector";
 import { rootNode } from "../../../lib/rootNode";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { ModalContext } from "../ModalContext";
 import { styles } from "../Modal.styles";
 import { getModalBodyTheme } from "../getModalBodyTheme";
@@ -46,7 +45,6 @@ export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody =
   };
   _proto.renderMain = function renderMain() {
     var _this3 = this;
-    var versionGTE5_2 = isThemeGTE(this.theme, '5.2');
     var noPadding = this.props.noPadding;
     return /*#__PURE__*/(
       React.createElement(ModalContext.Consumer, null, function (_ref) {
@@ -59,7 +57,7 @@ export var ModalBody = responsiveLayout(_class = rootNode(_class = (_ModalBody =
           }, _this3.props), /*#__PURE__*/
           React.createElement(ZIndex, {
             priority: ModalZIndexPriority.Content,
-            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.mobileBodyWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && !hasHeader && _this3.isMobileLayout, _cx[styles.mobileBodyAddPaddingForPanel5_2(_this3.theme)] = versionGTE5_2 && additionalPadding && _this3.isMobileLayout, _cx[styles.bodyWithoutPadding()] = noPadding, _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.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _cx[styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _cx[styles.mobileBodyWithoutHeader(_this3.theme)] = !hasHeader && _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","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","isThemeGTE","ModalContext","styles","getModalBodyTheme","ModalZIndexPriority","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","versionGTE5_2","noPadding","props","_ref","_cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","priority","Content","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader5_2","mobileBodyAddPaddingForPanel5_2","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 type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * ModalBody - контейнер с отступами от края модалки.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={ModalZIndexPriority.Content}\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.mobileBodyWithoutHeader()]: !hasHeader && this.isMobileLayout,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.mobileBodyWithoutHeader5_2(this.theme)]: versionGTE5_2 && !hasHeader && this.isMobileLayout,\n                [styles.mobileBodyAddPaddingForPanel5_2(this.theme)]:\n                  versionGTE5_2 && additionalPadding && this.isMobileLayout,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","ModalContext","styles","getModalBodyTheme","ModalZIndexPriority","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","priority","Content","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader","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 type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * ModalBody - контейнер с отступами от края модалки.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={ModalZIndexPriority.Content}\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.mobileBodyWithoutHeader(this.theme)]: !hasHeader && 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,5 +1,6 @@
 import React from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 export interface ModalBodyProps extends CommonProps {
     /** Убирает отступы. */
     noPadding?: boolean;
@@ -15,6 +16,7 @@ export declare class ModalBody extends React.Component<ModalBodyProps> {
     static __MODAL_BODY__: boolean;
     private theme;
     private isMobileLayout;
+    getRootNode: TGetRootNode;
     private setRootNode;
     render(): React.JSX.Element;
     private handleResize;

package/components/Modal/ModalClose/ModalClose.js

@@ -9,7 +9,6 @@ import { keyListener } from "../../../lib/events/keyListener";
 import { ResponsiveLayout } from "../../ResponsiveLayout";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { XIcon20Regular } from "../../../internal/icons2022/XIcon/XIcon20Regular";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { styles } from "../Modal.styles";
 import { ModalDataTids } from "../Modal";
 import { ModalLocaleHelper } from "../locale";
@@ -37,7 +36,6 @@ export function ModalClose(_ref) {
   var icon = /*#__PURE__*/React.createElement(XIcon20Regular, {
     align: "none"
   });
-  var versionGTE5_1 = isThemeGTE(theme, '5.1');
   return /*#__PURE__*/(
     React.createElement(CommonWrapper, otherProps, /*#__PURE__*/
     React.createElement(ResponsiveLayout, null, function (_ref2) {
@@ -46,7 +44,7 @@ export function ModalClose(_ref) {
       return /*#__PURE__*/(
         React.createElement("button", {
           "aria-label": locale.closeButtonAriaLabel,
-          className: cx((_cx = {}, _cx[styles.close(theme)] = true, _cx[styles.close5_1(theme)] = versionGTE5_1, _cx[styles.closeMobile(theme)] = isMobile, _cx[styles.closeMobile5_1(theme)] = isMobile && versionGTE5_1, _cx[styles.disabled(theme)] = disableClose, _cx[styles.focus(theme)] = focusedByTab && !versionGTE5_1, _cx[styles.focus5_1(theme)] = focusedByTab && versionGTE5_1, _cx)),
+          className: cx((_cx = {}, _cx[styles.close(theme)] = true, _cx[styles.closeMobile(theme)] = isMobile, _cx[styles.disabled(theme)] = disableClose, _cx[styles.focus(theme)] = focusedByTab, _cx)),
           onClick: requestClose,
           onFocus: handleFocus,
           onBlur: handleBlur,