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

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

@@ -1,6 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.modalGlobalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39;
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _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;
 
 var modalGlobalClasses = exports.modalGlobalClasses = (0, _Emotion.prefix)('modal')({
   root: 'root',
@@ -31,7 +31,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   container: function container() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -40,26 +40,46 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
+  },
+
+  containerDesktop: function containerDesktop() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
+
+
+
 
 
 
 
+  },
+
+  mobileContainerFullscreen5_2: function mobileContainerFullscreen5_2() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n    "])));
+
+
+  },
+
+  mobileContainerSmall5_2: function mobileContainerSmall5_2() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    "])));
+
+
+
+
+
+  },
+  mobileContainerSmallTop5_2: function mobileContainerSmallTop5_2() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-content: start;\n    "])));
 
 
   },
+  mobileContainerSmallBottom5_2: function mobileContainerSmallBottom5_2() {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-content: end;\n    "])));
 
-  containerMobile: function containerMobile(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "])),
 
 
 
@@ -70,27 +90,51 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   mobileWindow: function mobileWindow() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
 
 
 
 
+  },
+
+  mobileWindowFullscreen: function mobileWindowFullscreen() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 0;\n    "])));
+
+
   },
 
   centerContainer: function centerContainer() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    "])));
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    "])));
+
+
+
+
 
 
 
 
+  },
+
+  mobileCenterContainer: function mobileCenterContainer(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: calc(100% - ", " - ", ");\n    "])),
+    t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
 
   },
 
-  mobileCenterContainer: function mobileCenterContainer() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    "])));
+  mobileCenterContainerFullscreen: function mobileCenterContainerFullscreen() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "])));
+
 
 
 
@@ -98,27 +142,33 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   alignTop: function alignTop() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: top;\n    "])));
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: top;\n    "])));
 
 
   },
 
   close: function close(t) {
-    var padding = parseInt(t.modalCloseButtonPadding);
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      position: absolute;\n      display: flex;\n      right: ", "px;\n      top: ", "px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding: ", ";\n      margin: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
     (0, _Mixins.resetButton)(),
 
 
-    padding,
-    padding,
 
 
+    t.modalCloseButtonClickAreaRight,
+    t.modalCloseButtonClickAreaTop,
+
 
     t.modalCloseButtonColor,
 
 
-    t.modalCloseButtonClickArea,
-    t.modalCloseButtonClickArea,
+    t.modalCloseButtonClickAreaTop,
+    t.modalCloseButtonClickAreaTop,
+    t.modalCloseButtonClickAreaRight,
+    t.modalCloseButtonClickAreaRight,
+    t.modalCloseButtonClickAreaBottom,
+    t.modalCloseButtonClickAreaBottom,
+    t.modalCloseButtonClickAreaLeft,
+    t.modalCloseButtonClickAreaLeft,
 
 
     t.modalCloseButtonHoverColor,
@@ -132,10 +182,10 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  mobileClose: function mobileClose(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: ", ";\n      top: ", "px;\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])),
+  closeMobile: function closeMobile(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: ", ";\n      top: ", ";\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])),
     t.mobileModalCloseButtonRightPadding,
-    parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding),
+    t.mobileModalCloseButtonTopPadding,
     t.mobileModalCloseButtonClickArea,
     t.mobileModalCloseButtonClickArea,
 
@@ -146,9 +196,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  mobileCloseWithoutHeader: function mobileCloseWithoutHeader() {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: static;\n    "])));
+  mobileCloseWithoutHeader: function mobileCloseWithoutHeader(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      padding: ", ";\n      margin: -", ";\n      top: ", ";\n      right: ", ";\n    "])),
 
+    t.mobileModalWithoutHeaderCloseButtonPadding,
+    t.mobileModalWithoutHeaderCloseButtonPadding,
+    t.mobileModalWithoutHeaderCloseButtonPadding,
+    t.mobileModalWithoutHeaderCloseButtonPadding);
 
   },
 
@@ -158,7 +212,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
     var blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;
     var blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])),
 
 
     blockSizeX,
@@ -169,24 +223,25 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   mobileCloseWrapper: function mobileCloseWrapper(t) {
     var size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;
 
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\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.mobileModalCloseButtonRightPadding,
-    t.mobileModalCloseButtonTopPadding,
 
 
 
 
 
-    size,
-    size,
+    t.mobileModalWithoutHeaderCloseButtonWidth,
+
     t.bgDefault,
     size);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])),
 
 
     t.modalCloseButtonDisabledColor);
@@ -194,35 +249,50 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])),
-    t.modalCloseButtonHoverColor,
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\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.modalHeaderFontWeight,
+    t.modalBorderRadius, t.modalBorderRadius);
 
   },
 
   mobileHeader: function mobileHeader(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
 
     t.mobileModalHeaderFontSize,
     t.mobileModalHeaderLineHeight,
     t.mobileModalHeaderPadding);
 
+  },
+
+  titleCut: function titleCut() {
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
+
+
+
+
   },
 
   body: function body(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])),
     t.modalBodyBorderRadius,
     t.modalBodyPaddingTop,
     t.modalPaddingRight,
@@ -233,7 +303,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   mobileBody: function mobileBody(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])),
     t.mobileModalBodyPadding,
 
 
@@ -245,19 +315,19 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   headerWithClose: function headerWithClose(t) {
     var rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);
 
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
     rightPadding);
 
   },
 
   mobileHeaderWithClose: function mobileHeaderWithClose(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
     2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
 
   },
 
   footer: function footer(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])),
     t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft,
     t.modalFooterTextColor,
     t.modalBorderRadius, t.modalBorderRadius);
@@ -265,13 +335,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   mobileFooter: function mobileFooter(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
     t.mobileModalFooterPadding);
 
   },
 
   panel: function panel(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
     t.modalFooterPanelPaddingTop,
     t.modalFooterPanelPaddingBottom,
     t.modalFooterBg);
@@ -279,7 +349,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   fixedHeader: function fixedHeader(t) {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
@@ -293,19 +363,21 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
+
     t.modalFixedHeaderShadow);
 
 
   },
 
   mobileFixedHeader: function mobileFixedHeader(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
-    t.mobileModalHeaderPadding);
+    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n      border-radius: ", " ", " 0 0;\n    "])),
+    t.mobileModalHeaderPadding,
+    t.modalBorderRadius, t.modalBorderRadius);
 
   },
 
   fixedFooter: function fixedFooter(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
@@ -319,13 +391,20 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
+
     t.modalFixedFooterShadow);
 
 
   },
 
+  mobileFixedFooter: function mobileFixedFooter(t) {
+    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 0 0 ", " ", ";\n    "])),
+    t.modalBorderRadius, t.modalBorderRadius);
+
+  },
+
   fixedPanel: function fixedPanel(t) {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])),
 
     t.modalFixedPanelShadow);
 
@@ -333,43 +412,45 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   headerAddPadding: function headerAddPadding(t) {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
     t.modalHeaderAdditionalPaddingBottom);
 
   },
 
   bodyWithoutHeader: function bodyWithoutHeader(t) {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n    "])),
     t.modalPaddingTop);
 
   },
 
-  mobileBodyWithoutHeader: function mobileBodyWithoutHeader() {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: 0px;\n    "])));
-
+  mobileBodyWithoutHeader: function mobileBodyWithoutHeader(t) {
+    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])),
+    t.mobileModalBodyPaddingTop,
+    t.mobileModalWithoutHeaderCloseButtonWidth);
 
   },
 
   bodyWithoutPadding: function bodyWithoutPadding() {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0;\n    "])));
+    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0;\n    "])));
 
 
   },
 
   bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
-    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
     t.modalPaddingBottom);
 
   },
 
   mobileBodyAddPaddingForPanel: function mobileBodyAddPaddingForPanel(t) {
-    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
-    t.mobileModalBodyPadding);
+    return (0, _Emotion.css)(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      padding-bottom: ", ";\n    "])),
+    t.mobileModalBodyPadding,
+    t.mobileModalBodyPaddingBottom);
 
   },
 
   columnFlexContainer: function columnFlexContainer() {
-    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
+    return (0, _Emotion.css)(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
 
 
 
@@ -378,23 +459,23 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   modalSeparatorWrapper: function modalSeparatorWrapper() {
-    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: 100%;\n    "])));
 
 
 
   },
 
   modalSeparator: function modalSeparator(t) {
-    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: ", ";\n      margin: 0 32px;\n      transition: margin 0.3s;\n    "])),
-    t.modalSeparatorBorderBottom);
-
+    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "])),
+    t.modalSeparatorBorderBottom,
+    t.modalSeparatorMargin);
 
 
   },
 
-  modalSeparatorFixed: function modalSeparatorFixed() {
-    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0 16px;\n    "])));
-
+  modalSeparatorFixed: function modalSeparatorFixed(t) {
+    return (0, _Emotion.css)(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n    "])),
+    t.modalSeparatorFixedMargin);
 
   }
 });

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

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