@skbkontur/react-ui 6.0.7-eab55.0 → 6.0.8

package/internal/MobilePopup/MobilePopup.styles.js

@@ -5,53 +5,29 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
 export var getJsStyles = memoizeGetStyles(function (_a) {
     var css = _a.css;
-    var content_6_1 = function (t) {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    "], ["\n      background-color: ", ";\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    "])), t.bgDefault);
-    };
-    return {
+    return ({
         root: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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      "], ["\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      "])), t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBottomPadding, t.menuBgDefault);
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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    "], ["\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    "])), t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBottomPadding, t.menuBgDefault);
         },
         wrapper: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      "], ["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      "])));
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "], ["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
         },
         content: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        background-color: ", ";\n      "], ["\n        background-color: ", ";\n      "])), t.bgDefault);
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), t.bgDefault);
         },
         container: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        position: absolute;\n        top: ", ";\n        left: ", ";\n        right: ", ";\n        z-index: 100000;\n      "], ["\n        position: absolute;\n        top: ", ";\n        left: ", ";\n        right: ", ";\n        z-index: 100000;\n      "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
-        },
-        root_6_1: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\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        max-height: calc(100dvh - (2 * ", "));\n      "], ["\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        max-height: calc(100dvh - (2 * ", "));\n      "])), t.mobilePopupContainerBorderRadius, t.menuBgDefault, t.mobilePopupPositionY, t.mobilePopupPositionY);
-        },
-        wrapper_6_1: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        position: fixed;\n        top: ", ";\n        bottom: ", ";\n        right: ", ";\n        left: ", ";\n        display: flex;\n        align-items: center;\n      "], ["\n        position: fixed;\n        top: ", ";\n        bottom: ", ";\n        right: ", ";\n        left: ", ";\n        display: flex;\n        align-items: center;\n      "])), t.mobilePopupPositionY, t.mobilePopupPositionY, t.mobilePopupPositionX, t.mobilePopupPositionX);
-        },
-        contentSmall_6_1: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content_6_1(t), t.mobilePopupPaddingSmall);
-        },
-        contentMedium_6_1: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content_6_1(t), t.mobilePopupPaddingMedium);
-        },
-        contentLarge_6_1: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content_6_1(t), t.mobilePopupPaddingLarge);
-        },
-        containerBase_6_1: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ", "));\n      "], ["\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ", "));\n      "])), t.mobilePopupPositionX);
-        },
-        containerBottom_6_1: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        bottom: 0;\n        max-height: calc(100vh - (2 * ", "));\n      "], ["\n        bottom: 0;\n        max-height: calc(100vh - (2 * ", "));\n      "])), t.mobilePopupPositionY);
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "], ["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
         },
         bg: function () {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      "], ["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      "])));
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      touch-action: none;\n      background: #333333;\n      opacity: 50%;\n    "], ["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      touch-action: none;\n      background: #333333;\n      opacity: 50%;\n    "])));
         },
         bottomIndent: function () {
-            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        height: 80px;\n      "], ["\n        height: 80px;\n      "])));
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      height: 80px;\n    "], ["\n      height: 80px;\n    "])));
         },
         zIndex: function () {
-            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        position: relative;\n      "], ["\n        position: relative;\n      "])));
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      position: relative;\n    "], ["\n      position: relative;\n    "])));
         },
-    };
+    });
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=MobilePopup.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MobilePopup.styles.js","sourceRoot":"","sources":["../../../internal/MobilePopup/MobilePopup.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ;QAC3B,OAAO,GAAG,+LAAA,4BACY,EAAW,8FAKhC,KALqB,CAAC,CAAC,SAAS,EAK/B;IACJ,CAAC,CAAC;IACF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0UAAA,qKAMS,EAAkC,wDAEjC,EAAmC,yBACvC,EAAe,WAC9B,KAJkB,CAAC,CAAC,gCAAgC,EAEjC,CAAC,CAAC,iCAAiC,EACvC,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,0MAAA,uIAOT,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,8GAAA,8BACY,EAAW,WAChC,KADqB,CAAC,CAAC,SAAS,EAC/B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,mMAAA,8CAED,EAAuB,mBACtB,EAAyB,oBACxB,EAAyB,qCAEnC,KAJQ,CAAC,CAAC,qBAAqB,EACtB,CAAC,CAAC,uBAAuB,EACxB,CAAC,CAAC,uBAAuB,EAElC;QACJ,CAAC;QAED,QAAQ,YAAC,CAAQ;YACf,OAAO,GAAG,4YAAA,qKAMS,EAAkC,oDAErC,EAAe,6CAEG,EAAsB,8CACrB,EAAsB,aACxD,KANkB,CAAC,CAAC,gCAAgC,EAErC,CAAC,CAAC,aAAa,EAEG,CAAC,CAAC,oBAAoB,EACrB,CAAC,CAAC,oBAAoB,EACvD;QACJ,CAAC;QAED,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,mPAAA,2CAED,EAAsB,qBACnB,EAAsB,oBACvB,EAAsB,mBACvB,EAAsB,iEAG/B,KANQ,CAAC,CAAC,oBAAoB,EACnB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EAG9B;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,mHAAA,YACN,EAAc,qBACL,EAAyB,WACrC,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,mHAAA,YACN,EAAc,qBACL,EAA0B,WACtC,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,qHAAA,YACN,EAAc,qBACL,EAAyB,WACrC,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,oLAAA,gGAGuB,EAAsB,aACtD,KADgC,CAAC,CAAC,oBAAoB,EACrD;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,GAAG,kJAAA,8DAEwB,EAAsB,aACvD,KADiC,CAAC,CAAC,oBAAoB,EACtD;QACJ,CAAC;QAED,EAAE;YACA,OAAO,GAAG,6RAAA,wNAUT,KAAC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,GAAG,sGAAA,iCAET,KAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,4GAAA,uCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const content_6_1 = (t: Theme) => {\n    return css`\n      background-color: ${t.bgDefault};\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    `;\n  };\n  return {\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    root_6_1(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.mobilePopupPositionY}));\n        max-height: calc(100dvh - (2 * ${t.mobilePopupPositionY}));\n      `;\n    },\n\n    wrapper_6_1(t: Theme) {\n      return css`\n        position: fixed;\n        top: ${t.mobilePopupPositionY};\n        bottom: ${t.mobilePopupPositionY};\n        right: ${t.mobilePopupPositionX};\n        left: ${t.mobilePopupPositionX};\n        display: flex;\n        align-items: center;\n      `;\n    },\n\n    contentSmall_6_1(t: Theme) {\n      return css`\n        ${content_6_1(t)}\n        padding: ${t.mobilePopupPaddingSmall};\n      `;\n    },\n\n    contentMedium_6_1(t: Theme) {\n      return css`\n        ${content_6_1(t)}\n        padding: ${t.mobilePopupPaddingMedium};\n      `;\n    },\n\n    contentLarge_6_1(t: Theme) {\n      return css`\n        ${content_6_1(t)}\n        padding: ${t.mobilePopupPaddingLarge};\n      `;\n    },\n\n    containerBase_6_1(t: Theme) {\n      return css`\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ${t.mobilePopupPositionX}));\n      `;\n    },\n\n    containerBottom_6_1(t: Theme) {\n      return css`\n        bottom: 0;\n        max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\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        touch-action: none;\n        background: #333333;\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});\n"]}
+{"version":3,"file":"MobilePopup.styles.js","sourceRoot":"","sources":["../../../internal/MobilePopup/MobilePopup.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,sTAAA,yJAMS,EAAkC,oDAEjC,EAAmC,uBACvC,EAAe,SAC9B,KAJkB,CAAC,CAAC,gCAAgC,EAEjC,CAAC,CAAC,iCAAiC,EACvC,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,4LAAA,yHAOT,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,0GAAA,4BACY,EAAW,SAChC,KADqB,CAAC,CAAC,SAAS,EAC/B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,uLAAA,0CAED,EAAuB,iBACtB,EAAyB,kBACxB,EAAyB,iCAEnC,KAJQ,CAAC,CAAC,qBAAqB,EACtB,CAAC,CAAC,uBAAuB,EACxB,CAAC,CAAC,uBAAuB,EAElC;QACJ,CAAC;QAED,EAAE;YACA,OAAO,GAAG,uQAAA,oMAUT,KAAC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,GAAG,gGAAA,6BAET,KAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,sGAAA,mCAET,KAAC;QACJ,CAAC;KACF,CAAC;AAnEgE,CAmEhE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\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      touch-action: none;\n      background: #333333;\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"]}

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

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

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js

@@ -22,24 +22,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import React from 'react';
 import { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
-import { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';
 import { getJsStyles } from './MobilePopupFooter.styles.js';
 var MobilePopupFooter = /** @class */ (function (_super) {
     __extends(MobilePopupFooter, _super);
     function MobilePopupFooter() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.getRootSizeClassName_6_1 = function () {
-            switch (_this.props.size) {
-                case 'large':
-                    return _this.jsStyles.rootLarge_6_1(_this.theme);
-                case 'medium':
-                    return _this.jsStyles.rootMedium_6_1(_this.theme);
-                case 'small':
-                default:
-                    return _this.jsStyles.rootSmall_6_1(_this.theme);
-            }
-        };
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     MobilePopupFooter.prototype.render = function () {
         var _this = this;
@@ -50,14 +37,10 @@ var MobilePopupFooter = /** @class */ (function (_super) {
         }));
     };
     MobilePopupFooter.prototype.renderMain = function () {
-        var themeGTE6_1 = isThemeGTE(this.theme, '6.1');
         var children = this.props.children;
         if (!children || !React.isValidElement(children)) {
             return null;
         }
-        if (themeGTE6_1) {
-            return React.createElement("div", { className: this.getRootSizeClassName_6_1() }, children);
-        }
         return React.createElement("div", { className: this.jsStyles.root(this.theme) }, children);
     };
     MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter';

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

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupFooter.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAO5D;IAAuC,qCAAsB;IAA7D;;QAmCU,8BAAwB,GAAG;YACjC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACjD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBAClD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAvCQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE,IAAG,QAAQ,CAAO,CAAC;QAC3E,CAAC;QAED,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAO,CAAC;IAC1E,CAAC;IAhCa,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IAD5C,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CA8C7B;IAAD,wBAAC;CAAA,AA9CD,CAAuC,KAAK,CAAC,SAAS,GA8CrD;SA9CY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { getJsStyles } from './MobilePopupFooter.styles.js';\n\ninterface Props extends PropsWithChildren {\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\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 themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    if (themeGTE6_1) {\n      return <div className={this.getRootSizeClassName_6_1()}>{children}</div>;\n    }\n\n    return <div className={this.jsStyles.root(this.theme)}>{children}</div>;\n  }\n\n  private getRootSizeClassName_6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge_6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.rootMedium_6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall_6_1(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"file":"MobilePopupFooter.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG5D;IAAuC,qCAAwC;IAA/E;;IA6BA,CAAC;IAtBQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;QACU,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAO,CAAC;IAC1E,CAAC;IA3Ba,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IAD5C,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CA6B7B;IAAD,wBAAC;CAAA,AA7BD,CAAuC,KAAK,CAAC,SAAS,GA6BrD;SA7BY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { getJsStyles } from './MobilePopupFooter.styles.js';\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\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.jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"]}

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

@@ -1,7 +1,4 @@
 import type { Theme } from '../../../lib/theming/Theme.js';
 export declare const getJsStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
     root(t: Theme): string;
-    rootSmall_6_1(t: Theme): string;
-    rootMedium_6_1(t: Theme): string;
-    rootLarge_6_1(t: Theme): string;
 }>;

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

@@ -5,21 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import { memoizeGetStyles } from '../../../lib/theming/Emotion.js';
 export var getJsStyles = memoizeGetStyles(function (_a) {
     var css = _a.css;
-    var rootBase_6_1 = function (t) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ", ";\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "], ["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ", ";\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "])), t.menuBgDefault, t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBorderRadius); };
-    return {
+    return ({
         root: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ", ";\n        padding: ", ";\n      "], ["\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ", ";\n        padding: ", ";\n      "])), t.menuBgDefault, t.mobilePopupFooterPadding);
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "], ["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
         },
-        rootSmall_6_1: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase_6_1(t), t.mobilePopupFooterPaddingSmall);
-        },
-        rootMedium_6_1: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase_6_1(t), t.mobilePopupFooterPaddingMedium);
-        },
-        rootLarge_6_1: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase_6_1(t), t.mobilePopupFooterPaddingLarge);
-        },
-    };
+    });
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1;
 //# sourceMappingURL=MobilePopupFooter.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupFooter.styles.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,YAAY,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,uPAAA,8FAItB,EAAe,oCACA,EAAkC,qCACjC,EAAkC,OACjE,KAHe,CAAC,CAAC,aAAa,EACA,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GAN/B,CAOlC,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,sNAAA,8GAIM,EAAe,sBAClB,EAA0B,WACtC,KAFe,CAAC,CAAC,aAAa,EAClB,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,oHAAA,YACN,EAAe,sBACN,EAA+B,WAC3C,KAFG,YAAY,CAAC,CAAC,CAAC,EACN,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QACD,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,oHAAA,YACN,EAAe,sBACN,EAAgC,WAC5C,KAFG,YAAY,CAAC,CAAC,CAAC,EACN,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QACD,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,oHAAA,YACN,EAAe,sBACN,EAA+B,WAC3C,KAFG,YAAY,CAAC,CAAC,CAAC,EACN,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const rootBase_6_1 = (t: Theme) => 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  return {\n    root(t: Theme) {\n      return css`\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ${t.menuBgDefault};\n        padding: ${t.mobilePopupFooterPadding};\n      `;\n    },\n\n    rootSmall_6_1(t: Theme) {\n      return css`\n        ${rootBase_6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingSmall};\n      `;\n    },\n    rootMedium_6_1(t: Theme) {\n      return css`\n        ${rootBase_6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingMedium};\n      `;\n    },\n    rootLarge_6_1(t: Theme) {\n      return css`\n        ${rootBase_6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingLarge};\n      `;\n    },\n  };\n});\n"]}
+{"version":3,"file":"MobilePopupFooter.styles.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,iLAAA,mGAIG,EAA0B,SACtC,KADY,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;KACF,CAAC;AATgE,CAShE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"]}

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

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

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js

@@ -22,36 +22,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import React from 'react';
 import { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
-import { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';
 import { isNonNullable } from '../../../lib/utils.js';
 import { getJsStyles } from './MobilePopupHeader.styles.js';
 var MobilePopupHeader = /** @class */ (function (_super) {
     __extends(MobilePopupHeader, _super);
     function MobilePopupHeader() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.getContainerClassName_6_1 = function () {
-            switch (_this.props.size) {
-                case 'large':
-                    return _this.jsStyles.containerLarge_6_1(_this.theme);
-                case 'medium':
-                    return _this.jsStyles.containerMedium_6_1(_this.theme);
-                case 'small':
-                default:
-                    return _this.jsStyles.containerSmall_6_1(_this.theme);
-            }
-        };
-        _this.getRootSizeClassName_6_1 = function () {
-            switch (_this.props.size) {
-                case 'large':
-                    return _this.jsStyles.rootLarge_6_1(_this.theme);
-                case 'medium':
-                    return _this.jsStyles.rootMedium_6_1(_this.theme);
-                case 'small':
-                default:
-                    return _this.jsStyles.rootSmall_6_1(_this.theme);
-            }
-        };
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     MobilePopupHeader.prototype.render = function () {
         var _this = this;
@@ -62,30 +38,17 @@ var MobilePopupHeader = /** @class */ (function (_super) {
         }));
     };
     MobilePopupHeader.prototype.renderMain = function () {
-        var _a, _b, _c;
-        var themeGTE6_1 = isThemeGTE(this.theme, '6.1');
-        var _d = this.props, caption = _d.caption, children = _d.children;
-        if (themeGTE6_1) {
-            if (!caption && (!children || !React.isValidElement(children))) {
-                return null;
-            }
-            return (React.createElement("div", { className: this.getRootSizeClassName_6_1() },
-                React.createElement("div", { className: this.getContainerClassName_6_1() },
-                    caption && (React.createElement("div", { className: this.cx((_a = {},
-                            _a[this.jsStyles.caption(this.theme)] = true,
-                            _a[this.jsStyles.captionWithChildren()] = isNonNullable(children),
-                            _a)) }, caption)),
-                    React.isValidElement(children) && React.createElement("div", null, children))));
-        }
-        return (React.createElement("div", { className: this.cx((_b = {},
-                _b[this.jsStyles.root(this.theme)] = true,
-                _b[this.jsStyles.rootWithoutContent()] = !caption && !children,
-                _b)) },
+        var _a, _b;
+        var _c = this.props, caption = _c.caption, children = _c.children;
+        return (React.createElement("div", { className: this.cx((_a = {},
+                _a[this.jsStyles.root(this.theme)] = true,
+                _a[this.jsStyles.rootWithoutContent()] = !caption && !children,
+                _a)) },
             React.createElement("div", { className: this.jsStyles.container() },
-                caption && (React.createElement("div", { className: this.cx((_c = {},
-                        _c[this.jsStyles.caption(this.theme)] = true,
-                        _c[this.jsStyles.captionWithChildren()] = isNonNullable(children),
-                        _c)) }, caption)),
+                caption && (React.createElement("div", { className: this.cx((_b = {},
+                        _b[this.jsStyles.caption(this.theme)] = true,
+                        _b[this.jsStyles.captionWithChildren()] = isNonNullable(children),
+                        _b)) }, caption)),
                 React.isValidElement(children) && React.createElement("div", null, children))));
     };
     MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';

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

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAW5D;IAAuC,qCAAgE;IAAvG;;QA0EU,+BAAyB,GAAG;YAClC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACtD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACvD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YACxD,CAAC;QACH,CAAC,CAAC;QAEM,8BAAwB,GAAG;YACjC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACjD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBAClD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAxFQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC5C,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAhC,OAAO,aAAA,EAAE,QAAQ,cAAe,CAAC;QAEzC,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;gBAC/D,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE;gBAC7C,6BAAK,SAAS,EAAE,IAAI,CAAC,yBAAyB,EAAE;oBAC7C,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;4BAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;4BACzC,GAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,IAAG,aAAa,CAAC,QAAQ,CAAC;gCAC9D,IAED,OAAO,CACJ,CACP;oBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;QACJ,CAAC;QAED,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;gBAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;gBACtC,GAAC,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,IAAG,CAAC,OAAO,IAAI,CAAC,QAAQ;oBAC3D;YAEF,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE;gBACtC,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;wBAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;wBACzC,GAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,IAAG,aAAa,CAAC,QAAQ,CAAC;4BAC9D,IAED,OAAO,CACJ,CACP;gBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;IACJ,CAAC;IAvEa,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,6BAAW,GAAG,kBAAkB,AAArB,CAAsB;IAFpC,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CAiG7B;IAAD,wBAAC;CAAA,AAjGD,CAAuC,KAAK,CAAC,SAAS,GAiGrD;SAjGY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isNonNullable } from '../../../lib/utils.js';\nimport { getJsStyles } from './MobilePopupHeader.styles.js';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\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(): ReactElement | null {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { caption, children } = this.props;\n\n    if (themeGTE6_1) {\n      if (!caption && (!children || !React.isValidElement(children))) {\n        return null;\n      }\n\n      return (\n        <div className={this.getRootSizeClassName_6_1()}>\n          <div className={this.getContainerClassName_6_1()}>\n            {caption && (\n              <div\n                className={this.cx({\n                  [this.jsStyles.caption(this.theme)]: true,\n                  [this.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    return (\n      <div\n        className={this.cx({\n          [this.jsStyles.root(this.theme)]: true,\n          [this.jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={this.jsStyles.container()}>\n          {caption && (\n            <div\n              className={this.cx({\n                [this.jsStyles.caption(this.theme)]: true,\n                [this.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  private getContainerClassName_6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.containerLarge_6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.containerMedium_6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.containerSmall_6_1(this.theme);\n    }\n  };\n\n  private getRootSizeClassName_6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge_6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.rootMedium_6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall_6_1(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAU5D;IAAuC,qCAAgE;IAAvG;;IAgDA,CAAC;IAvCQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;;QACQ,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAhC,OAAO,aAAA,EAAE,QAAQ,cAAe,CAAC;QAEzC,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;gBAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;gBACtC,GAAC,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,IAAG,CAAC,OAAO,IAAI,CAAC,QAAQ;oBAC3D;YAEF,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE;gBACtC,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;wBAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;wBACzC,GAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,IAAG,aAAa,CAAC,QAAQ,CAAC;4BAC9D,IAED,OAAO,CACJ,CACP;gBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;IACJ,CAAC;IA9Ca,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,6BAAW,GAAG,kBAAkB,AAArB,CAAsB;IAFpC,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CAgD7B;IAAD,wBAAC;CAAA,AAhDD,CAAuC,KAAK,CAAC,SAAS,GAgDrD;SAhDY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isNonNullable } from '../../../lib/utils.js';\nimport { getJsStyles } from './MobilePopupHeader.styles.js';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\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={this.cx({\n          [this.jsStyles.root(this.theme)]: true,\n          [this.jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={this.jsStyles.container()}>\n          {caption && (\n            <div\n              className={this.cx({\n                [this.jsStyles.caption(this.theme)]: true,\n                [this.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"]}

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

@@ -3,12 +3,6 @@ export declare const getJsStyles: import("../../../lib/theming/Emotion.js").Styl
     root(t: Theme): string;
     rootWithoutContent(): string;
     container(): string;
-    rootSmall_6_1(t: Theme): string;
-    rootMedium_6_1(t: Theme): string;
-    rootLarge_6_1(t: Theme): string;
-    containerSmall_6_1(t: Theme): string;
-    containerMedium_6_1(t: Theme): string;
-    containerLarge_6_1(t: Theme): string;
     caption(t: Theme): string;
     captionWithChildren(): string;
 }>;

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

@@ -5,43 +5,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import { memoizeGetStyles } from '../../../lib/theming/Emotion.js';
 export var getJsStyles = memoizeGetStyles(function (_a) {
     var css = _a.css;
-    var rootBase_6_1 = function (t) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    background: ", ";\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  "], ["\n    position: relative;\n    background: ", ";\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  "])), t.menuBgDefault, t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBorderRadius); };
-    var containerBase_6_1 = function () { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n  "], ["\n    display: flex;\n    flex-direction: column;\n  "]))); };
-    return {
+    return ({
         root: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        position: relative;\n        padding: ", ";\n      "], ["\n        position: relative;\n        padding: ", ";\n      "])), t.mobilePopupHeaderPadding);
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: relative;\n      padding: ", ";\n    "], ["\n      position: relative;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
         },
         rootWithoutContent: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        padding: 8px 0 0 0;\n      "], ["\n        padding: 8px 0 0 0;\n      "])));
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding: 8px 0 0 0;\n    "], ["\n      padding: 8px 0 0 0;\n    "])));
         },
         container: function () {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        display: flex;\n        flex-direction: column;\n      "], ["\n        display: flex;\n        flex-direction: column;\n      "])));
-        },
-        rootSmall_6_1: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase_6_1(t), t.mobilePopupPaddingSmall);
-        },
-        rootMedium_6_1: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase_6_1(t), t.mobilePopupPaddingMedium);
-        },
-        rootLarge_6_1: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase_6_1(t), t.mobilePopupPaddingLarge);
-        },
-        containerSmall_6_1: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase_6_1(), t.mobilePopupHeaderPaddingSmall);
-        },
-        containerMedium_6_1: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase_6_1(), t.mobilePopupHeaderPaddingMedium);
-        },
-        containerLarge_6_1: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase_6_1(), t.mobilePopupHeaderPaddingLarge);
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      flex-direction: column;\n    "], ["\n      display: flex;\n      flex-direction: column;\n    "])));
         },
         caption: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n        font-weight: ", ";\n        color: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n        font-weight: ", ";\n        color: ", ";\n      "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
         },
         captionWithChildren: function () {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        padding-bottom: 8px;\n      "], ["\n        padding-bottom: 8px;\n      "])));
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      padding-bottom: 8px;\n    "], ["\n      padding-bottom: 8px;\n    "])));
         },
-    };
+    });
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=MobilePopupHeader.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupHeader.styles.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,YAAY,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,gMAAA,6CAEtB,EAAe,iCACH,EAAkC,kCACjC,EAAkC,OAC9D,KAHe,CAAC,CAAC,aAAa,EACH,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GAJ5B,CAKlC,CAAC;IAEF,IAAM,iBAAiB,GAAG,cAAM,OAAA,GAAG,0HAAA,uDAGlC,MAH+B,CAG/B,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,kIAAA,kDAEG,EAA0B,WACtC,KADY,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,kBAAkB;YAChB,OAAO,GAAG,0GAAA,uCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,sIAAA,mEAGT,KAAC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,wHAAA,YACN,EAAe,0BACF,EAAyB,WACzC,KAFG,YAAY,CAAC,CAAC,CAAC,EACF,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,wHAAA,YACN,EAAe,0BACF,EAA0B,WAC1C,KAFG,YAAY,CAAC,CAAC,CAAC,EACF,CAAC,CAAC,wBAAwB,EACzC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,wHAAA,YACN,EAAe,0BACF,EAAyB,WACzC,KAFG,YAAY,CAAC,CAAC,CAAC,EACF,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,oHAAA,YACN,EAAmB,sBACV,EAA+B,WAC3C,KAFG,iBAAiB,EAAE,EACV,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,GAAG,sHAAA,YACN,EAAmB,sBACV,EAAgC,WAC5C,KAFG,iBAAiB,EAAE,EACV,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,sHAAA,YACN,EAAmB,sBACV,EAA+B,WAC3C,KAFG,iBAAiB,EAAE,EACV,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,uLAAA,uBACK,EAA2B,0BACzB,EAA6B,0BAC7B,EAA6B,oBACnC,EAAkB,WAC5B,KAJc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,2BAA2B,EACnC,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,mBAAmB;YACjB,OAAO,GAAG,6GAAA,wCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const rootBase_6_1 = (t: Theme) => 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  const containerBase_6_1 = () => css`\n    display: flex;\n    flex-direction: column;\n  `;\n\n  return {\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    rootSmall_6_1(t: Theme) {\n      return css`\n        ${rootBase_6_1(t)};\n        padding-top: ${t.mobilePopupPaddingSmall};\n      `;\n    },\n\n    rootMedium_6_1(t: Theme) {\n      return css`\n        ${rootBase_6_1(t)};\n        padding-top: ${t.mobilePopupPaddingMedium};\n      `;\n    },\n\n    rootLarge_6_1(t: Theme) {\n      return css`\n        ${rootBase_6_1(t)};\n        padding-top: ${t.mobilePopupPaddingLarge};\n      `;\n    },\n\n    containerSmall_6_1(t: Theme) {\n      return css`\n        ${containerBase_6_1()};\n        padding: ${t.mobilePopupHeaderPaddingSmall};\n      `;\n    },\n\n    containerMedium_6_1(t: Theme) {\n      return css`\n        ${containerBase_6_1()};\n        padding: ${t.mobilePopupHeaderPaddingMedium};\n      `;\n    },\n\n    containerLarge_6_1(t: Theme) {\n      return css`\n        ${containerBase_6_1()};\n        padding: ${t.mobilePopupHeaderPaddingLarge};\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});\n"]}
+{"version":3,"file":"MobilePopupHeader.styles.js","sourceRoot":"","sources":["../../../../internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,4HAAA,8CAEG,EAA0B,SACtC,KADY,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,kBAAkB;YAChB,OAAO,GAAG,sGAAA,mCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,gIAAA,6DAGT,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,2KAAA,qBACK,EAA2B,wBACzB,EAA6B,wBAC7B,EAA6B,kBACnC,EAAkB,SAC5B,KAJc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,2BAA2B,EACnC,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,mBAAmB;YACjB,OAAO,GAAG,uGAAA,oCAET,KAAC;QACJ,CAAC;KACF,CAAC;AAnCgE,CAmChE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"]}

package/internal/Popup/Popup.d.ts

@@ -5,10 +5,10 @@ import type { FocusEventType, MouseEventType } from '../../typings/event-types.j
 import type { Nullable } from '../../typings/utility-types.js';
 import type { CommonProps } from '../CommonWrapper/index.js';
 import type { Priority } from '../ZIndex/index.js';
-export declare const PopupNonPinnablePositions: string[];
-export declare const PopupPinnablePositions: string[];
-export declare const PopupPositions: readonly string[];
-export declare const DefaultPosition: string;
+export declare const PopupNonPinnablePositions: readonly ["middle center", "middle left", "middle right"];
+export declare const PopupPinnablePositions: readonly ["top center", "top left", "top right", "bottom center", "bottom left", "bottom right", "left middle", "left top", "left bottom", "right middle", "right top", "right bottom"];
+export declare const PopupPositions: readonly ["top center", "top left", "top right", "bottom center", "bottom left", "bottom right", "left middle", "left top", "left bottom", "right middle", "right top", "right bottom", "middle center", "middle left", "middle right"];
+export declare const DefaultPosition: "top center";
 export type PopupPositionsType = (typeof PopupPositions)[number];
 export type PopupPinnablePositionsType = (typeof PopupPinnablePositions)[number];
 export type ShortPopupPositionsType = 'top' | 'bottom' | 'left' | 'right';
@@ -197,7 +197,5 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private getRelativeShift;
     private getCoordinates;
     private getPinOffset;
-    private getHorizontalPosition;
-    private getVerticalPosition;
 }
 export {};

package/internal/Popup/Popup.js

@@ -81,6 +81,9 @@ export var PopupPinnablePositions = [
 ];
 export var PopupPositions = __spreadArray(__spreadArray([], PopupPinnablePositions, true), PopupNonPinnablePositions, true);
 export var DefaultPosition = PopupPositions[0];
+var isPopupNonPinnablePosition = function (position) {
+    return PopupNonPinnablePositions.includes(position);
+};
 export var DUMMY_LOCATION = {
     position: DefaultPosition,
     coordinates: {
@@ -383,7 +386,7 @@ var Popup = /** @class */ (function (_super) {
         var hasPin = this.getProps().hasPin;
         var position = PopupHelper.getPositionObject(positionName);
         return (hasPin &&
-            !PopupNonPinnablePositions.includes(positionName) && (React.createElement(PopupPin, { popupElement: this.lastPopupContentElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), backgroundColor: backgroundColor || this.theme.popupBackground })));
+            !isPopupNonPinnablePosition(positionName) && (React.createElement(PopupPin, { popupElement: this.lastPopupContentElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), backgroundColor: backgroundColor || this.theme.popupBackground })));
     };
     Popup.prototype.delayUpdateLocation = function () {
         var _a, _b;
@@ -584,36 +587,36 @@ var Popup = /** @class */ (function (_super) {
             : parseInt(this.theme.popupMargin) || 0;
         var position = PopupHelper.getPositionObject(positionName);
         var popupOffset = this.getProps().popupOffset + this.getPinnedPopupOffset(anchorRect, position);
-        var defaultCoordinates = {
+        var getDefaultCoordinates = function () { return ({
             top: anchorRect.top - popupRect.height - margin,
-            left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),
-        };
+            left: PopupHelper.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),
+        }); };
         switch (position.direction) {
             case 'top':
-                return defaultCoordinates;
+                return getDefaultCoordinates();
             case 'middle':
                 return {
                     top: anchorRect.top + anchorRect.height / 2 - popupRect.height / 2,
-                    left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),
+                    left: PopupHelper.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),
                 };
             case 'bottom':
                 return {
                     top: anchorRect.top + anchorRect.height + margin,
-                    left: this.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),
+                    left: PopupHelper.getHorizontalPosition(anchorRect, popupRect, position.align, popupOffset),
                 };
             case 'left':
                 return {
-                    top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),
+                    top: PopupHelper.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),
                     left: anchorRect.left - popupRect.width - margin,
                 };
             case 'right':
                 return {
-                    top: this.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),
+                    top: PopupHelper.getVerticalPosition(anchorRect, popupRect, position.align, popupOffset),
                     left: anchorRect.left + anchorRect.width + margin,
                 };
             default:
                 warning(false, "Unexpected align '".concat(position.direction, "'. Must be one of - 'top', 'bottom', 'left', 'right', 'center', 'middle'. Returning default value."));
-                return defaultCoordinates;
+                return getDefaultCoordinates();
         }
     };
     Popup.prototype.getPinOffset = function (align) {
@@ -634,34 +637,6 @@ var Popup = /** @class */ (function (_super) {
                 return defaultPinOffset;
         }
     };
-    Popup.prototype.getHorizontalPosition = function (anchorRect, popupRect, align, popupOffset) {
-        var defaultHorizontalPosition = anchorRect.left - (popupRect.width - anchorRect.width) / 2;
-        switch (align) {
-            case 'left':
-                return anchorRect.left - popupOffset;
-            case 'center':
-                return defaultHorizontalPosition;
-            case 'right':
-                return anchorRect.left - (popupRect.width - anchorRect.width) + popupOffset;
-            default:
-                warning(false, "Unexpected align '".concat(align, "'. Must be one of - 'left', 'center', 'right'. Returning default value."));
-                return defaultHorizontalPosition;
-        }
-    };
-    Popup.prototype.getVerticalPosition = function (anchorRect, popupRect, align, popupOffset) {
-        var defaultVerticalPosition = anchorRect.top - popupOffset;
-        switch (align) {
-            case 'top':
-                return defaultVerticalPosition;
-            case 'middle':
-                return anchorRect.top - (popupRect.height - anchorRect.height) / 2;
-            case 'bottom':
-                return anchorRect.top - (popupRect.height - anchorRect.height) + popupOffset;
-            default:
-                warning(false, "Unexpected align '".concat(align, "'. Must be one of - 'top', 'middle', 'bottom'. Returning default value."));
-                return defaultVerticalPosition;
-        }
-    };
     var Popup_1;
     Popup.__KONTUR_REACT_UI__ = 'Popup';
     Popup.displayName = 'Popup';