@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getMenuItemPaddings","getStyles","emotion","root","t","_getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","css","_templateObject","_taggedTemplateLiteralLoose","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","_templateObject2","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","_templateObject3","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","_templateObject4","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","_templateObject5","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { 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        menuItemPaddingX: t.menuMessagePaddingX,\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"],"mappings":";;;AAGA,SAASA,YAAY,QAAQ,2BAA2B;AACxD,SAASC,mBAAmB,QAAQ,2CAA2C;;AAE/E,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCH,YAAY,CAAC;MACXI,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,IAAAC,oBAAA,GAA+BL,mBAAmB,CAAC;YACjDM,gBAAgB,EAAEF,CAAC,CAACG,mBAAmB;YACvCC,gBAAgB,EAAEJ,CAAC,CAACK;UACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ,CAAEC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ;;QAK1B,OAAOT,OAAO,CAACU,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;QAELV,CAAC,CAACW,kBAAkB;QACpBX,CAAC,CAACK,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIP,CAAC,CAACG,mBAAmB;QACxEH,CAAC,CAACY,oBAAoB;QACjBZ,CAAC,CAACa,aAAa;;MAEjC,CAAC;;MAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;QACnB,OAAOF,OAAO,CAACU,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;QACHV,CAAC,CAACgB,yBAAyB;QACzBhB,CAAC,CAACiB,2BAA2B;QACjCjB,CAAC,CAACkB,wBAAwB;;MAEzC,CAAC;;MAEDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;QAClB,OAAOF,OAAO,CAACU,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;QACHV,CAAC,CAACqB,wBAAwB;QACxBrB,CAAC,CAACsB,0BAA0B;;MAE/C,CAAC;MACDC,UAAU,WAAAA,WAACvB,CAAQ,EAAE;QACnB,OAAOF,OAAO,CAACU,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;QACHV,CAAC,CAACyB,yBAAyB;QACzBzB,CAAC,CAAC0B,2BAA2B;;MAEhD,CAAC;MACDC,SAAS,WAAAA,UAAC3B,CAAQ,EAAE;QAClB,OAAOF,OAAO,CAACU,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;QACHV,CAAC,CAAC6B,wBAAwB;QACxB7B,CAAC,CAAC8B,0BAA0B;;MAE/C;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","getMenuItemPaddings","styles","root","t","_getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","_templateObject","_taggedTemplateLiteralLoose","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","_templateObject2","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","_templateObject3","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","_templateObject4","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","_templateObject5","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { 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      menuItemPaddingX: t.menuMessagePaddingX,\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"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;AAC7D,SAASC,mBAAmB,QAAQ,2CAA2C;;AAE/E,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAA+BJ,mBAAmB,CAAC;QACjDK,gBAAgB,EAAEF,CAAC,CAACG,mBAAmB;QACvCC,gBAAgB,EAAEJ,CAAC,CAACK;MACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ,CAAEC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ;;IAK1B,OAAOZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGT,CAAC,CAACU,kBAAkB;IACpBV,CAAC,CAACK,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIP,CAAC,CAACG,mBAAmB;IACxEH,CAAC,CAACW,oBAAoB;IACjBX,CAAC,CAACY,aAAa;;EAEjC,CAAC;;EAEDC,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACKT,CAAC,CAACe,yBAAyB;IACzBf,CAAC,CAACgB,2BAA2B;IACjChB,CAAC,CAACiB,wBAAwB;;EAEzC,CAAC;;EAEDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACKT,CAAC,CAACoB,wBAAwB;IACxBpB,CAAC,CAACqB,0BAA0B;;EAE/C,CAAC;EACDC,UAAU,WAAAA,WAACtB,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACKT,CAAC,CAACwB,yBAAyB;IACzBxB,CAAC,CAACyB,2BAA2B;;EAEhD,CAAC;EACDC,SAAS,WAAAA,UAAC1B,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACKT,CAAC,CAAC4B,wBAAwB;IACxB5B,CAAC,CAAC6B,0BAA0B;;EAE/C;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { 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

@@ -2,14 +2,13 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _MobilePopup;
 import React from 'react';
 import { Transition } from 'react-transition-group';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
 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 { getJsStyles } from "../MobilePopup.styles";
+import { jsStyles } from "../MobilePopup.styles";
 import { MobilePopupHeader } from "../MobilePopupHeader";
 import { MobilePopupFooter } from "../MobilePopupFooter";
 export var MobilePopupDataTids = {
@@ -34,19 +33,15 @@ export var MobilePopup = rootNode(_class = (_MobilePopup = /*#__PURE__*/function
   var _proto = MobilePopup.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var emotion = _ref.emotion;
-      _this2.jsStyles = getJsStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, 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 content = /*#__PURE__*/React.createElement(ZIndex, {
       id: this.props.id,
-      className: this.jsStyles.zIndex(),
+      className: jsStyles.zIndex(),
       priority: 'MobilePopup'
     }, /*#__PURE__*/React.createElement(Transition, {
       "in": this.props.opened,
@@ -55,25 +50,25 @@ export var MobilePopup = rootNode(_class = (_MobilePopup = /*#__PURE__*/function
       unmountOnExit: true,
       timeout: 0
     }, /*#__PURE__*/React.createElement("div", {
-      className: this.jsStyles.wrapper()
+      className: jsStyles.wrapper()
     }, /*#__PURE__*/React.createElement(RenderLayer, {
       onClickOutside: this.close
     }, /*#__PURE__*/React.createElement("div", {
       ref: this.setRootNode,
       "data-tid": MobilePopupDataTids.container,
-      className: this.jsStyles.container(this.theme)
+      className: jsStyles.container(this.theme)
     }, /*#__PURE__*/React.createElement("div", {
       "data-tid": MobilePopupDataTids.root,
-      className: this.jsStyles.root(this.theme)
+      className: jsStyles.root(this.theme)
     }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
       caption: this.props.caption
     }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
-      className: this.jsStyles.content(this.theme)
+      className: jsStyles.content(this.theme)
     }, this.props.children), /*#__PURE__*/React.createElement(MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/React.createElement("div", {
       onClick: this.close,
-      className: this.jsStyles.bottomIndent()
+      className: jsStyles.bottomIndent()
     }))), /*#__PURE__*/React.createElement("div", {
-      className: this.jsStyles.bg()
+      className: jsStyles.bg()
     }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
     if (this.props.withoutRenderContainer) {
       return content;

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

@@ -1 +1 @@
-{"version":3,"names":["React","Transition","RenderEnvironmentContext","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","getJsStyles","MobilePopupHeader","MobilePopupFooter","MobilePopupDataTids","root","container","MobilePopup","_class","_MobilePopup","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","_ref","emotion","jsStyles","theme","renderMain","content","id","className","zIndex","priority","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","onClickOutside","ref","setRootNode","caption","headerChildComponent","children","footerChildComponent","onClick","bottomIndent","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { 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 type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { getJsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\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   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  children?: React.ReactNode;\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 jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.jsStyles = getJsStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={this.jsStyles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={this.jsStyles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={this.jsStyles.content(this.theme)}>{this.props.children}</div>\n                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n                <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={this.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","jsStyles","MobilePopupHeader","MobilePopupFooter","MobilePopupDataTids","root","container","MobilePopup","_class","_MobilePopup","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","renderMain","content","id","className","zIndex","priority","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","onClickOutside","ref","setRootNode","caption","headerChildComponent","children","footerChildComponent","onClick","bottomIndent","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport type { 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 type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\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   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  children?: React.ReactNode;\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  public getRootNode!: TGetRootNode;\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                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\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"],"mappings":"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","ignoreList":[]}

package/internal/MobilePopup/MobilePopup.d.ts

@@ -40,7 +40,6 @@ export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static readonly defaultRootNode: null;
-    private jsStyles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;

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

@@ -1,28 +1,27 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getJsStyles = function getJsStyles(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,"names":["memoizeStyle","getJsStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","_templateObject2","content","_templateObject3","bgDefault","container","_templateObject4","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","_templateObject5","bottomIndent","_templateObject6","zIndex","_templateObject7"],"sources":["MobilePopup.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getJsStyles = (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"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;;AAGxD,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAgB;IAC1CF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;QAMCH,CAAC,CAACI,gCAAgC;;QAEjCJ,CAAC,CAACK,iCAAiC;QACvCL,CAAC,CAACM,aAAa;;MAEjC,CAAC;;MAEDC,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOT,OAAO,CAACG,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;;;;;MAQpB,CAAC;;MAEDM,OAAO,WAAAA,QAACT,CAAQ,EAAE;QAChB,OAAOF,OAAO,CAACG,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;QACIH,CAAC,CAACW,SAAS;;MAEnC,CAAC;;MAEDC,SAAS,WAAAA,UAACZ,CAAQ,EAAE;QAClB,OAAOF,OAAO,CAACG,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;QAETH,CAAC,CAACc,qBAAqB;QACtBd,CAAC,CAACe,uBAAuB;QACxBf,CAAC,CAACe,uBAAuB;;;MAGtC,CAAC;;MAEDC,EAAE,WAAAA,GAAA,EAAG;QACH,OAAOlB,OAAO,CAACG,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;;;;;MAWpB,CAAC;;MAEDe,YAAY,WAAAA,aAAA,EAAG;QACb,OAAOpB,OAAO,CAACG,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;MAGpB,CAAC;;MAEDiB,MAAM,WAAAA,OAAA,EAAG;QACP,OAAOtB,OAAO,CAACG,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","_templateObject2","content","_templateObject3","bgDefault","container","_templateObject4","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","_templateObject5","bottomIndent","_templateObject6","zIndex","_templateObject7","jsStyles"],"sources":["MobilePopup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      padding-bottom: ${t.mobilePopupContainerBottomPadding};\n      background: ${t.menuBgDefault};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.mobilePopupTopPadding};\n      left: ${t.mobilePopupOuterIndentY};\n      right: ${t.mobilePopupOuterIndentY};\n      z-index: 100000;\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    `;\n  },\n\n  bottomIndent() {\n    return css`\n      height: 80px;\n    `;\n  },\n\n  zIndex() {\n    return css`\n      position: relative;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;IAMSF,CAAC,CAACG,gCAAgC;;IAEjCH,CAAC,CAACI,iCAAiC;IACvCJ,CAAC,CAACK,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACYF,CAAC,CAACU,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACX,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;IAEDF,CAAC,CAACa,qBAAqB;IACtBb,CAAC,CAACc,uBAAuB;IACxBd,CAAC,CAACc,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDe,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;EAGZ,CAAC;;EAEDiB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMmB,QAAQ,GAAGxB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

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

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

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../../lib/theming/RenderEnvironmentContext";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
-import { getJsStyles } from "../MobilePopupFooter.styles";
+import { jsStyles } from "../MobilePopupFooter.styles";
 export var MobilePopupFooter = /*#__PURE__*/function (_React$Component) {
   function MobilePopupFooter() {
     return _React$Component.apply(this, arguments) || this;
@@ -12,15 +11,9 @@ export var MobilePopupFooter = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this = this;
     return /*#__PURE__*/(
-      React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-        var emotion = _ref.emotion;
-        _this.jsStyles = getJsStyles(emotion);
-        return /*#__PURE__*/(
-          React.createElement(ThemeContext.Consumer, null, function (theme) {
-            _this.theme = theme;
-            return _this.renderMain();
-          })
-        );
+      React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
       })
     );
   };
@@ -30,7 +23,7 @@ export var MobilePopupFooter = /*#__PURE__*/function (_React$Component) {
       return null;
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: this.jsStyles.root(this.theme)
+      className: jsStyles.root(this.theme)
     }, children);
   };
   return MobilePopupFooter;

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","ThemeContext","getJsStyles","MobilePopupFooter","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","_ref","emotion","jsStyles","theme","renderMain","children","props","isValidElement","className","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport { RenderEnvironmentContext } from '../../../lib/theming/RenderEnvironmentContext';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { getJsStyles } from './MobilePopupFooter.styles';\n\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.jsStyles = getJsStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.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"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,wBAAwB,QAAQ,+CAA+C;;AAExF,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,WAAW,QAAQ,4BAA4B;;AAExD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEZ,KAAA,CAAAa,aAAA,CAACZ,wBAAwB,CAACa,QAAQ;MAC/B,UAAAC,IAAA,EAAiB,KAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;QACTJ,KAAI,CAACK,QAAQ,GAAGd,WAAW,CAACa,OAAO,CAAC;;QAEpC;UACEhB,KAAA,CAAAa,aAAA,CAACX,YAAY,CAACY,QAAQ;UACnB,UAACI,KAAK,EAAK;YACVN,KAAI,CAACM,KAAK,GAAGA,KAAK;YAClB,OAAON,KAAI,CAACO,UAAU,CAAC,CAAC;UAC1B;UACqB,CAAC;;MAE5B;MACiC,CAAC;;EAExC,CAAC,CAAAV,MAAA;;EAEOU,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAACpB,KAAK,CAACsB,cAAc,CAACF,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOpB,KAAA,CAAAa,aAAA,UAAKU,SAAS,EAAE,IAAI,CAACN,QAAQ,CAACO,IAAI,CAAC,IAAI,CAACN,KAAK,CAAE,IAAEE,QAAc,CAAC;EACzE,CAAC,QAAAhB,iBAAA,GAjCoCJ,KAAK,CAACyB,SAAS,EAAzCrB,iBAAiB,CACdsB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","jsStyles","MobilePopupFooter","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","children","props","isValidElement","className","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupFooter.styles';\n\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;AAErD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEX,KAAA,CAAAY,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAAChB,KAAK,CAACkB,cAAc,CAACF,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOhB,KAAA,CAAAY,aAAA,UAAKO,SAAS,EAAEjB,QAAQ,CAACkB,IAAI,CAAC,IAAI,CAACN,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAb,iBAAA,GAxBoCH,KAAK,CAACqB,SAAS,EAAzClB,iBAAiB,CACdmB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,7 +1,6 @@
 import React from 'react';
 export declare class MobilePopupFooter extends React.Component<React.PropsWithChildren> {
     static __KONTUR_REACT_UI__: string;
-    private jsStyles;
     private theme;
     render(): React.JSX.Element;
     private renderMain;

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

@@ -1,10 +1,9 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-import { memoizeStyle } from "../../../../lib/theming/Emotion";
-export var getJsStyles = function getJsStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        padding: ", ";\n      "])), t.mobilePopupHeaderPadding);
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
+var styles = {
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
+  }
+};
+export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getJsStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding"],"sources":["MobilePopupFooter.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nexport const getJsStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        padding: ${t.mobilePopupHeaderPadding};\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,8BAA8B;;;AAG3D,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAgB;IAC1CF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;QAILH,CAAC,CAACI,wBAAwB;;MAEzC;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","jsStyles"],"sources":["MobilePopupFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIGF,CAAC,CAACG,wBAAwB;;EAEzC;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

@@ -1,5 +1,4 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../../lib/theming/Theme';
-export declare const getJsStyles: (emotion: Emotion) => {
+export declare const jsStyles: {
     root(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 { RenderEnvironmentContext } from "../../../../lib/theming/RenderEnvironmentContext";
 import { isNonNullable } from "../../../../lib/utils";
+import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
-import { getJsStyles } from "../MobilePopupHeader.styles";
+import { jsStyles } from "../MobilePopupHeader.styles";
 export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
   function MobilePopupHeader() {
     return _React$Component.apply(this, arguments) || this;
@@ -13,34 +13,27 @@ export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this = this;
     return /*#__PURE__*/(
-      React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-        var emotion = _ref.emotion;
-        _this.cx = emotion.cx;
-        _this.jsStyles = getJsStyles(emotion);
-        return /*#__PURE__*/(
-          React.createElement(ThemeContext.Consumer, null, function (theme) {
-            _this.theme = theme;
-            return _this.renderMain();
-          })
-        );
+      React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
       })
     );
   };
   _proto.renderMain = function renderMain() {
-    var _this$cx, _this$cx2;
+    var _cx, _cx2;
     var _this$props = this.props,
       caption = _this$props.caption,
       children = _this$props.children;
     return /*#__PURE__*/(
       React.createElement("div", {
-        className: this.cx((_this$cx = {}, _this$cx[this.jsStyles.root(this.theme)] = true, _this$cx[this.jsStyles.rootWithoutContent()] = !caption && !children, _this$cx))
+        className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.rootWithoutContent()] = !caption && !children, _cx))
       }, /*#__PURE__*/
 
       React.createElement("div", {
-        className: this.jsStyles.container()
+        className: jsStyles.container()
       }, caption && /*#__PURE__*/
       React.createElement("div", {
-        className: this.cx((_this$cx2 = {}, _this$cx2[this.jsStyles.caption(this.theme)] = true, _this$cx2[this.jsStyles.captionWithChildren()] = isNonNullable(children), _this$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,"names":["React","RenderEnvironmentContext","isNonNullable","ThemeContext","getJsStyles","MobilePopupHeader","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","_ref","emotion","cx","jsStyles","theme","renderMain","_this$cx","_this$cx2","_this$props","props","caption","children","className","root","rootWithoutContent","container","captionWithChildren","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../../lib/theming/RenderEnvironmentContext';\nimport { isNonNullable } from '../../../lib/utils';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { getJsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.jsStyles = getJsStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.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"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,wBAAwB,QAAQ,+CAA+C;AACxF,SAASC,aAAa,QAAQ,oBAAoB;;AAElD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,WAAW,QAAQ,4BAA4B;;;;;;;;;AASxD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;;;;EAQrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEb,KAAA,CAAAc,aAAA,CAACb,wBAAwB,CAACc,QAAQ;MAC/B,UAAAC,IAAA,EAAiB,KAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;QACTJ,KAAI,CAACK,EAAE,GAAGD,OAAO,CAACC,EAAE;QACpBL,KAAI,CAACM,QAAQ,GAAGf,WAAW,CAACa,OAAO,CAAC;;QAEpC;UACEjB,KAAA,CAAAc,aAAA,CAACX,YAAY,CAACY,QAAQ;UACnB,UAACK,KAAK,EAAK;YACVP,KAAI,CAACO,KAAK,GAAGA,KAAK;YAClB,OAAOP,KAAI,CAACQ,UAAU,CAAC,CAAC;UAC1B;UACqB,CAAC;;MAE5B;MACiC,CAAC;;EAExC,CAAC,CAAAX,MAAA;;EAEOW,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,QAAA,EAAAC,SAAA;IACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;IAEzB;MACE3B,KAAA,CAAAc,aAAA;QACEc,SAAS,EAAE,IAAI,CAACV,EAAE,EAAAI,QAAA,OAAAA,QAAA;QACf,IAAI,CAACH,QAAQ,CAACU,IAAI,CAAC,IAAI,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAE,QAAA;QACrC,IAAI,CAACH,QAAQ,CAACW,kBAAkB,CAAC,CAAC,IAAG,CAACJ,OAAO,IAAI,CAACC,QAAQ,EAAAL,QAAA;QAC5D,CAAE;;MAEHtB,KAAA,CAAAc,aAAA,UAAKc,SAAS,EAAE,IAAI,CAACT,QAAQ,CAACY,SAAS,CAAC,CAAE;MACvCL,OAAO;MACN1B,KAAA,CAAAc,aAAA;QACEc,SAAS,EAAE,IAAI,CAACV,EAAE,EAAAK,SAAA,OAAAA,SAAA;QACf,IAAI,CAACJ,QAAQ,CAACO,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,SAAA;QACxC,IAAI,CAACJ,QAAQ,CAACa,mBAAmB,CAAC,CAAC,IAAG9B,aAAa,CAACyB,QAAQ,CAAC,EAAAJ,SAAA;QAC/D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAA1B,KAAK,CAACiC,cAAc,CAACN,QAAQ,CAAC,iBAAI3B,KAAA,CAAAc,aAAA,cAAMa,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAAtB,iBAAA,GArDoCL,KAAK,CAACkC,SAAS,EAAzC7B,iBAAiB,CACd8B,mBAAmB,GAAG,kBAAkB,CAD3C9B,iBAAiB,CAEd+B,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","isNonNullable","cx","ThemeContext","jsStyles","MobilePopupHeader","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","root","rootWithoutContent","container","captionWithChildren","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div\n        className={cx({\n          [jsStyles.root(this.theme)]: true,\n          [jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={jsStyles.container()}>\n          {caption && (\n            <div\n              className={cx({\n                [jsStyles.caption(this.theme)]: true,\n                [jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,aAAa,QAAQ,oBAAoB;;AAElD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;;;;;;;;AASrD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEb,KAAA,CAAAc,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,GAAA,EAAAC,IAAA;IACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;IAEzB;MACEvB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAgB,GAAA,OAAAA,GAAA;QACVd,QAAQ,CAACqB,IAAI,CAAC,IAAI,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCd,QAAQ,CAACsB,kBAAkB,CAAC,CAAC,IAAG,CAACJ,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHlB,KAAA,CAAAc,aAAA,UAAKU,SAAS,EAAEpB,QAAQ,CAACuB,SAAS,CAAC,CAAE;MAClCL,OAAO;MACNtB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAiB,IAAA,OAAAA,IAAA;QACVf,QAAQ,CAACkB,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCf,QAAQ,CAACwB,mBAAmB,CAAC,CAAC,IAAG3B,aAAa,CAACsB,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAtB,KAAK,CAAC6B,cAAc,CAACN,QAAQ,CAAC,iBAAIvB,KAAA,CAAAc,aAAA,cAAMS,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAAlB,iBAAA,GA1CoCL,KAAK,CAAC8B,SAAS,EAAzCzB,iBAAiB,CACd0B,mBAAmB,GAAG,kBAAkB,CAD3C1B,iBAAiB,CAEd2B,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -8,8 +8,6 @@ interface MobilePopupHeaderProps {
 export declare class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    private cx;
-    private jsStyles;
     private theme;
     render(): React.JSX.Element;
     private renderMain;

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

@@ -1,22 +1,21 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { memoizeStyle } from "../../../../lib/theming/Emotion";
-export var getJsStyles = function getJsStyles(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,"names":["memoizeStyle","getJsStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","rootWithoutContent","_templateObject2","container","_templateObject3","caption","_templateObject4","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","_templateObject5"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nexport const getJsStyles = (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"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,8BAA8B;;;AAG3D,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,OAAgB;IAC1CF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;QAELH,CAAC,CAACI,wBAAwB;;MAEzC,CAAC;;MAEDC,kBAAkB,WAAAA,mBAAA,EAAG;QACnB,OAAOP,OAAO,CAACG,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;MAGpB,CAAC;;MAEDI,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOT,OAAO,CAACG,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;MAIpB,CAAC;;MAEDM,OAAO,WAAAA,QAACT,CAAQ,EAAE;QAChB,OAAOF,OAAO,CAACG,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;QACHH,CAAC,CAACW,yBAAyB;QACzBX,CAAC,CAACY,2BAA2B;QAC7BZ,CAAC,CAACa,2BAA2B;QACnCb,CAAC,CAACc,gBAAgB;;MAE/B,CAAC;;MAEDC,mBAAmB,WAAAA,oBAAA,EAAG;QACpB,OAAOjB,OAAO,CAACG,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","rootWithoutContent","_templateObject2","container","_templateObject3","caption","_templateObject4","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","_templateObject5","jsStyles"],"sources":["MobilePopupHeader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n\n  rootWithoutContent() {\n    return css`\n      padding: 8px 0 0 0;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  captionWithChildren() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGF,CAAC,CAACG,wBAAwB;;EAEzC,CAAC;;EAEDC,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;EAIZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACKF,CAAC,CAACU,yBAAyB;IACzBV,CAAC,CAACW,2BAA2B;IAC7BX,CAAC,CAACY,2BAA2B;IACnCZ,CAAC,CAACa,gBAAgB;;EAE/B,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMc,QAAQ,GAAGnB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

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

package/internal/NativeDateInput/NativeDateInput/NativeDateInput.js

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
 import { getDateForNative, getDateForComponent } from "../utils";
-import { getJsStyles } from "../NativeDateInput.styles";
+import { jsStyles } from "../NativeDateInput.styles";
 var DEFAULT_MIN_DATE = '1900-01-01';
 var DEFAULT_MAX_DATE = '2099-12-31';
 export var NativeDateInput = /*#__PURE__*/function (_React$Component) {
@@ -39,24 +38,20 @@ export var NativeDateInput = /*#__PURE__*/function (_React$Component) {
   var _proto = NativeDateInput.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var emotion = _ref.emotion;
-      _this2.jsStyles = getJsStyles(emotion);
-      return /*#__PURE__*/React.createElement("input", {
-        type: 'date',
-        max: _this2.props.maxDate ? getDateForNative(_this2.props.maxDate) : DEFAULT_MAX_DATE,
-        min: _this2.props.minDate ? getDateForNative(_this2.props.minDate) : DEFAULT_MIN_DATE,
-        value: getDateForNative(_this2.props.value),
-        onChange: function onChange(e) {
-          if (_this2.props.onValueChange) {
-            _this2.props.onValueChange(getDateForComponent(e.target.value));
-          }
-        },
-        className: _this2.jsStyles.inputTypeDate(),
-        ref: _this2.refInput,
-        disabled: _this2.props.disabled,
-        tabIndex: -1
-      });
+    return /*#__PURE__*/React.createElement("input", {
+      type: 'date',
+      max: this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE,
+      min: this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE,
+      value: getDateForNative(this.props.value),
+      onChange: function onChange(e) {
+        if (_this2.props.onValueChange) {
+          _this2.props.onValueChange(getDateForComponent(e.target.value));
+        }
+      },
+      className: jsStyles.inputTypeDate(),
+      ref: this.refInput,
+      disabled: this.props.disabled,
+      tabIndex: -1
     });
   };
   return NativeDateInput;