@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

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

@@ -1,483 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.modalGlobalClasses = exports.getStyles = 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, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48;
-
-var modalGlobalClasses = exports.modalGlobalClasses = (0, _Emotion.prefix)('modal')({
-  root: 'root',
-  container: 'container'
-});
-
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    root: function root() {
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "])));
-
-
-
-
-
-
-    },
-
-    bg: function bg(t) {
-      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "])),
-
-
-
-
-
-      t.modalBackBg,
-      t.modalBackOpacity);
-
-    },
-
-    container: function container() {
-      return 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    "])));
-
-
-
-
-
-
-
-
-    },
-
-    containerDesktop: function containerDesktop() {
-      return 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 css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n    "])));
-
-
-    },
-
-    mobileContainerSmall5_2: function mobileContainerSmall5_2() {
-      return 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 css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-content: start;\n    "])));
-
-
-    },
-    mobileContainerSmallBottom5_2: function mobileContainerSmallBottom5_2() {
-      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-content: end;\n    "])));
-
-
-    },
-
-    window: function window(t) {
-      return 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    "])),
-
-
-
-      t.modalWindowShadow,
-      t.modalBg,
-      t.modalBorderRadius);
-
-    },
-
-    mobileWindow: function mobileWindow() {
-      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
-
-
-
-
-    },
-
-    mobileWindowFullscreen: function mobileWindowFullscreen() {
-      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 0;\n    "])));
-
-
-    },
-
-    centerContainer: function centerContainer() {
-      return 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 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 css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: calc(100% - ", " - ", ");\n    "])),
-      t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
-
-    },
-
-    mobileCenterContainerFullscreen: function mobileCenterContainerFullscreen() {
-      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "])));
-
-
-
-
-
-    },
-
-    alignTop: function alignTop() {
-      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: top;\n    "])));
-
-
-    },
-
-    close: function close(t) {
-      return 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)(),
-
-
-
-
-      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(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\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(t) {
-      return 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);
-
-    },
-
-    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(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\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(_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.mobileModalWithoutHeaderCloseButtonWidth,
-
-      t.bgDefault,
-      size);
-
-    },
-
-    disabled: function disabled(t) {
-      return css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])),
-
-
-      t.modalCloseButtonDisabledColor);
-
-    },
-
-    focus: function focus(t) {
-      return 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 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.modalBorderRadius, t.modalBorderRadius);
-
-    },
-
-    mobileHeader: function mobileHeader(t) {
-      return 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 css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
-
-
-
-
-    },
-
-    body: function body(t) {
-      return 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,
-      t.modalBodyPaddingBottom,
-      t.modalPaddingLeft,
-      t.modalBodyTextColor);
-
-    },
-
-    mobileBody: function mobileBody(t) {
-      return css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\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(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
-      rightPadding);
-
-    },
-
-    mobileHeaderWithClose: function mobileHeaderWithClose(t) {
-      return css(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
-      2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
-
-    },
-
-    footer: function footer(t) {
-      return 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);
-
-    },
-
-    mobileFooter: function mobileFooter(t) {
-      return css(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
-      t.mobileModalFooterPadding);
-
-    },
-
-    panel: function panel(t) {
-      return css(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
-      t.modalFooterPanelPaddingTop,
-      t.modalFooterPanelPaddingBottom,
-      t.modalFooterBg);
-
-    },
-
-    fixedHeader: function fixedHeader(t) {
-      return 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,
-      t.modalFixedHeaderBorder,
-
-
-
-
-
-
-
-
-
-
-      t.modalFixedHeaderShadow);
-
-
-    },
-
-    mobileFixedHeader: function mobileFixedHeader(t) {
-      return 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 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,
-      t.modalFixedFooterBorder,
-
-
-
-
-
-
-
-
-
-
-      t.modalFixedFooterShadow);
-
-
-    },
-
-    mobileFixedFooter: function mobileFixedFooter(t) {
-      return css(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 0 0 ", " ", ";\n    "])),
-      t.modalBorderRadius, t.modalBorderRadius);
-
-    },
-
-    fixedPanel: function fixedPanel(t) {
-      return css(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])),
-
-      t.modalFixedPanelShadow);
-
-
-    },
-
-    headerAddPadding: function headerAddPadding(t) {
-      return css(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
-      t.modalHeaderAdditionalPaddingBottom);
-
-    },
-
-    bodyWithoutHeader: function bodyWithoutHeader(t) {
-      return css(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n    "])),
-      t.modalPaddingTop);
-
-    },
-
-    mobileBodyWithoutHeader: function mobileBodyWithoutHeader(t) {
-      return css(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])),
-      t.mobileModalBodyPaddingTop,
-      t.mobileModalWithoutHeaderCloseButtonWidth);
-
-    },
-
-    bodyWithoutPadding: function bodyWithoutPadding() {
-      return css(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0;\n    "])));
-
-
-    },
-
-    bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
-      return css(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
-      t.modalPaddingBottom);
-
-    },
-
-    mobileBodyAddPaddingForPanel: function mobileBodyAddPaddingForPanel(t) {
-      return css(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      padding-bottom: ", ";\n    "])),
-      t.mobileModalBodyPadding,
-      t.mobileModalBodyPaddingBottom);
-
-    },
-
-    columnFlexContainer: function columnFlexContainer() {
-      return css(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
-
-
-
-
-
-    },
-
-    modalSeparatorWrapper: function modalSeparatorWrapper() {
-      return css(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: 100%;\n    "])));
-
-
-
-    },
-
-    modalSeparator: function modalSeparator(t) {
-      return css(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "])),
-      t.modalSeparatorBorderBottom,
-      t.modalSeparatorMargin);
-
-
-    },
-
-    modalSeparatorFixed: function modalSeparatorFixed(t) {
-      return css(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n    "])),
-      t.modalSeparatorFixedMargin);
-
-    }
-  };});

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

@@ -1 +0,0 @@
-{"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","getStyles","memoizeGetStyles","_ref","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 type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, 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 getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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/cjs/components/Modal/ModalBody.d.ts

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

package/cjs/components/Modal/ModalBody.js

@@ -1,92 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalBody = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-var _ZIndex = require("../../internal/ZIndex");
-
-var _CommonWrapper = require("../../internal/CommonWrapper");
-var _decorator = require("../ResponsiveLayout/decorator");
-var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
-var _ResizeDetector = require("../../internal/ResizeDetector");
-
-var _rootNode = require("../../lib/rootNode");
-var _renderEnvironment = require("../../lib/renderEnvironment");
-
-var _ModalContext = require("./ModalContext");
-var _Modal = require("./Modal.styles");
-var _getModalBodyTheme = require("./getModalBodyTheme");
-var _Modal2 = require("./Modal");var _class, _ModalBody;
-
-
-
-
-
-
-/**
- * Контейнер с отступами для содержимого модального окна.
- *
- * @visibleName Modal.Body
- */var
-
-
-
-ModalBody = exports.ModalBody = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_ModalBody = /*#__PURE__*/function (_React$Component) {function ModalBody() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    handleResize = function () {
-      LayoutEvents.emit();
-    };return _this;}(0, _inheritsLoose2.default)(ModalBody, _React$Component);var _proto = ModalBody.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _Modal.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getModalBodyTheme.getModalBodyTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.
-
-  renderMain = function renderMain() {var _this3 = this;
-    var noPadding = this.props.noPadding;
-    return /*#__PURE__*/(
-      _react.default.createElement(_ModalContext.ModalContext.Consumer, null,
-      function (_ref) {var _this3$cx;var additionalPadding = _ref.additionalPadding,hasHeader = _ref.hasHeader;return /*#__PURE__*/(
-          _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), /*#__PURE__*/
-          _react.default.createElement(_ZIndex.ZIndex, {
-            priority: _Modal2.ModalZIndexPriority.Content,
-            className: _this3.cx((_this3$cx = {}, _this3$cx[
-            _this3.styles.body(_this3.theme)] = true, _this3$cx[
-            _this3.styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _this3$cx[
-            _this3.styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _this3$cx[
-            _this3.styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _this3$cx[
-            _this3.styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _this3$cx[
-            _this3.styles.mobileBodyWithoutHeader(_this3.theme)] = !hasHeader && _this3.isMobileLayout, _this3$cx[
-            _this3.styles.bodyWithoutPadding()] = noPadding, _this3$cx)
-            ) },
-
-          _this3.isMobileLayout ? /*#__PURE__*/
-          _react.default.createElement(_ResizeDetector.ResizeDetector, { onResize: _this3.handleResize }, _this3.props.children) :
-
-          _this3.props.children
-
-          )
-          ));}
-
-      ));
-
-  };return ModalBody;}(_react.default.Component), _ModalBody.__KONTUR_REACT_UI__ = 'ModalBody', _ModalBody.displayName = 'ModalBody', _ModalBody.__MODAL_BODY__ = true, _ModalBody)) || _class) || _class) || _class;