@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

package/internal/Menu/Menu.styles/Menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Menu.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","t","css","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;;AAGA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;AACgBD,QAAAA,CAAC,CAACE,aADlB;AAEmBF,QAAAA,CAAC,CAACG,gBAFrB;AAGgBH,QAAAA,CAAC,CAACI,aAHlB;;AAKaJ,QAAAA,CAAC,CAACK,YALf,EAK+BL,CAAC,CAACM,YALjC;AAMYN,QAAAA,CAAC,CAACO,WANd;;AAQD,OAVU;;AAYXC,MAAAA,UAZW,sBAYAR,CAZA,EAYU;AACnB,eAAOF,OAAO,CAACG,GAAf;;;AAGeD,QAAAA,CAAC,CAACS,kBAHjB;;AAKD,OAlBU;;AAoBXC,MAAAA,UApBW,wBAoBE;AACX,eAAOZ,OAAO,CAACG,GAAf;;;AAGD,OAxBU;;AA0BXU,MAAAA,cA1BW,4BA0BM;AACf,eAAOb,OAAO,CAACG,GAAf;;;;AAID,OA/BU;;AAiCXW,MAAAA,0BAjCW,wCAiCkB;AAC3B,eAAOd,OAAO,CAACG,GAAf;;;;AAID,OAtCU;;AAwCXY,MAAAA,eAxCW,2BAwCKb,CAxCL,EAwCe;AACxB,eAAOF,OAAO,CAACG,GAAf;AACaD,QAAAA,CAAC,CAACc,yCADf;;AAGD,OA5CU;;AA8CXC,MAAAA,qBA9CW,iCA8CWf,CA9CX,EA8CqB;AAC9B,eAAOF,OAAO,CAACG,GAAf;AACaD,QAAAA,CAAC,CAACgB,+CADf;;AAGD,OAlDU;;AAoDXC,MAAAA,MApDW,kBAoDJjB,CApDI,EAoDM;AACf,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACkB,UADd;AAEgBlB,QAAAA,CAAC,CAACmB,UAFlB;;AAID,OAzDU;;AA2DXC,MAAAA,OA3DW,qBA2DD;AACR,eAAOtB,OAAO,CAACG,GAAf;;;;;;;;AAQD,OApEU;;AAsEXoB,MAAAA,aAtEW,2BAsEK;AACd,eAAOvB,OAAO,CAACG,GAAf;;;AAGD,OA1EU;;AA4EXqB,MAAAA,aA5EW,2BA4EK;AACd,eAAOxB,OAAO,CAACG,GAAf;;;AAGD,OAhFU;;AAkFXsB,MAAAA,cAlFW,4BAkFM;AACf,eAAOzB,OAAO,CAACG,GAAf;;;AAGD,OAtFU;;AAwFXuB,MAAAA,oBAxFW,gCAwFUxB,CAxFV,EAwFoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACyB,wBADd;;AAGD,OA5FU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        background: ${t.menuBgDefault};\n        border-radius: ${t.menuBorderRadius};\n        box-sizing: ${t.menuBoxSizing};\n        outline: none;\n        padding: ${t.menuPaddingY} ${t.menuPaddingX};\n        margin: ${t.menuOffsetY} 0;\n      `;\n    },\n\n    mobileRoot(t: Theme) {\n      return emotion.css`\n        border-radius: 0;\n        margin: 0;\n        padding: 0 ${t.mobileMenuPaddingX};\n      `;\n    },\n\n    alignRight() {\n      return emotion.css`\n        flex: 1 1 100%;\n      `;\n    },\n\n    alignRightIE11() {\n      return emotion.css`\n        float: right;\n        width: 100%;\n      `;\n    },\n\n    alignRightIE11FixAutoWidth() {\n      return emotion.css`\n        box-sizing: border-box !important; // override root styles\n        overflow: hidden !important; // override root styles\n      `;\n    },\n\n    scrollContainer(t: Theme) {\n      return emotion.css`\n        padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n      `;\n    },\n\n    scrollContainerMobile(t: Theme) {\n      return emotion.css`\n        padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n      `;\n    },\n\n    shadow(t: Theme) {\n      return emotion.css`\n        border: ${t.menuBorder};\n        box-shadow: ${t.menuShadow};\n      `;\n    },\n\n    wrapper() {\n      return emotion.css`\n        position: relative;\n        z-index: 1;\n        width: 100%;\n        overflow: hidden;\n        line-height: 18px;\n        box-sizing: border-box;\n      `;\n    },\n\n    headerWrapper() {\n      return emotion.css`\n        top: -5px;\n      `;\n    },\n\n    footerWrapper() {\n      return emotion.css`\n        bottom: -5px;\n      `;\n    },\n\n    contentWrapper() {\n      return emotion.css`\n        padding: 6px 18px 7px 8px;\n      `;\n    },\n\n    menuSeparatorWrapper(t: Theme) {\n      return emotion.css`\n        height: ${t.menuSeparatorBorderWidth};\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["Menu.styles.ts"],"names":["css","memoizeStyle","styles","root","t","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"mappings":"gVAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,aADlB;AAEmBD,IAAAA,CAAC,CAACE,gBAFrB;AAGgBF,IAAAA,CAAC,CAACG,aAHlB;;AAKaH,IAAAA,CAAC,CAACI,YALf,EAK+BJ,CAAC,CAACK,YALjC;AAMYL,IAAAA,CAAC,CAACM,WANd;;AAQD,GAVgC;;AAYjCC,EAAAA,UAZiC,sBAYtBP,CAZsB,EAYZ;AACnB,WAAOJ,GAAP;;;AAGeI,IAAAA,CAAC,CAACQ,kBAHjB;;AAKD,GAlBgC;;AAoBjCC,EAAAA,UApBiC,wBAoBpB;AACX,WAAOb,GAAP;;;AAGD,GAxBgC;;AA0BjCc,EAAAA,cA1BiC,4BA0BhB;AACf,WAAOd,GAAP;;;;AAID,GA/BgC;;AAiCjCe,EAAAA,0BAjCiC,wCAiCJ;AAC3B,WAAOf,GAAP;;;;AAID,GAtCgC;;AAwCjCgB,EAAAA,eAxCiC,2BAwCjBZ,CAxCiB,EAwCP;AACxB,WAAOJ,GAAP;AACaI,IAAAA,CAAC,CAACa,yCADf;;AAGD,GA5CgC;;AA8CjCC,EAAAA,qBA9CiC,iCA8CXd,CA9CW,EA8CD;AAC9B,WAAOJ,GAAP;AACaI,IAAAA,CAAC,CAACe,+CADf;;AAGD,GAlDgC;;AAoDjCC,EAAAA,MApDiC,kBAoD1BhB,CApD0B,EAoDhB;AACf,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACiB,UADd;AAEgBjB,IAAAA,CAAC,CAACkB,UAFlB;;AAID,GAzDgC;;AA2DjCC,EAAAA,OA3DiC,qBA2DvB;AACR,WAAOvB,GAAP;;;;;;;;AAQD,GApEgC;;AAsEjCwB,EAAAA,aAtEiC,2BAsEjB;AACd,WAAOxB,GAAP;;;AAGD,GA1EgC;;AA4EjCyB,EAAAA,aA5EiC,2BA4EjB;AACd,WAAOzB,GAAP;;;AAGD,GAhFgC;;AAkFjC0B,EAAAA,cAlFiC,4BAkFhB;AACf,WAAO1B,GAAP;;;AAGD,GAtFgC;;AAwFjC2B,EAAAA,oBAxFiC,gCAwFZvB,CAxFY,EAwFF;AAC7B,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACwB,wBADd;;AAGD,GA5FgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      border-radius: ${t.menuBorderRadius};\n      box-sizing: ${t.menuBoxSizing};\n      outline: none;\n      padding: ${t.menuPaddingY} ${t.menuPaddingX};\n      margin: ${t.menuOffsetY} 0;\n    `;\n  },\n\n  mobileRoot(t: Theme) {\n    return css`\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ${t.mobileMenuPaddingX};\n    `;\n  },\n\n  alignRight() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  alignRightIE11() {\n    return css`\n      float: right;\n      width: 100%;\n    `;\n  },\n\n  alignRightIE11FixAutoWidth() {\n    return css`\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  scrollContainerMobile(t: Theme) {\n    return css`\n      padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      top: -5px;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      bottom: -5px;\n    `;\n  },\n\n  contentWrapper() {\n    return css`\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  menuSeparatorWrapper(t: Theme) {\n    return css`\n      height: ${t.menuSeparatorBorderWidth};\n    `;\n  },\n});\n"]}

package/internal/Menu/Menu.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     mobileRoot(t: Theme): string;
     alignRight(): string;

package/internal/MenuMessage/MenuMessage/MenuMessage.js

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "className", "size", "as"];
-import React from 'react';
+import React, { useContext } from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { useResponsiveLayout } from "../../../components/ResponsiveLayout";
-import { useEmotion } from "../../../lib/theming/Emotion";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { getStyles } from "../MenuMessage.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { styles } from "../MenuMessage.styles";
 export var MenuMessageDataTids = {
   root: 'MenuMessage__root'
 };
 export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
-  var _emotion$cx;
+  var _cx;
 
   var children = _ref.children,
       className = _ref.className,
@@ -24,27 +24,25 @@ export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
   var _useResponsiveLayout = useResponsiveLayout(),
       isMobile = _useResponsiveLayout.isMobile;
 
-  var theme = useTheme();
-  var emotion = useEmotion();
-  var styles = getStyles(emotion);
+  var theme = useContext(ThemeContext);
 
   var getMenuMessageSizeClassName = function getMenuMessageSizeClassName() {
     switch (size) {
       case 'large':
-        return emotion.cx(styles.rootLarge(theme));
+        return cx(styles.rootLarge(theme));
 
       case 'medium':
-        return emotion.cx(styles.rootMedium(theme));
+        return cx(styles.rootMedium(theme));
 
       case 'small':
       default:
-        return emotion.cx(styles.rootSmall(theme));
+        return cx(styles.rootSmall(theme));
     }
   };
 
   return /*#__PURE__*/React.createElement(Tag, _extends({
     ref: ref,
     "data-tid": MenuMessageDataTids.root,
-    className: emotion.cx(getMenuMessageSizeClassName(), (_emotion$cx = {}, _emotion$cx[styles.root(theme)] = true, _emotion$cx[styles.rootMobile(theme)] = isMobile, _emotion$cx), className)
+    className: cx(getMenuMessageSizeClassName(), (_cx = {}, _cx[styles.root(theme)] = true, _cx[styles.rootMobile(theme)] = isMobile, _cx), className)
   }, rest), children);
 });

package/internal/MenuMessage/MenuMessage/MenuMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuMessage.tsx"],"names":["React","forwardRefAndName","useResponsiveLayout","useEmotion","useTheme","getStyles","MenuMessageDataTids","root","MenuMessage","ref","children","className","size","as","Tag","rest","isMobile","theme","emotion","styles","getMenuMessageSizeClassName","cx","rootLarge","rootMedium","rootSmall","rootMobile"],"mappings":"sNAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,UAAT,QAA2B,2BAA3B;;;AAGA,SAASC,QAAT,QAAyB,4BAAzB;;AAEA,SAASC,SAAT,QAA0B,sBAA1B;;;;;;;;AAQA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;AAC1C,aAD0C;AAE1C,gBAAkEQ,GAAlE,EAA0E,qBAAvEC,QAAuE,QAAvEA,QAAuE,CAA7DC,SAA6D,QAA7DA,SAA6D,kBAAlDC,IAAkD,CAAlDA,IAAkD,0BAA3C,OAA2C,4BAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxE,6BAAqBb,mBAAmB,EAAxC,CAAQc,QAAR,wBAAQA,QAAR;AACA,MAAMC,KAAK,GAAGb,QAAQ,EAAtB;AACA,MAAMc,OAAO,GAAGf,UAAU,EAA1B;AACA,MAAMgB,MAAM,GAAGd,SAAS,CAACa,OAAD,CAAxB;;AAEA,MAAME,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAM;AACxC,YAAQR,IAAR;AACE,WAAK,OAAL;AACE,eAAOM,OAAO,CAACG,EAAR,CAAWF,MAAM,CAACG,SAAP,CAAiBL,KAAjB,CAAX,CAAP;AACF,WAAK,QAAL;AACE,eAAOC,OAAO,CAACG,EAAR,CAAWF,MAAM,CAACI,UAAP,CAAkBN,KAAlB,CAAX,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOC,OAAO,CAACG,EAAR,CAAWF,MAAM,CAACK,SAAP,CAAiBP,KAAjB,CAAX,CAAP,CAPJ;;AASD,GAVD;;AAYA;AACE,wBAAC,GAAD;AACE,MAAA,GAAG,EAAER,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAEW,OAAO,CAACG,EAAR;AACTD,MAAAA,2BAA2B,EADlB;;AAGND,MAAAA,MAAM,CAACZ,IAAP,CAAYU,KAAZ,CAHM,IAGe,IAHf;AAINE,MAAAA,MAAM,CAACM,UAAP,CAAkBR,KAAlB,CAJM,IAIqBD,QAJrB;;AAMTL,MAAAA,SANS,CAHb;;AAWMI,IAAAA,IAXN;;AAaGL,IAAAA,QAbH,CADF;;;AAiBD,CArCyC,CAArC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { getStyles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n    const theme = useTheme();\n    const emotion = useEmotion();\n    const styles = getStyles(emotion);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return emotion.cx(styles.rootLarge(theme));\n        case 'medium':\n          return emotion.cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return emotion.cx(styles.rootSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={emotion.cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["MenuMessage.tsx"],"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","ref","children","className","size","as","Tag","rest","isMobile","theme","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","rootMobile"],"mappings":"sNAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;;;AAIA,SAASC,MAAT,QAAuB,sBAAvB;;;;;;;;AAQA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;AAC1C,aAD0C;AAE1C,gBAAkEQ,GAAlE,EAA0E,aAAvEC,QAAuE,QAAvEA,QAAuE,CAA7DC,SAA6D,QAA7DA,SAA6D,kBAAlDC,IAAkD,CAAlDA,IAAkD,0BAA3C,OAA2C,4BAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxE,6BAAqBb,mBAAmB,EAAxC,CAAQc,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAGjB,UAAU,CAACI,YAAD,CAAxB;;AAEA,MAAMc,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAM;AACxC,YAAQN,IAAR;AACE,WAAK,OAAL;AACE,eAAOT,EAAE,CAACE,MAAM,CAACc,SAAP,CAAiBF,KAAjB,CAAD,CAAT;AACF,WAAK,QAAL;AACE,eAAOd,EAAE,CAACE,MAAM,CAACe,UAAP,CAAkBH,KAAlB,CAAD,CAAT;AACF,WAAK,OAAL;AACA;AACE,eAAOd,EAAE,CAACE,MAAM,CAACgB,SAAP,CAAiBJ,KAAjB,CAAD,CAAT,CAPJ;;AASD,GAVD;;AAYA;AACE,wBAAC,GAAD;AACE,MAAA,GAAG,EAAER,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAEJ,EAAE;AACXe,MAAAA,2BAA2B,EADhB;;AAGRb,MAAAA,MAAM,CAACE,IAAP,CAAYU,KAAZ,CAHQ,IAGa,IAHb;AAIRZ,MAAAA,MAAM,CAACiB,UAAP,CAAkBL,KAAlB,CAJQ,IAImBD,QAJnB;;AAMXL,MAAAA,SANW,CAHf;;AAWMI,IAAAA,IAXN;;AAaGL,IAAAA,QAbH,CADF;;;AAiBD,CApCyC,CAArC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps } from '../CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}

package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js

@@ -2,33 +2,31 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { getMenuItemPaddings } from "../../../components/MenuItem/MenuItem.styles";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      var _getMenuItemPaddings = getMenuItemPaddings({
-        menuItemLegacyPaddingX: t.menuItemLegacyPaddingX,
-        menuItemPaddingX: t.menuMessagePaddingX,
-        menuItemLegacyPaddingY: t.menuItemLegacyPaddingY,
-        menuItemPaddingY: t.menuMessagePaddingY
-      }),
-          paddingX = _getMenuItemPaddings.paddingX,
-          paddingY = _getMenuItemPaddings.paddingY;
+export var styles = memoizeStyle({
+  root: function root(t) {
+    var _getMenuItemPaddings = getMenuItemPaddings({
+      menuItemLegacyPaddingX: t.menuItemLegacyPaddingX,
+      menuItemPaddingX: t.menuMessagePaddingX,
+      menuItemLegacyPaddingY: t.menuItemLegacyPaddingY,
+      menuItemPaddingY: t.menuMessagePaddingY
+    }),
+        paddingX = _getMenuItemPaddings.paddingX,
+        paddingY = _getMenuItemPaddings.paddingY;
 
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        margin: 0;\n        display: ", ";\n        padding: ", " ", " ", " ", ";\n        color: ", ";\n        background: ", ";\n      "])), t.menuMessageDisplay, t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX, t.menuMessageTextColor, t.menuMessageBg);
-    },
-    rootMobile: function rootMobile(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", ";\n      "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
-    },
-    rootSmall: function rootSmall(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
-    },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
-    }
-  });
-};
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      display: ", ";\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      background: ", ";\n    "])), t.menuMessageDisplay, t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX, t.menuMessageTextColor, t.menuMessageBg);
+  },
+  rootMobile: function rootMobile(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
+  }
+});

package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuMessage.styles.ts"],"names":["memoizeStyle","getMenuItemPaddings","getStyles","emotion","root","t","menuItemLegacyPaddingX","menuItemPaddingX","menuMessagePaddingX","menuItemLegacyPaddingY","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","css","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"mappings":";;;AAGA,SAASA,YAAT,QAA6B,2BAA7B;AACA,SAASC,mBAAT,QAAoC,2CAApC;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBH,IAAAA,YAAY,CAAC;AACXI,MAAAA,IADW,gBACNC,CADM,EACI;AACb,mCAA+BJ,mBAAmB,CAAC;AACjDK,UAAAA,sBAAsB,EAAED,CAAC,CAACC,sBADuB;AAEjDC,UAAAA,gBAAgB,EAAEF,CAAC,CAACG,mBAF6B;AAGjDC,UAAAA,sBAAsB,EAAEJ,CAAC,CAACI,sBAHuB;AAIjDC,UAAAA,gBAAgB,EAAEL,CAAC,CAACM,mBAJ6B,EAAD,CAAlD,CAAQC,QAAR,wBAAQA,QAAR,CAAkBC,QAAlB,wBAAkBA,QAAlB;;;AAOA,eAAOV,OAAO,CAACW,GAAf;;AAEaT,QAAAA,CAAC,CAACU,kBAFf;AAGaV,QAAAA,CAAC,CAACM,mBAHf,EAGsCC,QAHtC,EAGkDC,QAHlD,EAG8DR,CAAC,CAACG,mBAHhE;AAIWH,QAAAA,CAAC,CAACW,oBAJb;AAKgBX,QAAAA,CAAC,CAACY,aALlB;;AAOD,OAhBU;;AAkBXC,MAAAA,UAlBW,sBAkBAb,CAlBA,EAkBU;AACnB,eAAOF,OAAO,CAACW,GAAf;AACeT,QAAAA,CAAC,CAACc,yBADjB;AAEiBd,QAAAA,CAAC,CAACe,2BAFnB;AAGaf,QAAAA,CAAC,CAACgB,wBAHf;;AAKD,OAxBU;;AA0BXC,MAAAA,SA1BW,qBA0BDjB,CA1BC,EA0BS;AAClB,eAAOF,OAAO,CAACW,GAAf;AACeT,QAAAA,CAAC,CAACkB,wBADjB;AAEiBlB,QAAAA,CAAC,CAACmB,0BAFnB;;AAID,OA/BU;AAgCXC,MAAAA,UAhCW,sBAgCApB,CAhCA,EAgCU;AACnB,eAAOF,OAAO,CAACW,GAAf;AACeT,QAAAA,CAAC,CAACqB,yBADjB;AAEiBrB,QAAAA,CAAC,CAACsB,2BAFnB;;AAID,OArCU;AAsCXC,MAAAA,SAtCW,qBAsCDvB,CAtCC,EAsCS;AAClB,eAAOF,OAAO,CAACW,GAAf;AACeT,QAAAA,CAAC,CAACwB,wBADjB;AAEiBxB,QAAAA,CAAC,CAACyB,0BAFnB;;AAID,OA3CU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      const { paddingX, paddingY } = getMenuItemPaddings({\n        menuItemLegacyPaddingX: t.menuItemLegacyPaddingX,\n        menuItemPaddingX: t.menuMessagePaddingX,\n        menuItemLegacyPaddingY: t.menuItemLegacyPaddingY,\n        menuItemPaddingY: t.menuMessagePaddingY,\n      });\n\n      return emotion.css`\n        margin: 0;\n        display: ${t.menuMessageDisplay};\n        padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n        color: ${t.menuMessageTextColor};\n        background: ${t.menuMessageBg};\n      `;\n    },\n\n    rootMobile(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuMessageFontSizeMobile};\n        line-height: ${t.menuMessageLineHeightMobile};\n        padding: ${t.menuMessagePaddingMobile};\n      `;\n    },\n\n    rootSmall(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuMessageFontSizeSmall};\n        line-height: ${t.menuMessageLineHeightSmall};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuMessageFontSizeMedium};\n        line-height: ${t.menuMessageLineHeightMedium};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuMessageFontSizeLarge};\n        line-height: ${t.menuMessageLineHeightLarge};\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["MenuMessage.styles.ts"],"names":["css","memoizeStyle","getMenuItemPaddings","styles","root","t","menuItemLegacyPaddingX","menuItemPaddingX","menuMessagePaddingX","menuItemLegacyPaddingY","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;AACA,SAASC,mBAAT,QAAoC,2CAApC;;AAEA,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;AACjCG,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,+BAA+BH,mBAAmB,CAAC;AACjDI,MAAAA,sBAAsB,EAAED,CAAC,CAACC,sBADuB;AAEjDC,MAAAA,gBAAgB,EAAEF,CAAC,CAACG,mBAF6B;AAGjDC,MAAAA,sBAAsB,EAAEJ,CAAC,CAACI,sBAHuB;AAIjDC,MAAAA,gBAAgB,EAAEL,CAAC,CAACM,mBAJ6B,EAAD,CAAlD,CAAQC,QAAR,wBAAQA,QAAR,CAAkBC,QAAlB,wBAAkBA,QAAlB;;;AAOA,WAAOb,GAAP;;AAEaK,IAAAA,CAAC,CAACS,kBAFf;AAGaT,IAAAA,CAAC,CAACM,mBAHf,EAGsCC,QAHtC,EAGkDC,QAHlD,EAG8DR,CAAC,CAACG,mBAHhE;AAIWH,IAAAA,CAAC,CAACU,oBAJb;AAKgBV,IAAAA,CAAC,CAACW,aALlB;;AAOD,GAhBgC;;AAkBjCC,EAAAA,UAlBiC,sBAkBtBZ,CAlBsB,EAkBZ;AACnB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACa,yBADjB;AAEiBb,IAAAA,CAAC,CAACc,2BAFnB;AAGad,IAAAA,CAAC,CAACe,wBAHf;;AAKD,GAxBgC;;AA0BjCC,EAAAA,SA1BiC,qBA0BvBhB,CA1BuB,EA0Bb;AAClB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACiB,wBADjB;AAEiBjB,IAAAA,CAAC,CAACkB,0BAFnB;;AAID,GA/BgC;AAgCjCC,EAAAA,UAhCiC,sBAgCtBnB,CAhCsB,EAgCZ;AACnB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACoB,yBADjB;AAEiBpB,IAAAA,CAAC,CAACqB,2BAFnB;;AAID,GArCgC;AAsCjCC,EAAAA,SAtCiC,qBAsCvBtB,CAtCuB,EAsCb;AAClB,WAAOL,GAAP;AACeK,IAAAA,CAAC,CAACuB,wBADjB;AAEiBvB,IAAAA,CAAC,CAACwB,0BAFnB;;AAID,GA3CgC,EAAD,CAA3B","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemLegacyPaddingX: t.menuItemLegacyPaddingX,\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemLegacyPaddingY: t.menuItemLegacyPaddingY,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n});\n"]}

package/internal/MenuMessage/MenuMessage.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     rootMobile(t: Theme): string;
     rootSmall(t: Theme): string;

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -4,15 +4,14 @@ var _class, _class2, _temp;
 
 import React from 'react';
 import { Transition } from 'react-transition-group';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { RenderContainer } from "../../RenderContainer";
 import { HideBodyVerticalScroll } from "../../HideBodyVerticalScroll";
 import { ZIndex } from "../../ZIndex";
 import { RenderLayer } from "../../RenderLayer";
 import { rootNode } from "../../../lib/rootNode";
-import { ThemeConsumer } from "../../../lib/theming/ThemeContext";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { jsStyles } from "../MobilePopup.styles";
 import { MobilePopupHeader } from "../MobilePopupHeader";
-import { getStyles } from "../MobilePopup.styles";
 export var MobilePopupDataTids = {
   root: 'MobilePopup__root',
   container: 'MobilePopup__container'
@@ -43,20 +42,16 @@ export var MobilePopup = rootNode(_class = (_temp = _class2 = /*#__PURE__*/funct
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
 
   _proto.renderMain = function renderMain() {
-    var styles = getStyles(this.emotion);
     var content = /*#__PURE__*/React.createElement(ZIndex, {
       id: this.props.id,
-      className: styles.zIndex(),
+      className: jsStyles.zIndex(),
       priority: 'MobilePopup'
     }, /*#__PURE__*/React.createElement(Transition, {
       "in": this.props.opened,
@@ -65,25 +60,25 @@ export var MobilePopup = rootNode(_class = (_temp = _class2 = /*#__PURE__*/funct
       unmountOnExit: true,
       timeout: 0
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.wrapper()
+      className: jsStyles.wrapper()
     }, /*#__PURE__*/React.createElement(RenderLayer, {
       onClickOutside: this.close
     }, /*#__PURE__*/React.createElement("div", {
       ref: this.setRootNode,
       "data-tid": MobilePopupDataTids.container,
-      className: styles.container(this.theme)
+      className: jsStyles.container(this.theme)
     }, /*#__PURE__*/React.createElement("div", {
       "data-tid": MobilePopupDataTids.root,
-      className: styles.root(this.theme)
+      className: jsStyles.root(this.theme)
     }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
       caption: this.props.caption
     }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
-      className: styles.content(this.theme)
+      className: jsStyles.content(this.theme)
     }, this.props.children)), /*#__PURE__*/React.createElement("div", {
       onClick: this.close,
-      className: styles.bottomIndent()
+      className: jsStyles.bottomIndent()
     }))), /*#__PURE__*/React.createElement("div", {
-      className: styles.bg()
+      className: jsStyles.bg()
     }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
 
     if (this.props.withoutRenderContainer) {

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","ThemeConsumer","EmotionConsumer","MobilePopupHeader","getStyles","MobilePopupDataTids","root","container","MobilePopup","close","props","onCloseRequest","render","emotion","theme","renderMain","styles","content","id","zIndex","opened","onClose","wrapper","setRootNode","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"mappings":"iGAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,UAAT,QAA2B,wBAA3B;;;;AAIA,SAASC,eAAT,QAAgC,oBAAhC;AACA,SAASC,sBAAT,QAAuC,2BAAvC;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,WAAT,QAA4B,gBAA5B;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,aAAT,QAA8B,gCAA9B;AACA,SAASC,eAAT,QAAgC,2BAAhC;;AAEA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,SAAT,QAA0B,sBAA1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B;;;;AAMP,WAAaC,WAAb,GADCR,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DSS,IAAAA,KA9DT,GA8DiB,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,KAlEH,yDAWSC,MAXT,GAWE,kBAAgB,mBACd,oBACE,oBAAC,eAAD,QACG,UAACC,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,oBAAC,aAAD,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAXH,CADF,CAeD,CA3BH,QA6BSA,UA7BT,GA6BE,sBAAoB,CAClB,IAAMC,MAAM,GAAGZ,SAAS,CAAC,KAAKS,OAAN,CAAxB,CACA,IAAMI,OAAO,gBACX,oBAAC,MAAD,IAAQ,EAAE,EAAE,KAAKP,KAAL,CAAWQ,EAAvB,EAA2B,SAAS,EAAEF,MAAM,CAACG,MAAP,EAAtC,EAAuD,QAAQ,EAAE,aAAjE,iBACE,oBAAC,UAAD,IAAY,MAAI,KAAKT,KAAL,CAAWU,MAA3B,EAAmC,QAAQ,EAAE,KAAKV,KAAL,CAAWW,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,6BAAK,SAAS,EAAEL,MAAM,CAACM,OAAP,EAAhB,iBACE,oBAAC,WAAD,IAAa,cAAc,EAAE,KAAKb,KAAlC,iBACE,6BACE,GAAG,EAAE,KAAKc,WADZ,EAEE,YAAUlB,mBAAmB,CAACE,SAFhC,EAGE,SAAS,EAAES,MAAM,CAACT,SAAP,CAAiB,KAAKO,KAAtB,CAHb,iBAKE,6BAAK,YAAUT,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEU,MAAM,CAACV,IAAP,CAAY,KAAKQ,KAAjB,CAApD,iBACE,oBAAC,iBAAD,IAAmB,OAAO,EAAE,KAAKJ,KAAL,CAAWc,OAAvC,IAAiD,KAAKd,KAAL,CAAWe,oBAA5D,CADF,eAEE,6BAAK,SAAS,EAAET,MAAM,CAACC,OAAP,CAAe,KAAKH,KAApB,CAAhB,IAA6C,KAAKJ,KAAL,CAAWgB,QAAxD,CAFF,CALF,eASE,6BAAK,OAAO,EAAE,KAAKjB,KAAnB,EAA0B,SAAS,EAAEO,MAAM,CAACW,YAAP,EAArC,GATF,CADF,CADF,eAcE,6BAAK,SAAS,EAAEX,MAAM,CAACY,EAAP,EAAhB,GAdF,eAeE,oBAAC,sBAAD,OAfF,CADF,CADF,CADF,CAwBA,IAAI,KAAKlB,KAAL,CAAWmB,sBAAf,EAAuC,CACrC,OAAOZ,OAAP,CACD,CAED,oBAAO,oBAAC,eAAD,QAAkBA,OAAlB,CAAP,CACD,CA5DH,sBAAiCvB,KAAK,CAACoC,SAAvC,WACgBC,mBADhB,GACsC,kBADtC,UAEgBC,WAFhB,GAE8B,kBAF9B,UAKyBC,eALzB,GAK2C,IAL3C","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Transition } from 'react-transition-group';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { getStyles } from './MobilePopup.styles';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public renderMain() {\n    const styles = getStyles(this.emotion);\n    const content = (\n      <ZIndex id={this.props.id} className={styles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={styles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={styles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={styles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={styles.content(this.theme)}>{this.props.children}</div>\n                </div>\n                <div onClick={this.close} className={styles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={styles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"]}
+{"version":3,"sources":["MobilePopup.tsx"],"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","jsStyles","MobilePopupHeader","MobilePopupDataTids","root","container","MobilePopup","close","props","onCloseRequest","render","theme","renderMain","content","id","zIndex","opened","onClose","wrapper","setRootNode","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"mappings":"iGAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,UAAT,QAA2B,wBAA3B;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,eAAT,QAAgC,oBAAhC;AACA,SAASC,sBAAT,QAAuC,2BAAvC;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,WAAT,QAA4B,gBAA5B;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,QAAT,QAAyB,sBAAzB;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B;;;;AAMP,WAAaC,WAAb,GADCN,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDSO,IAAAA,KArDT,GAqDiB,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,KAzDH,yDAUSC,MAVT,GAUE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAnBH,QAqBSA,UArBT,GAqBE,sBAAoB,CAClB,IAAMC,OAAO,gBACX,oBAAC,MAAD,IAAQ,EAAE,EAAE,KAAKL,KAAL,CAAWM,EAAvB,EAA2B,SAAS,EAAEb,QAAQ,CAACc,MAAT,EAAtC,EAAyD,QAAQ,EAAE,aAAnE,iBACE,oBAAC,UAAD,IAAY,MAAI,KAAKP,KAAL,CAAWQ,MAA3B,EAAmC,QAAQ,EAAE,KAAKR,KAAL,CAAWS,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,6BAAK,SAAS,EAAEhB,QAAQ,CAACiB,OAAT,EAAhB,iBACE,oBAAC,WAAD,IAAa,cAAc,EAAE,KAAKX,KAAlC,iBACE,6BACE,GAAG,EAAE,KAAKY,WADZ,EAEE,YAAUhB,mBAAmB,CAACE,SAFhC,EAGE,SAAS,EAAEJ,QAAQ,CAACI,SAAT,CAAmB,KAAKM,KAAxB,CAHb,iBAKE,6BAAK,YAAUR,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEH,QAAQ,CAACG,IAAT,CAAc,KAAKO,KAAnB,CAApD,iBACE,oBAAC,iBAAD,IAAmB,OAAO,EAAE,KAAKH,KAAL,CAAWY,OAAvC,IAAiD,KAAKZ,KAAL,CAAWa,oBAA5D,CADF,eAEE,6BAAK,SAAS,EAAEpB,QAAQ,CAACY,OAAT,CAAiB,KAAKF,KAAtB,CAAhB,IAA+C,KAAKH,KAAL,CAAWc,QAA1D,CAFF,CALF,eASE,6BAAK,OAAO,EAAE,KAAKf,KAAnB,EAA0B,SAAS,EAAEN,QAAQ,CAACsB,YAAT,EAArC,GATF,CADF,CADF,eAcE,6BAAK,SAAS,EAAEtB,QAAQ,CAACuB,EAAT,EAAhB,GAdF,eAeE,oBAAC,sBAAD,OAfF,CADF,CADF,CADF,CAwBA,IAAI,KAAKhB,KAAL,CAAWiB,sBAAf,EAAuC,CACrC,OAAOZ,OAAP,CACD,CAED,oBAAO,oBAAC,eAAD,QAAkBA,OAAlB,CAAP,CACD,CAnDH,sBAAiCpB,KAAK,CAACiC,SAAvC,WACgBC,mBADhB,GACsC,kBADtC,UAEgBC,WAFhB,GAE8B,kBAF9B,UAKyBC,eALzB,GAK2C,IAL3C","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\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  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={jsStyles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={jsStyles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={jsStyles.content(this.theme)}>{this.props.children}</div>\n                </div>\n                <div onClick={this.close} className={jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopup.d.ts

@@ -34,7 +34,6 @@ export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static displayName: string;
     static readonly defaultRootNode: null;
     private theme;
-    private emotion;
     private setRootNode;
     render(): JSX.Element;
     renderMain(): JSX.Element;

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

@@ -2,29 +2,28 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 wrapper() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
-    },
-    content: function content(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.bgDefault);
-    },
-    container: function container(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
-    },
-    bg: function bg() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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    "])));
-    },
-    bottomIndent: function bottomIndent() {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: 80px;\n    "])));
-    },
-    zIndex: function zIndex() {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var styles = {
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 wrapper() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
+  },
+  content: function content(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.bgDefault);
+  },
+  container: function container(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
+  },
+  bg: function bg() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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    "])));
+  },
+  bottomIndent: function bottomIndent() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: 80px;\n    "])));
+  },
+  zIndex: function zIndex() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+  }
+};
+export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","t","css","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;;AAGA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;;;;;;AAMiBD,QAAAA,CAAC,CAACE,gCANnB;;AAQkBF,QAAAA,CAAC,CAACG,iCARpB;AAScH,QAAAA,CAAC,CAACI,aAThB;;AAWD,OAbU;;AAeXC,MAAAA,OAfW,qBAeD;AACR,eAAOP,OAAO,CAACG,GAAf;;;;;;;;AAQD,OAxBU;;AA0BXK,MAAAA,OA1BW,mBA0BHN,CA1BG,EA0BO;AAChB,eAAOF,OAAO,CAACG,GAAf;AACoBD,QAAAA,CAAC,CAACO,SADtB;;AAGD,OA9BU;;AAgCXC,MAAAA,SAhCW,qBAgCDR,CAhCC,EAgCS;AAClB,eAAOF,OAAO,CAACG,GAAf;;AAEOD,QAAAA,CAAC,CAACS,qBAFT;AAGQT,QAAAA,CAAC,CAACU,uBAHV;AAISV,QAAAA,CAAC,CAACU,uBAJX;;;AAOD,OAxCU;;AA0CXC,MAAAA,EA1CW,gBA0CN;AACH,eAAOb,OAAO,CAACG,GAAf;;;;;;;;;;;AAWD,OAtDU;;AAwDXW,MAAAA,YAxDW,0BAwDI;AACb,eAAOd,OAAO,CAACG,GAAf;;;AAGD,OA5DU;;AA8DXY,MAAAA,MA9DW,oBA8DF;AACP,eAAOf,OAAO,CAACG,GAAf;;;AAGD,OAlEU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.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 emotion.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 emotion.css`\n      background-color: ${t.bgDefault};\n    `;\n    },\n\n    container(t: Theme) {\n      return emotion.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 emotion.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 emotion.css`\n      height: 80px;\n    `;\n    },\n\n    zIndex() {\n      return emotion.css`\n      position: relative;\n    `;\n    },\n  });\n"]}
+{"version":3,"sources":["MobilePopup.styles.ts"],"names":["css","memoizeStyle","styles","root","t","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles"],"mappings":"gOAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;;;;;AAMmBI,IAAAA,CAAC,CAACC,gCANrB;;AAQoBD,IAAAA,CAAC,CAACE,iCARtB;AASgBF,IAAAA,CAAC,CAACG,aATlB;;AAWD,GAbY;;AAebC,EAAAA,OAfa,qBAeH;AACR,WAAOR,GAAP;;;;;;;;AAQD,GAxBY;;AA0BbS,EAAAA,OA1Ba,mBA0BLL,CA1BK,EA0BK;AAChB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACM,SADxB;;AAGD,GA9BY;;AAgCbC,EAAAA,SAhCa,qBAgCHP,CAhCG,EAgCO;AAClB,WAAOJ,GAAP;;AAESI,IAAAA,CAAC,CAACQ,qBAFX;AAGUR,IAAAA,CAAC,CAACS,uBAHZ;AAIWT,IAAAA,CAAC,CAACS,uBAJb;;;AAOD,GAxCY;;AA0CbC,EAAAA,EA1Ca,gBA0CR;AACH,WAAOd,GAAP;;;;;;;;;;;AAWD,GAtDY;;AAwDbe,EAAAA,YAxDa,0BAwDE;AACb,WAAOf,GAAP;;;AAGD,GA5DY;;AA8DbgB,EAAAA,MA9Da,oBA8DJ;AACP,WAAOhB,GAAP;;;AAGD,GAlEY,EAAf;;;AAqEA,OAAO,IAAMiB,QAAQ,GAAGhB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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"]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const jsStyles: {
     root(t: Theme): string;
     wrapper(): string;
     content(t: Theme): string;

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

@@ -1,9 +1,9 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { isNonNullable } from "../../../../lib/utils";
-import { EmotionConsumer } from "../../../../lib/theming/Emotion";
-import { ThemeConsumer } from "../../../../lib/theming/ThemeContext";
-import { getStyles } from "../MobilePopupHeader.styles";
+import { cx } from "../../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../../lib/theming/ThemeContext";
+import { jsStyles } from "../MobilePopupHeader.styles";
 export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(MobilePopupHeader, _React$Component);
 
@@ -16,28 +16,24 @@ export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this = this;
 
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
-        _this.theme = theme;
-        return _this.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this.theme = theme;
+      return _this.renderMain();
     });
   };
 
   _proto.renderMain = function renderMain() {
-    var _this$emotion$cx, _this$emotion$cx2;
+    var _cx, _cx2;
 
     var _this$props = this.props,
         caption = _this$props.caption,
         children = _this$props.children;
-    var styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement("div", {
-      className: this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.root(this.theme)] = true, _this$emotion$cx[styles.rootWithoutContent()] = !caption && !children, _this$emotion$cx))
+      className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.rootWithoutContent()] = !caption && !children, _cx))
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.container()
+      className: jsStyles.container()
     }, caption && /*#__PURE__*/React.createElement("div", {
-      className: this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[styles.caption(this.theme)] = true, _this$emotion$cx2[styles.captionWithChildren()] = isNonNullable(children), _this$emotion$cx2))
+      className: cx((_cx2 = {}, _cx2[jsStyles.caption(this.theme)] = true, _cx2[jsStyles.captionWithChildren()] = isNonNullable(children), _cx2))
     }, caption), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", null, children)));
   };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["React","isNonNullable","EmotionConsumer","ThemeConsumer","getStyles","MobilePopupHeader","render","emotion","theme","renderMain","props","caption","children","styles","cx","root","rootWithoutContent","container","captionWithChildren","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,aAAT,QAA8B,oBAA9B;;AAEA,SAASC,eAAT,QAAgC,8BAAhC;AACA,SAASC,aAAT,QAA8B,mCAA9B;;AAEA,SAASC,SAAT,QAA0B,4BAA1B;;;;;;;;;AASA,WAAaC,iBAAb;;;;;;;AAOSC,EAAAA,MAPT,GAOE,kBAAgB;AACd;AACE,0BAAC,eAAD;AACG,gBAACC,OAAD,EAAa;AACZ,QAAA,KAAI,CAACA,OAAL,GAAeA,OAAf;AACA;AACE,8BAAC,aAAD;AACG,oBAACC,KAAD,EAAW;AACV,YAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,mBAAO,KAAI,CAACC,UAAL,EAAP;AACD,WAJH,CADF;;;AAQD,OAXH,CADF;;;AAeD,GAvBH;;AAyBUA,EAAAA,UAzBV,GAyBE,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;AACA,QAAMC,MAAM,GAAGT,SAAS,CAAC,KAAKG,OAAN,CAAxB;;AAEA;AACE;AACE,QAAA,SAAS,EAAE,KAAKA,OAAL,CAAaO,EAAb;AACRD,QAAAA,MAAM,CAACE,IAAP,CAAY,KAAKP,KAAjB,CADQ,IACkB,IADlB;AAERK,QAAAA,MAAM,CAACG,kBAAP,EAFQ,IAEsB,CAACL,OAAD,IAAY,CAACC,QAFnC,oBADb;;;AAME,mCAAK,SAAS,EAAEC,MAAM,CAACI,SAAP,EAAhB;AACGN,MAAAA,OAAO;AACN;AACE,QAAA,SAAS,EAAE,KAAKJ,OAAL,CAAaO,EAAb;AACRD,QAAAA,MAAM,CAACF,OAAP,CAAe,KAAKH,KAApB,CADQ,IACqB,IADrB;AAERK,QAAAA,MAAM,CAACK,mBAAP,EAFQ,IAEuBjB,aAAa,CAACW,QAAD,CAFpC,qBADb;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,mBAAAX,KAAK,CAACmB,cAAN,CAAqBP,QAArB,kBAAkC,iCAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,GAnDH,4BAAuCZ,KAAK,CAACoB,SAA7C,EAAaf,iB,CACGgB,mB,GAAsB,kB,CADzBhB,iB,CAEGiB,W,GAAc,kB","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { EmotionConsumer } from '../../../lib/theming/Emotion';\nimport { ThemeConsumer } from '../../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n    const styles = getStyles(this.emotion);\n\n    return (\n      <div\n        className={this.emotion.cx({\n          [styles.root(this.theme)]: true,\n          [styles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={styles.container()}>\n          {caption && (\n            <div\n              className={this.emotion.cx({\n                [styles.caption(this.theme)]: true,\n                [styles.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"]}
+{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["React","isNonNullable","cx","ThemeContext","jsStyles","MobilePopupHeader","render","theme","renderMain","props","caption","children","root","rootWithoutContent","container","captionWithChildren","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,oBAA9B;;AAEA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,YAAT,QAA6B,mCAA7B;;AAEA,SAASC,QAAT,QAAyB,4BAAzB;;;;;;;;;AASA,WAAaC,iBAAb;;;;;;AAMSC,EAAAA,MANT,GAME,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV,QAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,KAAI,CAACC,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAfH;;AAiBUA,EAAAA,UAjBV,GAiBE,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;;AAEA;AACE;AACE,QAAA,SAAS,EAAET,EAAE;AACVE,QAAAA,QAAQ,CAACQ,IAAT,CAAc,KAAKL,KAAnB,CADU,IACkB,IADlB;AAEVH,QAAAA,QAAQ,CAACS,kBAAT,EAFU,IAEsB,CAACH,OAAD,IAAY,CAACC,QAFnC,OADf;;;AAME,mCAAK,SAAS,EAAEP,QAAQ,CAACU,SAAT,EAAhB;AACGJ,MAAAA,OAAO;AACN;AACE,QAAA,SAAS,EAAER,EAAE;AACVE,QAAAA,QAAQ,CAACM,OAAT,CAAiB,KAAKH,KAAtB,CADU,IACqB,IADrB;AAEVH,QAAAA,QAAQ,CAACW,mBAAT,EAFU,IAEuBd,aAAa,CAACU,QAAD,CAFpC,QADf;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,mBAAAV,KAAK,CAACgB,cAAN,CAAqBL,QAArB,kBAAkC,iCAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,GA1CH,4BAAuCX,KAAK,CAACiB,SAA7C,EAAaZ,iB,CACGa,mB,GAAsB,kB,CADzBb,iB,CAEGc,W,GAAc,kB","sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport { 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<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"]}

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

@@ -9,7 +9,6 @@ export declare class MobilePopupHeader extends React.Component<MobilePopupHeader
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     private theme;
-    private emotion;
     render(): JSX.Element;
     private renderMain;
 }

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

@@ -2,23 +2,22 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import { memoizeStyle } from "../../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
-    },
-    rootWithoutContent: function rootWithoutContent() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: 8px 0 0 0;\n    "])));
-    },
-    container: function container() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-direction: column;\n    "])));
-    },
-    caption: function caption(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
-    },
-    captionWithChildren: function captionWithChildren() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 8px;\n    "])));
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
+var styles = {
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
+  },
+  rootWithoutContent: function rootWithoutContent() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: 8px 0 0 0;\n    "])));
+  },
+  container: function container() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-direction: column;\n    "])));
+  },
+  caption: function caption(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
+  },
+  captionWithChildren: function captionWithChildren() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 8px;\n    "])));
+  }
+};
+export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","t","css","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,8BAA7B;;;AAGA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;;AAEWD,QAAAA,CAAC,CAACE,wBAFb;;AAID,OANU;;AAQXC,MAAAA,kBARW,gCAQU;AACnB,eAAOL,OAAO,CAACG,GAAf;;;AAGD,OAZU;;AAcXG,MAAAA,SAdW,uBAcC;AACV,eAAON,OAAO,CAACG,GAAf;;;;AAID,OAnBU;;AAqBXI,MAAAA,OArBW,mBAqBHL,CArBG,EAqBO;AAChB,eAAOF,OAAO,CAACG,GAAf;AACaD,QAAAA,CAAC,CAACM,yBADf;AAEeN,QAAAA,CAAC,CAACO,2BAFjB;AAGeP,QAAAA,CAAC,CAACQ,2BAHjB;AAISR,QAAAA,CAAC,CAACS,gBAJX;;AAMD,OA5BU;;AA8BXC,MAAAA,mBA9BW,iCA8BW;AACpB,eAAOZ,OAAO,CAACG,GAAf;;;AAGD,OAlCU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n    },\n\n    rootWithoutContent() {\n      return emotion.css`\n      padding: 8px 0 0 0;\n    `;\n    },\n\n    container() {\n      return emotion.css`\n      display: flex;\n      flex-direction: column;\n    `;\n    },\n\n    caption(t: Theme) {\n      return emotion.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 emotion.css`\n      padding-bottom: 8px;\n    `;\n    },\n  });\n"]}
+{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["css","memoizeStyle","styles","root","t","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,8BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;AAEaI,IAAAA,CAAC,CAACC,wBAFf;;AAID,GANY;;AAQbC,EAAAA,kBARa,gCAQQ;AACnB,WAAON,GAAP;;;AAGD,GAZY;;AAcbO,EAAAA,SAda,uBAcD;AACV,WAAOP,GAAP;;;;AAID,GAnBY;;AAqBbQ,EAAAA,OArBa,mBAqBLJ,CArBK,EAqBK;AAChB,WAAOJ,GAAP;AACeI,IAAAA,CAAC,CAACK,yBADjB;AAEiBL,IAAAA,CAAC,CAACM,2BAFnB;AAGiBN,IAAAA,CAAC,CAACO,2BAHnB;AAIWP,IAAAA,CAAC,CAACQ,gBAJb;;AAMD,GA5BY;;AA8BbC,EAAAA,mBA9Ba,iCA8BS;AACpB,WAAOb,GAAP;;;AAGD,GAlCY,EAAf;;;AAqCA,OAAO,IAAMc,QAAQ,GAAGb,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { 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"]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const jsStyles: {
     root(t: Theme): string;
     rootWithoutContent(): string;
     container(): string;