npm - @skbkontur/react-ui - Versions diffs - 0.0.0-30619a873c → 0.0.0-32550fb571 - Mend

@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (935) hide show

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

@@ -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;
 var modalGlobalClasses = exports.modalGlobalClasses = (0, _Emotion.prefix)('modal')({
   root: 'root',
@@ -132,8 +132,26 @@ 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    "])),
+  close5_1: function close5_1(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n    "])),
+    t.modalCloseButtonClickAreaRight,
+    t.modalCloseButtonClickAreaTop,
+    t.modalCloseButtonClickAreaTop,
+    t.modalCloseButtonClickAreaTop,
+    t.modalCloseButtonClickAreaRight,
+    t.modalCloseButtonClickAreaRight,
+    t.modalCloseButtonClickAreaBottom,
+    t.modalCloseButtonClickAreaBottom,
+    t.modalCloseButtonClickAreaLeft,
+    t.modalCloseButtonClickAreaLeft);
+  },
+  closeMobile: function closeMobile(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: ", ";\n      top: ", "px;\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])),
     t.mobileModalCloseButtonRightPadding,
     parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding),
     t.mobileModalCloseButtonClickArea,
@@ -146,8 +164,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
+  closeMobile5_1: function closeMobile5_1(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      top: ", ";\n    "])),
+    t.mobileModalCloseButtonTopPadding);
+  },
   mobileCloseWithoutHeader: function mobileCloseWithoutHeader() {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: static;\n    "])));
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: static;\n    "])));
   },
@@ -158,7 +182,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)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])),
     blockSizeX,
@@ -169,7 +193,7 @@ 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)(_templateObject16 || (_templateObject16 = (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    "])),
     t.mobileModalCloseButtonRightPadding,
     t.mobileModalCloseButtonTopPadding,
@@ -186,7 +210,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   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)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])),
     t.modalCloseButtonDisabledColor);
@@ -194,14 +218,27 @@ 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    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])),
     t.modalCloseButtonHoverColor,
     t.borderColorFocus);
+  },
+  focus5_1: function focus5_1(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (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)(_templateObject20 || (_templateObject20 = (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    "])),
     t.modalHeaderFontSize,
     t.modalHeaderLineHeight,
     t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft,
@@ -213,7 +250,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   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)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
     t.mobileModalHeaderFontSize,
     t.mobileModalHeaderLineHeight,
@@ -222,7 +259,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   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)(_templateObject22 || (_templateObject22 = (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 +270,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)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])),
     t.mobileModalBodyPadding,
@@ -245,19 +282,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)(_templateObject24 || (_templateObject24 = (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)(_templateObject25 || (_templateObject25 = (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)(_templateObject26 || (_templateObject26 = (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 +302,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)(_templateObject27 || (_templateObject27 = (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)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
     t.modalFooterPanelPaddingTop,
     t.modalFooterPanelPaddingBottom,
     t.modalFooterBg);
@@ -279,7 +316,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)(_templateObject29 || (_templateObject29 = (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    "])),
     t.modalFixedHeaderMarginBottom,
     t.modalFixedHeaderPaddingBottom,
     t.modalFixedHeaderBg,
@@ -299,13 +336,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   mobileFixedHeader: function mobileFixedHeader(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", ";\n    "])),
     t.mobileModalHeaderPadding);
   },
   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)(_templateObject31 || (_templateObject31 = (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    "])),
     t.modalFixedFooterPaddingTop,
     t.modalFixedFooterMarginTop,
     t.modalFixedHeaderBg,
@@ -325,7 +362,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   fixedPanel: function fixedPanel(t) {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])),
     t.modalFixedPanelShadow);
@@ -333,43 +370,43 @@ 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)(_templateObject33 || (_templateObject33 = (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)(_templateObject34 || (_templateObject34 = (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    "])));
+    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: 0px;\n    "])));
   },
   bodyWithoutPadding: function bodyWithoutPadding() {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0;\n    "])));
+    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (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)(_templateObject37 || (_templateObject37 = (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    "])),
+    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
     t.mobileModalBodyPadding);
   },
   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)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
@@ -378,14 +415,14 @@ 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)(_templateObject40 || (_templateObject40 = (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    "])),
+    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: ", ";\n      margin: 0 32px;\n      transition: margin 0.3s;\n    "])),
     t.modalSeparatorBorderBottom);
@@ -393,7 +430,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   modalSeparatorFixed: function modalSeparatorFixed() {
-    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0 16px;\n    "])));
+    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0 16px;\n    "])));
   }

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

	@@ -1 +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":"iTAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;AAE/C,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,eAAM,EAAC,OAAO,CAAC,CAAC;EAChDC,IAAI,EAAE,MAAM;EACZC,SAAS,EAAE;AACb,CAAC,CAAC;;AAEK,IAAMC,MAAM,GAAAJ,OAAA,CAAAI,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCH,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOI,YAAG,EAAA9C,eAAA,KAAAA,eAAA,OAAA+C,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;;EAEDC,EAAE,WAAAA,GAACC,CAAQ,EAAE;IACX,WAAOJ,YAAG,EAAA7C,gBAAA,KAAAA,gBAAA,OAAA8C,4BAAA,CAAAC,OAAA;;;;;;IAMME,CAAC,CAACC,WAAW;IAChBD,CAAC,CAACE,gBAAgB;;EAEjC,CAAC;;EAEDT,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOG,YAAG,EAAA5C,gBAAA,KAAAA,gBAAA,OAAA6C,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;;;EAeZ,CAAC;;EAEDK,eAAe,WAAAA,gBAACH,CAAQ,EAAE;IACxB,WAAOJ,YAAG,EAAA3C,gBAAA,KAAAA,gBAAA,OAAA4C,4BAAA,CAAAC,OAAA;IACEE,CAAC,CAACI,0BAA0B;IACxBJ,CAAC,CAACK,6BAA6B;IAC7BL,CAAC,CAACM,+BAA+B;IAChCN,CAAC,CAACO,gCAAgC;IACpCP,CAAC,CAACQ,8BAA8B;;EAEnD,CAAC;;EAEDC,MAAM,WAAAA,OAACT,CAAQ,EAAE;IACf,WAAOJ,YAAG,EAAA1C,gBAAA,KAAAA,gBAAA,OAAA2C,4BAAA,CAAAC,OAAA;;;;IAIME,CAAC,CAACU,iBAAiB;IACnBV,CAAC,CAACW,OAAO;IACNX,CAAC,CAACY,iBAAiB;;EAExC,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOjB,YAAG,EAAAzC,gBAAA,KAAAA,gBAAA,OAAA0C,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDgB,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOlB,YAAG,EAAAxC,gBAAA,KAAAA,gBAAA,OAAAyC,4BAAA,CAAAC,OAAA;;;;;;;;;EASZ,CAAC;;EAEDiB,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,WAAOnB,YAAG,EAAAvC,gBAAA,KAAAA,gBAAA,OAAAwC,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDkB,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOpB,YAAG,EAAAtC,gBAAA,KAAAA,gBAAA,OAAAuC,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDmB,KAAK,WAAAA,MAACjB,CAAQ,EAAE;IACd,IAAMkB,OAAO,GAAGC,QAAQ,CAACnB,CAAC,CAACoB,uBAAuB,CAAC;IACnD,WAAOxB,YAAG,EAAArC,iBAAA,KAAAA,iBAAA,OAAAsC,4BAAA,CAAAC,OAAA;IACN,IAAAuB,mBAAW,EAAC,CAAC;;;IAGNH,OAAO;IACTA,OAAO;;;;IAILlB,CAAC,CAACsB,qBAAqB;;;IAGrBtB,CAAC,CAACuB,yBAAyB;IAC3BvB,CAAC,CAACuB,yBAAyB;;;IAG3BvB,CAAC,CAACwB,0BAA0B;;;;IAI5BxB,CAAC,CAACyB,kBAAkB;IACnBzB,CAAC,CAACyB,kBAAkB;;;;EAIpC,CAAC;;EAEDC,WAAW,WAAAA,YAAC1B,CAAQ,EAAE;IACpB,WAAOJ,YAAG,EAAApC,iBAAA,KAAAA,iBAAA,OAAAqC,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAAC2B,kCAAkC;IACtCR,QAAQ,CAACnB,CAAC,CAAC4B,gCAAgC,CAAC,GAAGT,QAAQ,CAACnB,CAAC,CAAC6B,wBAAwB,CAAC;IAC/E7B,CAAC,CAAC8B,+BAA+B;IACjC9B,CAAC,CAAC8B,+BAA+B;;;IAGjC9B,CAAC,CAAC+B,wBAAwB;IACzB/B,CAAC,CAAC+B,wBAAwB;;;EAG1C,CAAC;;EAEDC,wBAAwB,WAAAA,yBAAA,EAAG;IACzB,WAAOpC,YAAG,EAAAnC,iBAAA,KAAAA,iBAAA,OAAAoC,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDmC,YAAY,WAAAA,aAACjC,CAAQ,EAAE;IACrB,IAAMkB,OAAO,GAAGC,QAAQ,CAACnB,CAAC,CAACoB,uBAAuB,CAAC;IACnD,IAAMc,aAAa,GAAGf,QAAQ,CAACnB,CAAC,CAACmC,6BAA6B,CAAC;;IAE/D,IAAMC,UAAU,GAAGjB,QAAQ,CAACnB,CAAC,CAACyB,kBAAkB,CAAC,GAAG,CAAC,GAAGP,OAAO;IAC/D,IAAMmB,UAAU,GAAGlB,QAAQ,CAACnB,CAAC,CAACyB,kBAAkB,CAAC,GAAGP,OAAO,GAAGgB,aAAa;IAC3E,WAAOtC,YAAG,EAAAlC,iBAAA,KAAAA,iBAAA,OAAAmC,4BAAA,CAAAC,OAAA;;;IAGCsC,UAAU;IACTC,UAAU;;EAExB,CAAC;;EAEDC,kBAAkB,WAAAA,mBAACtC,CAAQ,EAAE;IAC3B,IAAMuC,IAAI,GAAGpB,QAAQ,CAACnB,CAAC,CAAC+B,wBAAwB,CAAC,GAAGZ,QAAQ,CAACnB,CAAC,CAAC8B,+BAA+B,CAAC,GAAG,CAAC;;IAEnG,WAAOlC,YAAG,EAAAjC,iBAAA,KAAAA,iBAAA,OAAAkC,4BAAA,CAAAC,OAAA;;IAECE,CAAC,CAAC2B,kCAAkC;IACtC3B,CAAC,CAAC4B,gCAAgC;;;;;;IAMhCW,IAAI;IACHA,IAAI;IACoCvC,CAAC,CAACwC,SAAS;IAC5CD,IAAI;;EAEzB,CAAC;;EAEDE,QAAQ,WAAAA,SAACzC,CAAQ,EAAE;IACjB,WAAOJ,YAAG,EAAAhC,iBAAA,KAAAA,iBAAA,OAAAiC,4BAAA,CAAAC,OAAA;;;IAGCE,CAAC,CAAC0C,6BAA6B;;EAE5C,CAAC;;EAEDC,KAAK,WAAAA,MAAC3C,CAAQ,EAAE;IACd,WAAOJ,YAAG,EAAA/B,iBAAA,KAAAA,iBAAA,OAAAgC,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACwB,0BAA0B;IAChBxB,CAAC,CAAC4C,gBAAgB;;EAE3C,CAAC;;EAEDC,MAAM,WAAAA,OAAC7C,CAAQ,EAAE;IACf,WAAOJ,YAAG,EAAA9B,iBAAA,KAAAA,iBAAA,OAAA+B,4BAAA,CAAAC,OAAA;IACKE,CAAC,CAAC8C,mBAAmB;IACnB9C,CAAC,CAAC+C,qBAAqB;IAC3B/C,CAAC,CAACgD,qBAAqB,EAAIhD,CAAC,CAACiD,iBAAiB,EAAIjD,CAAC,CAACkD,wBAAwB,EAAIlD,CAAC,CAACmD,gBAAgB;;;IAGpGnD,CAAC,CAACoD,oBAAoB;IAChBpD,CAAC,CAACqD,qBAAqB;;EAE1C,CAAC;;EAEDC,YAAY,WAAAA,aAACtD,CAAQ,EAAE;IACrB,WAAOJ,YAAG,EAAA7B,iBAAA,KAAAA,iBAAA,OAAA8B,4BAAA,CAAAC,OAAA;;IAEKE,CAAC,CAACuD,yBAAyB;IACzBvD,CAAC,CAACwD,2BAA2B;IACjCxD,CAAC,CAAC6B,wBAAwB;;EAEzC,CAAC;;EAED4B,IAAI,WAAAA,KAACzD,CAAQ,EAAE;IACb,WAAOJ,YAAG,EAAA5B,iBAAA,KAAAA,iBAAA,OAAA6B,4BAAA,CAAAC,OAAA;IACSE,CAAC,CAAC0D,qBAAqB;IACzB1D,CAAC,CAAC2D,mBAAmB;IACnB3D,CAAC,CAACiD,iBAAiB;IAClBjD,CAAC,CAAC4D,sBAAsB;IAC1B5D,CAAC,CAACmD,gBAAgB;IACzBnD,CAAC,CAAC6D,kBAAkB;;EAEjC,CAAC;;EAEDC,UAAU,WAAAA,WAAC9D,CAAQ,EAAE;IACnB,WAAOJ,YAAG,EAAA3B,iBAAA,KAAAA,iBAAA,OAAA4B,4BAAA,CAAAC,OAAA;IACGE,CAAC,CAAC+D,sBAAsB;;;;IAItB/D,CAAC,CAACgE,uBAAuB;;EAE1C,CAAC;;EAEDC,eAAe,WAAAA,gBAACjE,CAAQ,EAAE;IACxB,IAAMkE,YAAY,GAAG,CAAC,GAAG/C,QAAQ,CAACnB,CAAC,CAACoB,uBAAuB,CAAC,GAAGD,QAAQ,CAACnB,CAAC,CAACyB,kBAAkB,CAAC;;IAE7F,WAAO7B,YAAG,EAAA1B,iBAAA,KAAAA,iBAAA,OAAA2B,4BAAA,CAAAC,OAAA;IACSoE,YAAY;;EAEjC,CAAC;;EAEDC,qBAAqB,WAAAA,sBAACnE,CAAQ,EAAE;IAC9B,WAAOJ,YAAG,EAAAzB,iBAAA,KAAAA,iBAAA,OAAA0B,4BAAA,CAAAC,OAAA;IACS,CAAC,GAAGqB,QAAQ,CAACnB,CAAC,CAAC2B,kCAAkC,CAAC,GAAGR,QAAQ,CAACnB,CAAC,CAAC+B,wBAAwB,CAAC;;EAE9G,CAAC;;EAEDqC,MAAM,WAAAA,OAACpE,CAAQ,EAAE;IACf,WAAOJ,YAAG,EAAAxB,iBAAA,KAAAA,iBAAA,OAAAyB,4BAAA,CAAAC,OAAA;IACGE,CAAC,CAACqE,qBAAqB,EAAIrE,CAAC,CAACiD,iBAAiB,EAAIjD,CAAC,CAACsE,wBAAwB,EAAItE,CAAC,CAACmD,gBAAgB;IACpGnD,CAAC,CAACuE,oBAAoB;IACVvE,CAAC,CAACY,iBAAiB,EAAIZ,CAAC,CAACY,iBAAiB;;EAEnE,CAAC;;EAED4D,YAAY,WAAAA,aAACxE,CAAQ,EAAE;IACrB,WAAOJ,YAAG,EAAAvB,iBAAA,KAAAA,iBAAA,OAAAwB,4BAAA,CAAAC,OAAA;IACGE,CAAC,CAACyE,wBAAwB;;EAEzC,CAAC;;EAEDC,KAAK,WAAAA,MAAC1E,CAAQ,EAAE;IACd,WAAOJ,YAAG,EAAAtB,iBAAA,KAAAA,iBAAA,OAAAuB,4BAAA,CAAAC,OAAA;IACOE,CAAC,CAAC2E,0BAA0B;IACzB3E,CAAC,CAAC4E,6BAA6B;IACnC5E,CAAC,CAAC6E,aAAa;;EAEjC,CAAC;;EAEDC,WAAW,WAAAA,YAAC9E,CAAQ,EAAE;IACpB,WAAOJ,YAAG,EAAArB,iBAAA,KAAAA,iBAAA,OAAAsB,4BAAA,CAAAC,OAAA;IACSE,CAAC,CAAC+E,4BAA4B;IAC7B/E,CAAC,CAACgF,6BAA6B;IACnChF,CAAC,CAACiF,kBAAkB;IACjBjF,CAAC,CAACkF,sBAAsB;;;;;;;;;;IAUzBlF,CAAC,CAACmF,sBAAsB;;;EAG5C,CAAC;;EAEDC,iBAAiB,WAAAA,kBAACpF,CAAQ,EAAE;IAC1B,WAAOJ,YAAG,EAAApB,iBAAA,KAAAA,iBAAA,OAAAqB,4BAAA,CAAAC,OAAA;IACUE,CAAC,CAAC6B,wBAAwB;;EAEhD,CAAC;;EAEDwD,WAAW,WAAAA,YAACrF,CAAQ,EAAE;IACpB,WAAOJ,YAAG,EAAAnB,iBAAA,KAAAA,iBAAA,OAAAoB,4BAAA,CAAAC,OAAA;IACOE,CAAC,CAACsF,0BAA0B;IAC7BtF,CAAC,CAACuF,yBAAyB;IAC3BvF,CAAC,CAACiF,kBAAkB;IACpBjF,CAAC,CAACwF,sBAAsB;;;;;;;;;;IAUtBxF,CAAC,CAACyF,sBAAsB;;;EAG5C,CAAC;;EAEDC,UAAU,WAAAA,WAAC1F,CAAQ,EAAE;IACnB,WAAOJ,YAAG,EAAAlB,iBAAA,KAAAA,iBAAA,OAAAmB,4BAAA,CAAAC,OAAA;;IAEQE,CAAC,CAAC2F,qBAAqB;;;EAG3C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAC5F,CAAQ,EAAE;IACzB,WAAOJ,YAAG,EAAAjB,iBAAA,KAAAA,iBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACUE,CAAC,CAAC6F,kCAAkC;;EAE1D,CAAC;;EAEDC,iBAAiB,WAAAA,kBAAC9F,CAAQ,EAAE;IAC1B,WAAOJ,YAAG,EAAAhB,iBAAA,KAAAA,iBAAA,OAAAiB,4BAAA,CAAAC,OAAA;IACOE,CAAC,CAAC+F,eAAe;;EAEpC,CAAC;;EAEDC,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,WAAOpG,YAAG,EAAAf,iBAAA,KAAAA,iBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDmG,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,WAAOrG,YAAG,EAAAd,iBAAA,KAAAA,iBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDoG,sBAAsB,WAAAA,uBAAClG,CAAQ,EAAE;IAC/B,WAAOJ,YAAG,EAAAb,iBAAA,KAAAA,iBAAA,OAAAc,4BAAA,CAAAC,OAAA;IACUE,CAAC,CAACmG,kBAAkB;;EAE1C,CAAC;;EAEDC,4BAA4B,WAAAA,6BAACpG,CAAQ,EAAE;IACrC,WAAOJ,YAAG,EAAAZ,iBAAA,KAAAA,iBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACGE,CAAC,CAAC+D,sBAAsB;;EAEvC,CAAC;;EAEDsC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOzG,YAAG,EAAAX,iBAAA,KAAAA,iBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDwG,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,WAAO1G,YAAG,EAAAV,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDyG,cAAc,WAAAA,eAACvG,CAAQ,EAAE;IACvB,WAAOJ,YAAG,EAAAT,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACSE,CAAC,CAACwG,0BAA0B;;;;EAIjD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAO7G,YAAG,EAAAR,iBAAA,KAAAA,iBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
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","_templateObject40","_templateObject41","_templateObject42","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","close5_1","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","mobileCloseWithoutHeader","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","mobileCloseWrapper","size","bgDefault","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","focus5_1","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 close5_1(t: Theme) {\n return css`\n justify-content: center;\n align-items: center;\n right: ${t.modalCloseButtonClickAreaRight};\n top: ${t.modalCloseButtonClickAreaTop};\n\n padding-top: ${t.modalCloseButtonClickAreaTop};\n margin-top: -${t.modalCloseButtonClickAreaTop};\n padding-right: ${t.modalCloseButtonClickAreaRight};\n margin-right: -${t.modalCloseButtonClickAreaRight};\n padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n padding-left: ${t.modalCloseButtonClickAreaLeft};\n margin-left: -${t.modalCloseButtonClickAreaLeft};\n `;\n },\n\n closeMobile(t: Theme) {\n return css`\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n padding: ${t.mobileModalCloseButtonClickArea};\n margin: -${t.mobileModalCloseButtonClickArea};\n\n & > svg {\n width: ${t.mobileModalCloseIconSize};\n height: ${t.mobileModalCloseIconSize};\n }\n `;\n },\n\n closeMobile5_1(t: Theme) {\n return css`\n top: ${t.mobileModalCloseButtonTopPadding};\n `;\n },\n\n mobileCloseWithoutHeader() {\n return css`\n position: static;\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX}px;\n height: ${blockSizeY}px;\n `;\n },\n\n mobileCloseWrapper(t: Theme) {\n const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n return css`\n position: absolute;\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${t.mobileModalCloseButtonTopPadding};\n padding: 0px;\n margin: 0px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: ${size}px;\n height: ${size}px;\n background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n border-radius: ${size}px;\n `;\n },\n\n disabled(t: Theme) {\n return css`\n pointer-events: none;\n cursor: default;\n color: ${t.modalCloseButtonDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n color: ${t.modalCloseButtonHoverColor};\n outline: 2px solid ${t.borderColorFocus};\n `;\n },\n\n focus5_1(t: Theme) {\n return css`\n &:before {\n content: '';\n position: absolute;\n width: calc(${t.modalCloseIconSize} * 2);\n height: calc(${t.modalCloseIconSize} * 2);\n box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n border-radius: 4px;\n }\n `;\n },\n\n header(t: Theme) {\n return css`\n font-size: ${t.modalHeaderFontSize};\n line-height: ${t.modalHeaderLineHeight};\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n overflow-wrap: break-word;\n word-wrap: break-word;\n color: ${t.modalHeaderTextColor};\n font-weight: ${t.modalHeaderFontWeight};\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n position: relative;\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n body(t: Theme) {\n return css`\n border-radius: ${t.modalBodyBorderRadius};\n padding-top: ${t.modalBodyPaddingTop};\n padding-right: ${t.modalPaddingRight};\n padding-bottom: ${t.modalBodyPaddingBottom};\n padding-left: ${t.modalPaddingLeft};\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\n display: flex;\n flex-flow: column;\n flex: 1;\n font-size: ${t.mobileModalBodyFontSize};\n `;\n },\n\n headerWithClose(t: Theme) {\n const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n return css`\n padding-right: ${rightPadding}px;\n `;\n },\n\n mobileHeaderWithClose(t: Theme) {\n return css`\n padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n `;\n },\n\n footer(t: Theme) {\n return css`\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n color: ${t.modalFooterTextColor};\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n `;\n },\n\n mobileFooter(t: Theme) {\n return css`\n padding: ${t.mobileModalFooterPadding};\n `;\n },\n\n panel(t: Theme) {\n return css`\n padding-top: ${t.modalFooterPanelPaddingTop};\n padding-bottom: ${t.modalFooterPanelPaddingBottom};\n background: ${t.modalFooterBg};\n `;\n },\n\n fixedHeader(t: Theme) {\n return css`\n margin-bottom: ${t.modalFixedHeaderMarginBottom};\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n background: ${t.modalFixedHeaderBg};\n border-bottom: ${t.modalFixedHeaderBorder};\n\n &:after {\n bottom: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedHeaderShadow};\n }\n `;\n },\n\n mobileFixedHeader(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalHeaderPadding};\n `;\n },\n\n fixedFooter(t: Theme) {\n return css`\n padding-top: ${t.modalFixedFooterPaddingTop};\n margin-top: ${t.modalFixedFooterMarginTop};\n background: ${t.modalFixedHeaderBg};\n border-top: ${t.modalFixedFooterBorder};\n\n &:before {\n top: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedFooterShadow};\n }\n `;\n },\n\n fixedPanel(t: Theme) {\n return css`\n &:before {\n box-shadow: ${t.modalFixedPanelShadow};\n }\n `;\n },\n\n headerAddPadding(t: Theme) {\n return css`\n padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n `;\n },\n\n bodyWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.modalPaddingTop};\n `;\n },\n\n mobileBodyWithoutHeader() {\n return css`\n padding-top: 0px;\n `;\n },\n\n bodyWithoutPadding() {\n return css`\n padding: 0;\n `;\n },\n\n bodyAddPaddingForPanel(t: Theme) {\n return css`\n padding-bottom: ${t.modalPaddingBottom};\n `;\n },\n\n mobileBodyAddPaddingForPanel(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\n `;\n },\n\n columnFlexContainer() {\n return css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: auto;\n `;\n },\n\n modalSeparatorWrapper() {\n return css`\n position: absolute;\n width: 100%;\n `;\n },\n\n modalSeparator(t: Theme) {\n return css`\n border-bottom: ${t.modalSeparatorBorderBottom};\n margin: 0 32px;\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed() {\n return css`\n margin: 0 16px;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Modal/ModalClose.js CHANGED Viewed

@@ -8,6 +8,7 @@ var _keyListener = require("../../lib/events/keyListener");
 var _ResponsiveLayout = require("../ResponsiveLayout");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _XIcon20Regular = require("../../internal/icons2022/XIcon/XIcon20Regular");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _Modal = require("./Modal.styles");
@@ -34,6 +35,7 @@ function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _
   };
   var icon = /*#__PURE__*/_react.default.createElement(_XIcon20Regular.XIcon20Regular, { align: "none" });
+  var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.1');
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, otherProps, /*#__PURE__*/
@@ -43,9 +45,12 @@ function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _
           "aria-label": locale.closeButtonAriaLabel,
           className: (0, _Emotion.cx)((_cx = {}, _cx[
           _Modal.styles.close(theme)] = true, _cx[
-          _Modal.styles.mobileClose(theme)] = isMobile, _cx[
+          _Modal.styles.close5_1(theme)] = versionGTE5_1, _cx[
+          _Modal.styles.closeMobile(theme)] = isMobile, _cx[
+          _Modal.styles.closeMobile5_1(theme)] = isMobile && versionGTE5_1, _cx[
           _Modal.styles.disabled(theme)] = disableClose, _cx[
-          _Modal.styles.focus(theme)] = focusedByTab, _cx)
+          _Modal.styles.focus(theme)] = focusedByTab && !versionGTE5_1, _cx[
+          _Modal.styles.focus5_1(theme)] = focusedByTab && versionGTE5_1, _cx)
           ),
           onClick: requestClose,
           onFocus: handleFocus,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_globalObject","_useLocaleForControl","_ThemeContext","_Emotion","_keyListener","_ResponsiveLayout","_CommonWrapper","_XIcon20Regular","_Modal","_Modal2","_locale","_excluded","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose2","default","locale","useLocaleForControl","ModalLocaleHelper","theme","useContext","ThemeContext","_React$useState","React","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","icon","createElement","XIcon20Regular","align","CommonWrapper","ResponsiveLayout","_ref2","_cx","isMobile","closeButtonAriaLabel","className","cx","styles","close","~~mobileClose~~","disabled","focus","onClick","onFocus","onBlur","ModalDataTids","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\n\nimport { CloseProps } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n const theme = useContext(ThemeContext);\n const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n\n const handleBlur = () => {\n setFocusedByTab(false);\n };\n\n const icon = <XIcon20Regular align=\"none\" />;\n\n return (\n <CommonWrapper {...otherProps}>\n <ResponsiveLayout>\n {({ isMobile }) => (\n <button\n aria-label={locale.closeButtonAriaLabel}\n className={cx({\n [styles.close(theme)]: true,\n [styles.~~mobileClose~~(theme)]: isMobile,\n [styles.disabled(theme)]: disableClose,\n [styles.focus(theme)]: focusedByTab,\n })}\n onClick={requestClose}\n onFocus={handleFocus}\n onBlur={handleBlur}\n data-tid={ModalDataTids.close}\n tabIndex={disableClose ? -1 : 0}\n >\n {icon}\n </button>\n )}\n </ResponsiveLayout>\n </CommonWrapper>\n );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"+XAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA~~;;;AAGA~~,IAAAS,~~MAAA~~,GAAAT,OAAA~~;AACA~~,IAAAU,~~OAAA~~,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA,aAA6C,~~IAAAY~~,SAAA;;AAEtC,SAASC,UAAUA,CAAAC,IAAA,EAA4D,KAAzDC,YAAY,GAAAD,IAAA,CAAZC,YAAY,CAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAKC,UAAU,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAF,SAAA;EACpE,IAAMQ,MAAM,GAAG,IAAAC,wCAAmB,EAAC,OAAO,EAAEC,yBAAiB,CAAC;EAC9D,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAAC,eAAA,GAAwCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAtDC,YAAY,GAAAH,eAAA,IAAEI,eAAe,GAAAJ,eAAA;;EAEpC,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACA;IACAC,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;MACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;QAC5BL,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBN,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC;;EAED,IAAMO,IAAI,~~gBAAGvC~~,MAAA,~~CAAAqB~~,OAAA,CAAAmB,aAAA,~~CAAC9B~~,eAAA,~~CAAA+B~~,cAAc,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;;~~EAE5C~~;~~IACE1C~~,MAAA,~~CAAAqB~~,OAAA,CAAAmB,aAAA,~~CAAC/B~~,cAAA,~~CAAAkC~~,aAAa,~~EAAKxB~~,UAAU;~~IAC3BnB~~,MAAA,~~CAAAqB~~,OAAA,CAAAmB,aAAA,~~CAAChC~~,iBAAA,~~CAAAoC~~,gBAAgB;IACd,UAAAC,KAAA,OAAAC,GAAA,KAAGC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;~~QACV/C~~,MAAA,~~CAAAqB~~,OAAA,CAAAmB,aAAA;UACE,cAAYlB,MAAM,~~CAAC0B~~,oBAAqB;UACxCC,SAAS,EAAE,IAAAC,WAAE,GAAAJ,GAAA,OAAAA,GAAA;UACVK,aAAM,CAACC,KAAK,~~CAAC3B~~,KAAK,CAAC,IAAG,IAAI,~~EAAAqB~~,GAAA;UAC1BK,aAAM,CAACE,WAAW,~~CAAC5B~~,KAAK,CAAC,~~IAAGsB~~,QAAQ,EAAAD,GAAA;UACpCK,aAAM,~~CAACG~~,QAAQ,~~CAAC7B~~,KAAK,CAAC,IAAGR,YAAY,~~EAAA6B~~,GAAA;UACrCK,aAAM,~~CAACI~~,KAAK,~~CAAC9B~~,KAAK,CAAC,IAAGM,YAAY,~~EAAAe~~,GAAA;~~UACpC~~,CAAE;~~UACHU~~,OAAO,~~EAAEtC~~,YAAa;~~UACtBuC~~,OAAO,~~EAAExB~~,WAAY;~~UACrByB~~,MAAM,~~EAAEpB~~,UAAW;UACnB,~~YAAUqB~~,qBAAa,~~CAACP~~,KAAM;~~UAC9BQ~~,QAAQ,~~EAAE3C~~,YAAY,GAAG,CAAC,CAAC,GAAG,CAAE;;QAE/BsB;QACK,CAAC;;IAEK;IACL,CAAC;;AAEpB;;AAEAxB,UAAU,~~CAAC8C~~,mBAAmB,GAAG,YAAY;~~AAC7C9C~~,UAAU,~~CAAC+C~~,WAAW,GAAG,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_globalObject","_useLocaleForControl","_ThemeContext","_Emotion","_keyListener","_ResponsiveLayout","_CommonWrapper","_XIcon20Regular","_ThemeHelpers","_Modal","_Modal2","_locale","_excluded","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose2","default","locale","useLocaleForControl","ModalLocaleHelper","theme","useContext","ThemeContext","_React$useState","React","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","icon","createElement","XIcon20Regular","align","versionGTE5_1","isThemeGTE","CommonWrapper","ResponsiveLayout","_ref2","_cx","isMobile","closeButtonAriaLabel","className","cx","styles","close","close5_1","closeMobile","closeMobile5_1","disabled","focus","focus5_1","onClick","onFocus","onBlur","ModalDataTids","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { CloseProps } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n const theme = useContext(ThemeContext);\n const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n\n const handleBlur = () => {\n setFocusedByTab(false);\n };\n\n const icon = <XIcon20Regular align=\"none\" />;\n const versionGTE5_1 = isThemeGTE(theme, '5.1');\n\n return (\n <CommonWrapper {...otherProps}>\n <ResponsiveLayout>\n {({ isMobile }) => (\n <button\n aria-label={locale.closeButtonAriaLabel}\n className={cx({\n [styles.close(theme)]: true,\n [styles.close5_1(theme)]: versionGTE5_1,\n [styles.closeMobile(theme)]: isMobile,\n [styles.closeMobile5_1(theme)]: isMobile && versionGTE5_1,\n [styles.disabled(theme)]: disableClose,\n [styles.focus(theme)]: focusedByTab && !versionGTE5_1,\n [styles.focus5_1(theme)]: focusedByTab && versionGTE5_1,\n })}\n onClick={requestClose}\n onFocus={handleFocus}\n onBlur={handleBlur}\n data-tid={ModalDataTids.close}\n tabIndex={disableClose ? -1 : 0}\n >\n {icon}\n </button>\n )}\n </ResponsiveLayout>\n </CommonWrapper>\n );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,8 +11,8 @@ export interface ModalContextProps {
     hasHeader?: boolean;
     close?: CloseProps;
     horizontalScroll?: boolean;
-    setHasHeader?: (value?: boolean) => void;
-    setHasFooter?: (value?: boolean) => void;
-    setHasPanel?: (value?: boolean) => void;
+    setHasHeader?: (value: boolean) => void;
+    setHasFooter?: (value: boolean) => void;
+    setHasPanel?: (value: boolean) => void;
 }
 export declare const ModalContext: React.Context<ModalContextProps>;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","ModalContext","exports","React","createContext","displayName"],"sources":["ModalContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CommonProps } from '../../internal/CommonWrapper';\n\nexport interface CloseProps extends CommonProps {\n /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. /\n disableClose?: boolean;\n\n /* Задает функцию, которая вызывается при клике по крестику или снаружи. */\n requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n additionalPadding?: boolean;\n hasHeader?: boolean;\n close?: CloseProps;\n horizontalScroll?: boolean;\n setHasHeader?: (value?: boolean) => void;\n setHasFooter?: (value?: boolean) => void;\n setHasPanel?: (value?: boolean) => void;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"],"mappings":"kKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;AAsBO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAGE,cAAK,CAACC,aAAa,CAAoB,CAAC,CAAC,CAAC;;AAEtEH,YAAY,CAACI,WAAW,GAAG,cAAc","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","ModalContext","exports","React","createContext","displayName"],"sources":["ModalContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CommonProps } from '../../internal/CommonWrapper';\n\nexport interface CloseProps extends CommonProps {\n /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. /\n disableClose?: boolean;\n\n /* Задает функцию, которая вызывается при клике по крестику или снаружи. */\n requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n additionalPadding?: boolean;\n hasHeader?: boolean;\n close?: CloseProps;\n horizontalScroll?: boolean;\n setHasHeader?: (value: boolean) => void;\n setHasFooter?: (value: boolean) => void;\n setHasPanel?: (value: boolean) => void;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"],"mappings":"kKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;AAsBO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAGE,cAAK,CAACC,aAAa,CAAoB,CAAC,CAAC,CAAC;;AAEtEH,YAAY,CAACI,WAAW,GAAG,cAAc","ignoreList":[]}

package/cjs/components/Modal/ModalFooter.js CHANGED Viewed

@@ -45,8 +45,8 @@ function ModalFooter(props) {
   var _props$sticky = props.sticky,sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,gap = props.gap,panel = props.panel,children = props.children;
   (0, _react.useLayoutEffect)(function () {
-    modal.setHasFooter == null || modal.setHasFooter();
-    modal.setHasPanel == null || modal.setHasPanel(panel);
+    modal.setHasFooter == null || modal.setHasFooter(true);
+    modal.setHasPanel == null || modal.setHasPanel(panel || false);
     return function () {
       modal.setHasFooter == null || modal.setHasFooter(false);

package/cjs/components/Modal/ModalFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_getScrollWidth","_Sticky","_ThemeContext","_CommonWrapper","_Emotion","_ResponsiveLayout","_Gapped","_utils","_Modal","_ModalContext","_ModalSeparator","ModalFooterDataTids","exports","root","ModalFooter","props","theme","useContext","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","gap","panel","children","useLayoutEffect","setHasFooter","setHasPanel","renderContent","fixed","default","createElement","ModalSeparator","className","cx","styles","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","isNonNullable","Gapped","vertical","CommonWrapper","Sticky","side","offset","horizontalScroll","getScrollWidth","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /** Включает серый цвет в футере. /\n panel?: boolean;\n\n /* Закрепляет футер снизу модального окна.\n * @default На десктопе - `true`, на мобильных - `false`. /\n sticky?: boolean;\n\n /* Задает контент футера. /\n children?: ReactNode;\n\n /* Задает расстояние между элементами футера в пикселях. /\n gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n root: 'ModalFooter__root',\n} as const;\n\n/\n Футер модального окна.\n \n @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n const theme = useContext(ThemeContext);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasFooter?.();\n modal.setHasPanel?.(panel);\n\n return () => {\n modal.setHasFooter?.(false);\n modal.setHasPanel?.(false);\n };\n }, [panel]);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n {(panel \|\| fixed) && <ModalSeparator fixed={fixed} />}\n <div\n data-tid={ModalFooterDataTids.root}\n className={cx(\n styles.footer(theme),\n fixed && styles.fixedFooter(theme),\n Boolean(panel) && styles.panel(theme),\n fixed && Boolean(panel) && styles.fixedPanel(theme),\n layout.isMobile && styles.mobileFooter(theme),\n )}\n >\n {isNonNullable(gap) ? (\n <Gapped vertical={layout.isMobile} gap={gap}>\n {children}\n </Gapped>\n ) : (\n children\n )}\n </div>\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\n {renderContent}\n </Sticky>\n ) : (\n renderContent()\n )}\n </CommonWrapper>\n );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":"6MAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;;AAEA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;;;;;;;;;;;;;;;;;AAiBO,IAAMY,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,WAAWA,CAACC,KAAuB,EAAE;EAC5C,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,KAAK,GAAG,IAAAF,iBAAU,EAACG,0BAAY,CAAC;EACtC,IAAMC,MAAM,GAAG,IAAAC,qCAAmB,EAAC,CAAC;;EAEpC,IAAAC,aAAA,GAA4DR,KAAK,CAAzDS,MAAM,CAANA,MAAM,GAAAD,aAAA,cAAG,CAACF,MAAM,CAACI,QAAQ,GAAAF,aAAA,CAAEG,GAAG,GAAsBX,KAAK,CAA9BW,GAAG,CAAEC,KAAK,GAAeZ,KAAK,CAAzBY,KAAK,CAAEC,QAAQ,GAAKb,KAAK,CAAlBa,QAAQ;;EAEvD,IAAAC,sBAAe,EAAC,YAAM;IACpBV,KAAK,CAACW,YAAY,YAAlBX,KAAK,CAACW,YAAY,CAAG,CAAC;~~IACtBX~~,KAAK,CAACY,WAAW,YAAjBZ,KAAK,CAACY,WAAW,CAAGJ,KAAK,CAAC;;~~IAE1B~~,OAAO,YAAM;MACXR,KAAK,CAACW,YAAY,YAAlBX,KAAK,CAACW,YAAY,CAAG,KAAK,CAAC;MAC3BX,KAAK,CAACY,WAAW,YAAjBZ,KAAK,CAACY,WAAW,CAAG,KAAK,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;;EAEX,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAK,EAAa,KAAlBA,KAAK,cAALA,KAAK,GAAG,KAAK;IAClC;MACEpC,MAAA,CAAAqC,OAAA,CAAAC,aAAA;MACG,CAACR,KAAK,IAAIM,KAAK,kBAAKpC,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAACzB,eAAA,CAAA0B,cAAc,IAACH,KAAK,EAAEA,KAAM,EAAE,CAAC;MACrDpC,MAAA,CAAAqC,OAAA,CAAAC,aAAA;QACE,YAAUxB,mBAAmB,CAACE,IAAK;QACnCwB,SAAS,EAAE,IAAAC,WAAE;UACXC,aAAM,CAACC,MAAM,CAACxB,KAAK,CAAC;UACpBiB,KAAK,IAAIM,aAAM,CAACE,WAAW,CAACzB,KAAK,CAAC;UAClC0B,OAAO,CAACf,KAAK,CAAC,IAAIY,aAAM,CAACZ,KAAK,CAACX,KAAK,CAAC;UACrCiB,KAAK,IAAIS,OAAO,CAACf,KAAK,CAAC,IAAIY,aAAM,CAACI,UAAU,CAAC3B,KAAK,CAAC;UACnDK,MAAM,CAACI,QAAQ,IAAIc,aAAM,CAACK,YAAY,CAAC5B,KAAK;QAC9C,CAAE;;MAED,IAAA6B,oBAAa,EAACnB,GAAG,CAAC;MACjB7B,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAAC7B,OAAA,CAAAwC,MAAM,IAACC,QAAQ,EAAE1B,MAAM,CAACI,QAAS,EAACC,GAAG,EAAEA,GAAI;MACzCE;MACK,CAAC;;MAETA;;MAEC;MACF,CAAC;;EAEV,CAAC;;EAED;IACE/B,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAAChC,cAAA,CAAA6C,aAAa,EAAKjC,KAAK;IACrBS,MAAM;IACL3B,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAAClC,OAAA,CAAAgD,MAAM,IAACC,IAAI,EAAC,QAAQ,EAACC,MAAM,EAAEhC,KAAK,CAACiC,gBAAgB,GAAG,IAAAC,8BAAc,EAAC,CAAC,GAAG,CAAE;IACzErB;IACK,CAAC;;IAETA,aAAa,CAAC;;IAEH,CAAC;;AAEpB;;AAEAlB,WAAW,CAACwC,mBAAmB,GAAG,aAAa;AAC/CxC,WAAW,CAACyC,WAAW,GAAG,aAAa;AACvCzC,WAAW,CAAC0C,gBAAgB,GAAG,IAAI","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_getScrollWidth","_Sticky","_ThemeContext","_CommonWrapper","_Emotion","_ResponsiveLayout","_Gapped","_utils","_Modal","_ModalContext","_ModalSeparator","ModalFooterDataTids","exports","root","ModalFooter","props","theme","useContext","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","gap","panel","children","useLayoutEffect","setHasFooter","setHasPanel","renderContent","fixed","default","createElement","ModalSeparator","className","cx","styles","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","isNonNullable","Gapped","vertical","CommonWrapper","Sticky","side","offset","horizontalScroll","getScrollWidth","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /** Включает серый цвет в футере. /\n panel?: boolean;\n\n /* Закрепляет футер снизу модального окна.\n * @default На десктопе - `true`, на мобильных - `false`. /\n sticky?: boolean;\n\n /* Задает контент футера. /\n children?: ReactNode;\n\n /* Задает расстояние между элементами футера в пикселях. /\n gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n root: 'ModalFooter__root',\n} as const;\n\n/\n Футер модального окна.\n \n @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n const theme = useContext(ThemeContext);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasFooter?.(true);\n modal.setHasPanel?.(panel \|\| false);\n\n return () => {\n modal.setHasFooter?.(false);\n modal.setHasPanel?.(false);\n };\n }, [panel]);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n {(panel \|\| fixed) && <ModalSeparator fixed={fixed} />}\n <div\n data-tid={ModalFooterDataTids.root}\n className={cx(\n styles.footer(theme),\n fixed && styles.fixedFooter(theme),\n Boolean(panel) && styles.panel(theme),\n fixed && Boolean(panel) && styles.fixedPanel(theme),\n layout.isMobile && styles.mobileFooter(theme),\n )}\n >\n {isNonNullable(gap) ? (\n <Gapped vertical={layout.isMobile} gap={gap}>\n {children}\n </Gapped>\n ) : (\n children\n )}\n </div>\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\n {renderContent}\n </Sticky>\n ) : (\n renderContent()\n )}\n </CommonWrapper>\n );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Modal/ModalHeader.js CHANGED Viewed

@@ -36,7 +36,7 @@ function ModalHeader(props) {
   var _props$sticky = props.sticky,sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,children = props.children;
   (0, _react.useLayoutEffect)(function () {
-    modal.setHasHeader == null || modal.setHasHeader();
+    modal.setHasHeader == null || modal.setHasHeader(true);
     return function () {return modal.setHasHeader == null ? void 0 : modal.setHasHeader(false);};
   }, []);

package/cjs/components/Modal/ModalHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_Sticky","_ThemeContext","_CommonWrapper","_Emotion","_ResponsiveLayout","_Modal","_ModalClose","_ModalContext","_ModalSeparator","ModalHeaderDataTids","exports","root","ModalHeader","props","theme","useContext","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","children","useLayoutEffect","setHasHeader","renderContent","fixed","default","createElement","className","cx","styles","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","ModalClose","requestClose","disableClose","ModalSeparator","CommonWrapper","Sticky","side","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"sources":["ModalHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n /** Закрепляет хедер сверху модального окна. /\n sticky?: boolean;\n\n /* @ignore /\n children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n root: 'ModalHeader__root',\n} as const;\n\n/\n Шапка модального окна.\n \n @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n const theme = useContext(ThemeContext);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasHeader?.();\n\n return () => modal.setHasHeader?.(false);\n }, []);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n <div\n data-tid={ModalHeaderDataTids.root}\n className={cx(\n styles.header(theme),\n layout.isMobile && styles.mobileHeader(theme),\n Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n fixed && styles.fixedHeader(theme),\n fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n Boolean(modal.close) && styles.headerWithClose(theme),\n Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n )}\n >\n {modal.close && (\n <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n )}\n {children}\n </div>\n {fixed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"],"mappings":"6MAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;;AAEA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;;;;;;;;;;AAUO,IAAMU,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,WAAWA,CAACC,KAAuB,EAAE;EAC5C,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,KAAK,GAAG,IAAAF,iBAAU,EAACG,0BAAY,CAAC;EACtC,IAAMC,MAAM,GAAG,IAAAC,qCAAmB,EAAC,CAAC;;EAEpC,IAAAC,aAAA,GAAgDR,KAAK,CAA7CS,MAAM,CAANA,MAAM,GAAAD,aAAA,cAAG,CAACF,MAAM,CAACI,QAAQ,GAAAF,aAAA,CAAEG,QAAQ,GAAKX,KAAK,CAAlBW,QAAQ;;EAE3C,IAAAC,sBAAe,EAAC,YAAM;IACpBR,KAAK,CAACS,YAAY,YAAlBT,KAAK,CAACS,YAAY,CAAG,CAAC;;~~IAEtB~~,OAAO,oBAAMT,KAAK,CAACS,YAAY,oBAAlBT,KAAK,CAACS,YAAY,CAAG,KAAK,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAK,EAAa,KAAlBA,KAAK,cAALA,KAAK,GAAG,KAAK;IAClC;MACE/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA;MACEjC,MAAA,CAAAgC,OAAA,CAAAC,aAAA;QACE,YAAUrB,mBAAmB,CAACE,IAAK;QACnCoB,SAAS,EAAE,IAAAC,WAAE;UACXC,aAAM,CAACC,MAAM,CAACpB,KAAK,CAAC;UACpBK,MAAM,CAACI,QAAQ,IAAIU,aAAM,CAACE,YAAY,CAACrB,KAAK,CAAC;UAC7CsB,OAAO,CAACnB,KAAK,CAACoB,iBAAiB,CAAC,IAAIJ,aAAM,CAACK,gBAAgB,CAACxB,KAAK,CAAC;UAClEc,KAAK,IAAIK,aAAM,CAACM,WAAW,CAACzB,KAAK,CAAC;UAClCc,KAAK,IAAIT,MAAM,CAACI,QAAQ,IAAIU,aAAM,CAACO,iBAAiB,CAAC1B,KAAK,CAAC;UAC3DsB,OAAO,CAACnB,KAAK,CAACwB,KAAK,CAAC,IAAIR,aAAM,CAACS,eAAe,CAAC5B,KAAK,CAAC;UACrDsB,OAAO,CAACnB,KAAK,CAACwB,KAAK,CAAC,IAAItB,MAAM,CAACI,QAAQ,IAAIU,aAAM,CAACU,qBAAqB,CAAC7B,KAAK;QAC/E,CAAE;;MAEDG,KAAK,CAACwB,KAAK;MACV5C,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACxB,WAAA,CAAAsC,UAAU,IAACC,YAAY,EAAE5B,KAAK,CAACwB,KAAK,CAACI,YAAa,EAACC,YAAY,EAAE7B,KAAK,CAACwB,KAAK,CAACK,YAAa,EAAE,CAC9F;;MACAtB;MACE,CAAC;MACLI,KAAK,iBAAI/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACtB,eAAA,CAAAuC,cAAc,IAACnB,KAAK,EAAEA,KAAM,EAAE;MACtC,CAAC;;EAEV,CAAC;;EAED;IACE/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC5B,cAAA,CAAA8C,aAAa,EAAKnC,KAAK,EAAGS,MAAM,gBAAGzB,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC9B,OAAA,CAAAiD,MAAM,IAACC,IAAI,EAAC,KAAK,IAAEvB,aAAsB,CAAC,GAAGA,aAAa,CAAC,CAAiB,CAAC;;AAEtH;;AAEAf,WAAW,CAACuC,mBAAmB,GAAG,aAAa;AAC/CvC,WAAW,CAACwC,WAAW,GAAG,aAAa;AACvCxC,WAAW,CAACyC,gBAAgB,GAAG,IAAI","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_Sticky","_ThemeContext","_CommonWrapper","_Emotion","_ResponsiveLayout","_Modal","_ModalClose","_ModalContext","_ModalSeparator","ModalHeaderDataTids","exports","root","ModalHeader","props","theme","useContext","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","children","useLayoutEffect","setHasHeader","renderContent","fixed","default","createElement","className","cx","styles","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","ModalClose","requestClose","disableClose","ModalSeparator","CommonWrapper","Sticky","side","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"sources":["ModalHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n /** Закрепляет хедер сверху модального окна. /\n sticky?: boolean;\n\n /* @ignore /\n children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n root: 'ModalHeader__root',\n} as const;\n\n/\n Шапка модального окна.\n \n @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n const theme = useContext(ThemeContext);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasHeader?.(true);\n\n return () => modal.setHasHeader?.(false);\n }, []);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n <div\n data-tid={ModalHeaderDataTids.root}\n className={cx(\n styles.header(theme),\n layout.isMobile && styles.mobileHeader(theme),\n Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n fixed && styles.fixedHeader(theme),\n fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n Boolean(modal.close) && styles.headerWithClose(theme),\n Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n )}\n >\n {modal.close && (\n <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n )}\n {children}\n </div>\n {fixed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"],"mappings":"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","ignoreList":[]}