@skbkontur/react-ui 0.0.0-68e286f9fe → 0.0.0-6911f001e4

package/cjs/internal/MobilePopup/MobilePopup.styles.js

@@ -1,9 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
 
 var styles = {
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      background: ", ";\n\n      max-height: calc(100vh - (2 * ", "));\n    "])),
 
 
 
@@ -11,40 +11,71 @@ var styles = {
 
     t.mobilePopupContainerBorderRadius,
 
-    t.mobilePopupContainerBottomPadding,
-    t.menuBgDefault);
+    t.menuBgDefault,
+
+    t.mobilePopupPaddingY);
 
   },
 
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
+  wrapper: function wrapper(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: ", ";\n      bottom: ", ";\n      right: ", ";\n      left: ", ";\n      display: flex;\n      align-items: center;\n    "])),
 
+    t.mobilePopupPaddingY,
+    t.mobilePopupPaddingY,
+    t.mobilePopupPaddingX,
+    t.mobilePopupPaddingX);
 
 
 
+  },
 
+  content: function content(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      overflow-y: scroll;\n      ", "\n    "])),
+    t.bgDefault,
 
+    styles.offScrollBar());
 
   },
 
-  content: function content(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n    "])),
-    t.bgDefault);
+  contentSmall: function contentSmall(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      padding-bottom: ", ";\n    "])),
+    styles.content(t),
+    t.mobilePaddingSmall);
 
   },
 
-  container: function container(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])),
+  contentMedium: function contentMedium(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      padding-bottom: ", ";\n    "])),
+    styles.content(t),
+    t.mobilePaddingMedium);
 
-    t.mobilePopupTopPadding,
-    t.mobilePopupOuterIndentY,
-    t.mobilePopupOuterIndentY);
+  },
 
+  contentLarge: function contentLarge(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      padding-bottom: ", ";\n    "])),
+    styles.content(t),
+    t.mobilePaddingLarge);
+
+  },
+
+  containerBase: function containerBase(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 100000;\n      min-width: calc(100vw - (2 * ", "));\n    "])),
+
+
+    t.mobilePopupPaddingX);
+
+  },
+
+  containerBottom: function containerBottom(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      bottom: 0;\n      max-height: calc(100vh - (2 * ", "));\n    "])),
+    styles.containerBase(t),
+
+    t.mobilePopupPaddingY);
 
   },
 
   bg: function bg() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
 
 
 
@@ -57,14 +88,19 @@ var styles = {
 
   },
 
-  bottomIndent: function bottomIndent() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 80px;\n    "])));
+  zIndex: function zIndex() {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
 
   },
 
-  zIndex: function zIndex() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+  offScrollBar: function offScrollBar() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
+
+
+
+
+
 
 
   }

package/cjs/internal/MobilePopup/MobilePopup.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles","exports","memoizeStyle"],"sources":["MobilePopup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      padding-bottom: ${t.mobilePopupContainerBottomPadding};\n      background: ${t.menuBgDefault};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.mobilePopupTopPadding};\n      left: ${t.mobilePopupOuterIndentY};\n      right: ${t.mobilePopupOuterIndentY};\n      z-index: 100000;\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    `;\n  },\n\n  bottomIndent() {\n    return css`\n      height: 80px;\n    `;\n  },\n\n  zIndex() {\n    return css`\n      position: relative;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG9D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;IAMSH,CAAC,CAACI,gCAAgC;;IAEjCJ,CAAC,CAACK,iCAAiC;IACvCL,CAAC,CAACM,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ,CAAC;;EAEDK,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACS,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;IAEDH,CAAC,CAACW,qBAAqB;IACtBX,CAAC,CAACY,uBAAuB;IACxBZ,CAAC,CAACY,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,WAAOZ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDW,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOb,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDY,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOd,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC;;AAEM,IAAMa,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACpB,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupContainerBorderRadius","menuBgDefault","mobilePopupPaddingY","wrapper","mobilePopupPaddingX","content","bgDefault","offScrollBar","contentSmall","mobilePaddingSmall","contentMedium","mobilePaddingMedium","contentLarge","mobilePaddingLarge","containerBase","containerBottom","bg","zIndex","jsStyles","exports","memoizeStyle"],"sources":["MobilePopup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      background: ${t.menuBgDefault};\n\n      max-height: calc(100vh - (2 * ${t.mobilePopupPaddingY}));\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      position: fixed;\n      top: ${t.mobilePopupPaddingY};\n      bottom: ${t.mobilePopupPaddingY};\n      right: ${t.mobilePopupPaddingX};\n      left: ${t.mobilePopupPaddingX};\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n      overflow-y: scroll;\n      ${styles.offScrollBar()}\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      ${styles.content(t)}\n      padding-bottom: ${t.mobilePaddingSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      ${styles.content(t)}\n      padding-bottom: ${t.mobilePaddingMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      ${styles.content(t)}\n      padding-bottom: ${t.mobilePaddingLarge};\n    `;\n  },\n\n  containerBase(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 100000;\n      min-width: calc(100vw - (2 * ${t.mobilePopupPaddingX}));\n    `;\n  },\n\n  containerBottom(t: Theme) {\n    return css`\n      ${styles.containerBase(t)};\n      bottom: 0;\n      max-height: calc(100vh - (2 * ${t.mobilePopupPaddingY}));\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    `;\n  },\n\n  zIndex() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  offScrollBar() {\n    return css`\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;;AAG9D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;;IAMSH,CAAC,CAACI,gCAAgC;;IAErCJ,CAAC,CAACK,aAAa;;IAEGL,CAAC,CAACM,mBAAmB;;EAEzD,CAAC;;EAEDC,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;IAEDH,CAAC,CAACM,mBAAmB;IAClBN,CAAC,CAACM,mBAAmB;IACtBN,CAAC,CAACQ,mBAAmB;IACtBR,CAAC,CAACQ,mBAAmB;;;;EAIjC,CAAC;;EAEDC,OAAO,WAAAA,QAACT,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACYH,CAAC,CAACU,SAAS;;IAE7BZ,MAAM,CAACa,YAAY,CAAC,CAAC;;EAE3B,CAAC;;EAEDC,YAAY,WAAAA,aAACZ,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACW,OAAO,CAACT,CAAC,CAAC;IACDA,CAAC,CAACa,kBAAkB;;EAE1C,CAAC;;EAEDC,aAAa,WAAAA,cAACd,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACW,OAAO,CAACT,CAAC,CAAC;IACDA,CAAC,CAACe,mBAAmB;;EAE3C,CAAC;;EAEDC,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACW,OAAO,CAACT,CAAC,CAAC;IACDA,CAAC,CAACiB,kBAAkB;;EAE1C,CAAC;;EAEDC,aAAa,WAAAA,cAAClB,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGuBH,CAAC,CAACQ,mBAAmB;;EAExD,CAAC;;EAEDW,eAAe,WAAAA,gBAACnB,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACoB,aAAa,CAAClB,CAAC,CAAC;;IAEOA,CAAC,CAACM,mBAAmB;;EAEzD,CAAC;;EAEDc,EAAE,WAAAA,GAAA,EAAG;IACH,WAAOnB,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDkB,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOpB,YAAG,EAAAL,iBAAA,KAAAA,iBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDQ,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOV,YAAG,EAAAJ,iBAAA,KAAAA,iBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;;;;;;EAQZ;AACF,CAAC;;AAEM,IAAMmB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAAC1B,MAAM,CAAC","ignoreList":[]}

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts

@@ -1,7 +1,14 @@
+import type { PropsWithChildren } from 'react';
 import React from 'react';
-export declare class MobilePopupFooter extends React.Component<React.PropsWithChildren> {
+import type { SizeProp } from '../../../lib/types/props';
+interface Props extends PropsWithChildren {
+    size?: SizeProp;
+}
+export declare class MobilePopupFooter extends React.Component<Props> {
     static __KONTUR_REACT_UI__: string;
     private theme;
     render(): React.JSX.Element;
     private renderMain;
+    private getRootSizeClassName;
 }
+export {};

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js

@@ -1,32 +1,50 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MobilePopupFooter = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MobilePopupFooter = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 
 
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
 
+
 var _MobilePopupFooter2 = require("./MobilePopupFooter.styles");var
 
-MobilePopupFooter = exports.MobilePopupFooter = /*#__PURE__*/function (_React$Component) {function MobilePopupFooter() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(MobilePopupFooter, _React$Component);var _proto = MobilePopupFooter.prototype;_proto.
 
 
 
 
-  render = function render() {var _this = this;
-    return /*#__PURE__*/(
-      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {
-        _this.theme = theme;
-        return _this.renderMain();
-      }
-      ));
+MobilePopupFooter = exports.MobilePopupFooter = /*#__PURE__*/function (_React$Component) {function MobilePopupFooter() {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.
+
+
+
+
+
+
+
+
+
+
 
-  };_proto.
 
-  renderMain = function renderMain() {
-    var children = this.props.children;
 
-    if (!children || ! /*#__PURE__*/_react.default.isValidElement(children)) {
-      return null;
-    }
 
-    return /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopupFooter2.jsStyles.root(this.theme) }, children);
-  };return MobilePopupFooter;}(_react.default.Component);MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter';
+
+
+
+
+
+
+
+
+
+
+
+    getRootSizeClassName = function () {
+      switch (_this.props.size) {
+        case 'large':
+          return _MobilePopupFooter2.jsStyles.rootLarge(_this.theme);
+        case 'medium':
+          return _MobilePopupFooter2.jsStyles.rootMedium(_this.theme);
+        case 'small':
+        default:
+          return _MobilePopupFooter2.jsStyles.rootSmall(_this.theme);
+      }
+    };return _this;}(0, _inheritsLoose2.default)(MobilePopupFooter, _React$Component);var _proto = MobilePopupFooter.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var children = this.props.children;if (!children || ! /*#__PURE__*/_react.default.isValidElement(children)) {return null;}return /*#__PURE__*/_react.default.createElement("div", { className: this.getRootSizeClassName() }, children);};return MobilePopupFooter;}(_react.default.Component);MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter';

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_MobilePopupFooter2","MobilePopupFooter","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","children","props","React","isValidElement","className","jsStyles","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupFooter.styles';\n\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,mBAAA,GAAAF,OAAA,+BAAsD;;AAEzCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEf,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACb,aAAA,CAAAc,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVJ,KAAI,CAACI,KAAK,GAAGA,KAAK;QAClB,OAAOJ,KAAI,CAACK,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAR,MAAA;;EAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAACE,cAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOrB,MAAA,CAAAW,OAAA,CAAAK,aAAA,UAAKS,SAAS,EAAEC,4BAAQ,CAACC,IAAI,CAAC,IAAI,CAACR,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAhB,iBAAA,GAxBoCkB,cAAK,CAACK,SAAS,EAAzCvB,iBAAiB,CACdwB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_MobilePopupFooter2","MobilePopupFooter","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getRootSizeClassName","props","size","jsStyles","rootLarge","theme","rootMedium","rootSmall","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","renderMain","children","React","isValidElement","className","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { jsStyles } from './MobilePopupFooter.styles';\n\ninterface Props extends PropsWithChildren {\n  size?: SizeProp;\n}\n\nexport class MobilePopupFooter extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={this.getRootSizeClassName()}>{children}</div>;\n  }\n\n  private getRootSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return jsStyles.rootLarge(this.theme);\n      case 'medium':\n        return jsStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return jsStyles.rootSmall(this.theme);\n    }\n  };\n}\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;;AAGA,IAAAE,mBAAA,GAAAF,OAAA,+BAAsD;;;;;;AAMzCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BpBU,oBAAoB,GAAG,YAAc;MAC3C,QAAQV,KAAA,CAAKW,KAAK,CAACC,IAAI;QACrB,KAAK,OAAO;UACV,OAAOC,4BAAQ,CAACC,SAAS,CAACd,KAAA,CAAKe,KAAK,CAAC;QACvC,KAAK,QAAQ;UACX,OAAOF,4BAAQ,CAACG,UAAU,CAAChB,KAAA,CAAKe,KAAK,CAAC;QACxC,KAAK,OAAO;QACZ;UACE,OAAOF,4BAAQ,CAACI,SAAS,CAACjB,KAAA,CAAKe,KAAK,CAAC;MACzC;IACF,CAAC,QAAAf,KAAA,MAAAkB,eAAA,CAAAC,OAAA,EAAAtB,iBAAA,EAAAE,gBAAA,MAAAqB,MAAA,GAAAvB,iBAAA,CAAAwB,SAAA,CAAAD,MAAA,CA/BME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE/B,MAAA,CAAA2B,OAAA,CAAAK,aAAA,CAAC7B,aAAA,CAAA8B,YAAY,CAACC,QAAQ,QACnB,UAACX,KAAK,EAAK,CACVQ,MAAI,CAACR,KAAK,GAAGA,KAAK,CAClB,OAAOQ,MAAI,CAACI,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAP,MAAA,CAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB,CACnB,IAAQC,QAAQ,GAAK,IAAI,CAACjB,KAAK,CAAvBiB,QAAQ,CAEhB,IAAI,CAACA,QAAQ,IAAI,eAACC,cAAK,CAACC,cAAc,CAACF,QAAQ,CAAC,EAAE,CAChD,OAAO,IAAI,CACb,CAEA,oBAAOpC,MAAA,CAAA2B,OAAA,CAAAK,aAAA,UAAKO,SAAS,EAAE,IAAI,CAACrB,oBAAoB,CAAC,CAAE,IAAEkB,QAAc,CAAC,CACtE,CAAC,QAAA/B,iBAAA,GAxBoCgC,cAAK,CAACG,SAAS,EAAzCnC,iBAAiB,CACdoC,mBAAmB,GAAG,kBAAkB","ignoreList":[]}

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts

@@ -1,4 +1,7 @@
 import type { Theme } from '../../../lib/theming/Theme';
 export declare const jsStyles: {
     root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
 };

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js

@@ -1,13 +1,33 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 
 var styles = {
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      background: ", ";\n      border-bottom-left-radius: ", ";\n      border-bottom-right-radius: ", ";\n    "])),
 
 
 
-    t.mobilePopupHeaderPadding);
+    t.menuBgDefault,
+    t.mobilePopupContainerBorderRadius,
+    t.mobilePopupContainerBorderRadius);
+
+  },
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      padding: ", ";\n    "])),
+    styles.root(t),
+    t.mobilePaddingSmall);
+
+  },
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      padding: ", ";\n    "])),
+    styles.root(t),
+    t.mobilePaddingMedium);
+
+  },
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      padding: ", ";\n    "])),
+    styles.root(t),
+    t.mobilePaddingLarge);
 
   }
 };

package/cjs/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,4BAAA,CAAAC,OAAA;;;;IAIGH,CAAC,CAACI,wBAAwB;;EAEzC;AACF,CAAC;;AAEM,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACT,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","root","t","css","_taggedTemplateLiteralLoose2","default","menuBgDefault","mobilePopupContainerBorderRadius","rootSmall","mobilePaddingSmall","rootMedium","mobilePaddingMedium","rootLarge","mobilePaddingLarge","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      background: ${t.menuBgDefault};\n      border-bottom-left-radius: ${t.mobilePopupContainerBorderRadius};\n      border-bottom-right-radius: ${t.mobilePopupContainerBorderRadius};\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePaddingSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePaddingMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePaddingLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;IAIMH,CAAC,CAACI,aAAa;IACAJ,CAAC,CAACK,gCAAgC;IACjCL,CAAC,CAACK,gCAAgC;;EAEpE,CAAC;EACDC,SAAS,WAAAA,UAACN,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACO,kBAAkB;;EAEnC,CAAC;EACDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACS,mBAAmB;;EAEpC,CAAC;EACDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACW,kBAAkB;;EAEnC;AACF,CAAC;;AAEM,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAAChB,MAAM,CAAC","ignoreList":[]}

package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import type { SizeProp } from '../../../lib/types/props';
 interface MobilePopupHeaderProps {
     /**
      * Заголовок шапки
      */
     caption?: string;
+    size?: SizeProp;
 }
 export declare class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {
     static __KONTUR_REACT_UI__: string;
@@ -11,5 +13,6 @@ export declare class MobilePopupHeader extends React.Component<React.PropsWithCh
     private theme;
     render(): React.JSX.Element;
     private renderMain;
+    private getRootSizeClassName;
 }
 export {};

package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js

@@ -1,10 +1,9 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MobilePopupHeader = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-var _utils = require("../../../lib/utils");
 
-var _Emotion = require("../../../lib/theming/Emotion");
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
 
+
 var _MobilePopupHeader2 = require("./MobilePopupHeader.styles");var
 
 
@@ -14,46 +13,45 @@ var _MobilePopupHeader2 = require("./MobilePopupHeader.styles");var
 
 
 
-MobilePopupHeader = exports.MobilePopupHeader = /*#__PURE__*/function (_React$Component) {function MobilePopupHeader() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(MobilePopupHeader, _React$Component);var _proto = MobilePopupHeader.prototype;_proto.
+
+MobilePopupHeader = exports.MobilePopupHeader = /*#__PURE__*/function (_React$Component) {function MobilePopupHeader() {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.
+
+
+
+
+
+
+
+
 
 
 
 
 
-  render = function render() {var _this = this;
-    return /*#__PURE__*/(
-      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {
-        _this.theme = theme;
-        return _this.renderMain();
-      }
-      ));
 
-  };_proto.
 
-  renderMain = function renderMain() {var _cx, _cx2;
-    var _this$props = this.props,caption = _this$props.caption,children = _this$props.children;
 
-    return /*#__PURE__*/(
-      _react.default.createElement("div", {
-        className: (0, _Emotion.cx)((_cx = {}, _cx[
-        _MobilePopupHeader2.jsStyles.root(this.theme)] = true, _cx[
-        _MobilePopupHeader2.jsStyles.rootWithoutContent()] = !caption && !children, _cx)
-        ) }, /*#__PURE__*/
 
-      _react.default.createElement("div", { className: _MobilePopupHeader2.jsStyles.container() },
-      caption && /*#__PURE__*/
-      _react.default.createElement("div", {
-        className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
-        _MobilePopupHeader2.jsStyles.caption(this.theme)] = true, _cx2[
-        _MobilePopupHeader2.jsStyles.captionWithChildren()] = (0, _utils.isNonNullable)(children), _cx2)
-        ) },
 
-      caption
-      ),
 
-      /*#__PURE__*/_react.default.isValidElement(children) && /*#__PURE__*/_react.default.createElement("div", null, children)
-      )
-      ));
 
-  };return MobilePopupHeader;}(_react.default.Component);MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';MobilePopupHeader.displayName = 'MobileMenuHeader';
+
+
+
+
+
+
+
+
+
+    getRootSizeClassName = function () {
+      switch (_this.props.size) {
+        case 'large':
+          return _MobilePopupHeader2.jsStyles.rootLarge(_this.theme);
+        case 'medium':
+          return _MobilePopupHeader2.jsStyles.rootMedium(_this.theme);
+        case 'small':
+        default:
+          return _MobilePopupHeader2.jsStyles.rootSmall(_this.theme);
+      }
+    };return _this;}(0, _inheritsLoose2.default)(MobilePopupHeader, _React$Component);var _proto = MobilePopupHeader.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,caption = _this$props.caption,children = _this$props.children;return /*#__PURE__*/_react.default.createElement("div", { className: this.getRootSizeClassName() }, /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopupHeader2.jsStyles.container() }, caption && /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopupHeader2.jsStyles.caption(this.theme) }, caption), /*#__PURE__*/_react.default.isValidElement(children) && /*#__PURE__*/_react.default.createElement("div", null, children)));};return MobilePopupHeader;}(_react.default.Component);MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';MobilePopupHeader.displayName = 'MobileMenuHeader';

package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Emotion","_ThemeContext","_MobilePopupHeader2","MobilePopupHeader","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","cx","jsStyles","root","rootWithoutContent","container","captionWithChildren","isNonNullable","React","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div\n        className={cx({\n          [jsStyles.root(this.theme)]: true,\n          [jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={jsStyles.container()}>\n          {caption && (\n            <div\n              className={cx({\n                [jsStyles.caption(this.theme)]: true,\n                [jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,mBAAA,GAAAJ,OAAA,+BAAsD;;;;;;;;;AASzCK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEjB,MAAA,CAAAa,OAAA,CAAAK,aAAA,CAACb,aAAA,CAAAc,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVJ,KAAI,CAACI,KAAK,GAAGA,KAAK;QAClB,OAAOJ,KAAI,CAACK,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAR,MAAA;;EAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,GAAA,EAAAC,IAAA;IACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;IAEzB;MACE5B,MAAA,CAAAa,OAAA,CAAAK,aAAA;QACEW,SAAS,EAAE,IAAAC,WAAE,GAAAP,GAAA,OAAAA,GAAA;QACVQ,4BAAQ,CAACC,IAAI,CAAC,IAAI,CAACX,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCQ,4BAAQ,CAACE,kBAAkB,CAAC,CAAC,IAAG,CAACN,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHvB,MAAA,CAAAa,OAAA,CAAAK,aAAA,UAAKW,SAAS,EAAEE,4BAAQ,CAACG,SAAS,CAAC,CAAE;MAClCP,OAAO;MACN3B,MAAA,CAAAa,OAAA,CAAAK,aAAA;QACEW,SAAS,EAAE,IAAAC,WAAE,GAAAN,IAAA,OAAAA,IAAA;QACVO,4BAAQ,CAACJ,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCO,4BAAQ,CAACI,mBAAmB,CAAC,CAAC,IAAG,IAAAC,oBAAa,EAACR,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAU,cAAK,CAACC,cAAc,CAACV,QAAQ,CAAC,iBAAI5B,MAAA,CAAAa,OAAA,CAAAK,aAAA,cAAMU,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAArB,iBAAA,GA1CoC8B,cAAK,CAACE,SAAS,EAAzChC,iBAAiB,CACdiC,mBAAmB,GAAG,kBAAkB,CAD3CjC,iBAAiB,CAEdkC,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_MobilePopupHeader2","MobilePopupHeader","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getRootSizeClassName","props","size","jsStyles","rootLarge","theme","rootMedium","rootSmall","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","renderMain","_this$props","caption","children","className","container","React","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { jsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n  size?: SizeProp;\n}\n\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div className={this.getRootSizeClassName()}>\n        <div className={jsStyles.container()}>\n          {caption && <div className={jsStyles.caption(this.theme)}>{caption}</div>}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  private getRootSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return jsStyles.rootLarge(this.theme);\n      case 'medium':\n        return jsStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return jsStyles.rootSmall(this.theme);\n    }\n  };\n}\n"],"mappings":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;;AAGA,IAAAE,mBAAA,GAAAF,OAAA,+BAAsD;;;;;;;;;;AAUzCG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8BpBU,oBAAoB,GAAG,YAAc;MAC3C,QAAQV,KAAA,CAAKW,KAAK,CAACC,IAAI;QACrB,KAAK,OAAO;UACV,OAAOC,4BAAQ,CAACC,SAAS,CAACd,KAAA,CAAKe,KAAK,CAAC;QACvC,KAAK,QAAQ;UACX,OAAOF,4BAAQ,CAACG,UAAU,CAAChB,KAAA,CAAKe,KAAK,CAAC;QACxC,KAAK,OAAO;QACZ;UACE,OAAOF,4BAAQ,CAACI,SAAS,CAACjB,KAAA,CAAKe,KAAK,CAAC;MACzC;IACF,CAAC,QAAAf,KAAA,MAAAkB,eAAA,CAAAC,OAAA,EAAAtB,iBAAA,EAAAE,gBAAA,MAAAqB,MAAA,GAAAvB,iBAAA,CAAAwB,SAAA,CAAAD,MAAA,CAlCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE/B,MAAA,CAAA2B,OAAA,CAAAK,aAAA,CAAC7B,aAAA,CAAA8B,YAAY,CAACC,QAAQ,QACnB,UAACX,KAAK,EAAK,CACVQ,MAAI,CAACR,KAAK,GAAGA,KAAK,CAClB,OAAOQ,MAAI,CAACI,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAP,MAAA,CAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB,CACnB,IAAAC,WAAA,GAA8B,IAAI,CAACjB,KAAK,CAAhCkB,OAAO,GAAAD,WAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ,CAEzB,oBACEtC,MAAA,CAAA2B,OAAA,CAAAK,aAAA,UAAKO,SAAS,EAAE,IAAI,CAACrB,oBAAoB,CAAC,CAAE,iBAC1ClB,MAAA,CAAA2B,OAAA,CAAAK,aAAA,UAAKO,SAAS,EAAElB,4BAAQ,CAACmB,SAAS,CAAC,CAAE,IAClCH,OAAO,iBAAIrC,MAAA,CAAA2B,OAAA,CAAAK,aAAA,UAAKO,SAAS,EAAElB,4BAAQ,CAACgB,OAAO,CAAC,IAAI,CAACd,KAAK,CAAE,IAAEc,OAAa,CAAC,EACxE,aAAAI,cAAK,CAACC,cAAc,CAACJ,QAAQ,CAAC,iBAAItC,MAAA,CAAA2B,OAAA,CAAAK,aAAA,cAAMM,QAAc,CACpD,CACF,CAAC,CAEV,CAAC,QAAAjC,iBAAA,GA5BoCoC,cAAK,CAACE,SAAS,EAAzCtC,iBAAiB,CACduC,mBAAmB,GAAG,kBAAkB,CAD3CvC,iBAAiB,CAEdwC,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts

@@ -1,8 +1,9 @@
 import type { Theme } from '../../../lib/theming/Theme';
 export declare const jsStyles: {
     root(t: Theme): string;
-    rootWithoutContent(): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
     container(): string;
     caption(t: Theme): string;
-    captionWithChildren(): string;
 };

package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js

@@ -1,40 +1,49 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 
 var styles = {
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      background: ", ";\n      border-top-left-radius: ", ";\n      border-top-right-radius: ", ";\n    "])),
 
-    t.mobilePopupHeaderPadding);
+    t.menuBgDefault,
+    t.mobilePopupContainerBorderRadius,
+    t.mobilePopupContainerBorderRadius);
 
   },
 
-  rootWithoutContent: function rootWithoutContent() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 8px 0 0 0;\n    "])));
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      padding: ", ";\n    "])),
+    styles.root(t),
+    t.mobilePopupHeaderPaddingSmall);
 
+  },
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      padding: ", ";\n    "])),
+    styles.root(t),
+    t.mobilePopupHeaderPaddingMedium);
+
+  },
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      padding: ", ";\n    "])),
+    styles.root(t),
+    t.mobilePopupHeaderPaddingLarge);
 
   },
 
   container: function container() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-direction: column;\n    "])));
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-direction: column;\n    "])));
 
 
 
   },
 
   caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])),
     t.mobilePopupHeaderFontSize,
     t.mobilePopupHeaderLineHeight,
     t.mobilePopupHeaderFontWeight,
     t.textColorDefault);
 
-  },
-
-  captionWithChildren: function captionWithChildren() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 8px;\n    "])));
-
-
   }
 };
 

package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","root","t","css","_taggedTemplateLiteralLoose2","default","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n\n  rootWithoutContent() {\n    return css`\n      padding: 8px 0 0 0;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  captionWithChildren() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;IAEGH,CAAC,CAACI,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDI,OAAO,WAAAA,QAACP,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;IACKH,CAAC,CAACQ,yBAAyB;IACzBR,CAAC,CAACS,2BAA2B;IAC7BT,CAAC,CAACU,2BAA2B;IACnCV,CAAC,CAACW,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOX,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC;;AAEM,IAAMU,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACjB,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","styles","root","t","css","_taggedTemplateLiteralLoose2","default","menuBgDefault","mobilePopupContainerBorderRadius","rootSmall","mobilePopupHeaderPaddingSmall","rootMedium","mobilePopupHeaderPaddingMedium","rootLarge","mobilePopupHeaderPaddingLarge","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","jsStyles","exports","memoizeStyle"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      background: ${t.menuBgDefault};\n      border-top-left-radius: ${t.mobilePopupContainerBorderRadius};\n      border-top-right-radius: ${t.mobilePopupContainerBorderRadius};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePopupHeaderPaddingSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePopupHeaderPaddingMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePopupHeaderPaddingLarge};\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,iCAAiE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGjE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;IAEMH,CAAC,CAACI,aAAa;IACHJ,CAAC,CAACK,gCAAgC;IACjCL,CAAC,CAACK,gCAAgC;;EAEjE,CAAC;;EAEDC,SAAS,WAAAA,UAACN,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACO,6BAA6B;;EAE9C,CAAC;EACDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACS,8BAA8B;;EAE/C,CAAC;EACDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACNL,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACW,6BAA6B;;EAE9C,CAAC;;EAEDC,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOX,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDU,OAAO,WAAAA,QAACb,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;IACKH,CAAC,CAACc,yBAAyB;IACzBd,CAAC,CAACe,2BAA2B;IAC7Bf,CAAC,CAACgB,2BAA2B;IACnChB,CAAC,CAACiB,gBAAgB;;EAE/B;AACF,CAAC;;AAEM,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACtB,MAAM,CAAC","ignoreList":[]}

package/cjs/internal/Popup/Popup.d.ts

@@ -4,6 +4,7 @@ import type { Nullable } from '../../typings/utility-types';
 import type { Priority } from '../ZIndex';
 import type { FocusEventType, MouseEventType } from '../../typings/event-types';
 import type { CommonProps } from '../CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
 export declare const PopupNonPinnablePositions: string[];
 export declare const PopupPinnablePositions: string[];
@@ -138,6 +139,7 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private locationUpdateId;
     private lastPopupContentElement;
     private isMobileLayout;
+    getRootNode: TGetRootNode;
     private setRootNode;
     private refForTransition;
     private hasAnchorElementListeners;