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

package/cjs/internal/MobilePopup/MobilePopup.js

@@ -2,17 +2,15 @@
 var _reactTransitionGroup = require("react-transition-group");
 
 
-
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _RenderContainer = require("../RenderContainer");
 var _HideBodyVerticalScroll = require("../HideBodyVerticalScroll");
 var _ZIndex = require("../ZIndex");
 var _RenderLayer = require("../RenderLayer");
 var _rootNode = require("../../lib/rootNode");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 
-var _MobilePopupHeader = require("./MobilePopupHeader");
-var _MobilePopup = require("./MobilePopup.styles");var _class, _class2, _temp;
+var _MobilePopup = require("./MobilePopup.styles");
+var _MobilePopupHeader = require("./MobilePopupHeader");var _class, _class2, _temp;
 
 
 
@@ -90,15 +88,6 @@ MobilePopup = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/f
 
 
 
-
-
-
-
-
-
-
-
-
 
 
 
@@ -113,4 +102,4 @@ MobilePopup = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/f
       if (_this.props.onCloseRequest) {
         _this.props.onCloseRequest();
       }
-    };return _this;}var _proto = MobilePopup.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var styles = (0, _MobilePopup.getStyles)(this.emotion);var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: this.props.id, className: styles.zIndex(), priority: 'MobilePopup' }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { in: this.props.opened, onExited: this.props.onClose, mountOnEnter: true, unmountOnExit: true, timeout: 0 }, /*#__PURE__*/_react.default.createElement("div", { className: styles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { ref: this.setRootNode, "data-tid": MobilePopupDataTids.container, className: styles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: styles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: styles.content(this.theme) }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: styles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: styles.bg() }), /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));if (this.props.withoutRenderContainer) {return content;}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return MobilePopup;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _class2.displayName = 'MobileMenuHeader', _class2.defaultRootNode = null, _temp)) || _class;exports.MobilePopup = MobilePopup;
+    };return _this;}var _proto = MobilePopup.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: this.props.id, className: _MobilePopup.jsStyles.zIndex(), priority: 'MobilePopup' }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { in: this.props.opened, onExited: this.props.onClose, mountOnEnter: true, unmountOnExit: true, timeout: 0 }, /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { ref: this.setRootNode, "data-tid": MobilePopupDataTids.container, className: _MobilePopup.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: _MobilePopup.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.jsStyles.content(this.theme) }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: _MobilePopup.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.jsStyles.bg() }), /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));if (this.props.withoutRenderContainer) {return content;}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return MobilePopup;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _class2.displayName = 'MobileMenuHeader', _class2.defaultRootNode = null, _temp)) || _class;exports.MobilePopup = MobilePopup;

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.tsx"],"names":["MobilePopupDataTids","root","container","MobilePopup","rootNode","close","props","onCloseRequest","render","emotion","theme","renderMain","styles","content","id","zIndex","opened","onClose","wrapper","setRootNode","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"mappings":"6RAAA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,mD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B,C;;;;AAMMC,W,OADZC,kB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DQC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,K,yDAvDMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,wBAAD,QACG,UAACC,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,6BAAC,2BAAD,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAXH,CADF,CAeD,C,QAEMA,U,GAAP,sBAAoB,CAClB,IAAMC,MAAM,GAAG,4BAAU,KAAKH,OAAf,CAAf,CACA,IAAMI,OAAO,gBACX,6BAAC,cAAD,IAAQ,EAAE,EAAE,KAAKP,KAAL,CAAWQ,EAAvB,EAA2B,SAAS,EAAEF,MAAM,CAACG,MAAP,EAAtC,EAAuD,QAAQ,EAAE,aAAjE,iBACE,6BAAC,gCAAD,IAAY,EAAE,EAAE,KAAKT,KAAL,CAAWU,MAA3B,EAAmC,QAAQ,EAAE,KAAKV,KAAL,CAAWW,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,sCAAK,SAAS,EAAEL,MAAM,CAACM,OAAP,EAAhB,iBACE,6BAAC,wBAAD,IAAa,cAAc,EAAE,KAAKb,KAAlC,iBACE,sCACE,GAAG,EAAE,KAAKc,WADZ,EAEE,YAAUnB,mBAAmB,CAACE,SAFhC,EAGE,SAAS,EAAEU,MAAM,CAACV,SAAP,CAAiB,KAAKQ,KAAtB,CAHb,iBAKE,sCAAK,YAAUV,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEW,MAAM,CAACX,IAAP,CAAY,KAAKS,KAAjB,CAApD,iBACE,6BAAC,oCAAD,IAAmB,OAAO,EAAE,KAAKJ,KAAL,CAAWc,OAAvC,IAAiD,KAAKd,KAAL,CAAWe,oBAA5D,CADF,eAEE,sCAAK,SAAS,EAAET,MAAM,CAACC,OAAP,CAAe,KAAKH,KAApB,CAAhB,IAA6C,KAAKJ,KAAL,CAAWgB,QAAxD,CAFF,CALF,eASE,sCAAK,OAAO,EAAE,KAAKjB,KAAnB,EAA0B,SAAS,EAAEO,MAAM,CAACW,YAAP,EAArC,GATF,CADF,CADF,eAcE,sCAAK,SAAS,EAAEX,MAAM,CAACY,EAAP,EAAhB,GAdF,eAeE,6BAAC,8CAAD,OAfF,CADF,CADF,CADF,CAwBA,IAAI,KAAKlB,KAAL,CAAWmB,sBAAf,EAAuC,CACrC,OAAOZ,OAAP,CACD,CAED,oBAAO,6BAAC,gCAAD,QAAkBA,OAAlB,CAAP,CACD,C,sBA5D8Ba,eAAMC,S,WACvBC,mB,GAAsB,kB,UACtBC,W,GAAc,kB,UAGLC,e,GAAkB,I","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":["MobilePopupDataTids","root","container","MobilePopup","rootNode","close","props","onCloseRequest","render","theme","renderMain","content","id","jsStyles","zIndex","opened","onClose","wrapper","setRootNode","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"mappings":"6RAAA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,wD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B,C;;;;AAMMC,W,OADZC,kB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDQC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,K,yDA/CMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEMA,U,GAAP,sBAAoB,CAClB,IAAMC,OAAO,gBACX,6BAAC,cAAD,IAAQ,EAAE,EAAE,KAAKL,KAAL,CAAWM,EAAvB,EAA2B,SAAS,EAAEC,sBAASC,MAAT,EAAtC,EAAyD,QAAQ,EAAE,aAAnE,iBACE,6BAAC,gCAAD,IAAY,EAAE,EAAE,KAAKR,KAAL,CAAWS,MAA3B,EAAmC,QAAQ,EAAE,KAAKT,KAAL,CAAWU,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,sCAAK,SAAS,EAAEH,sBAASI,OAAT,EAAhB,iBACE,6BAAC,wBAAD,IAAa,cAAc,EAAE,KAAKZ,KAAlC,iBACE,sCACE,GAAG,EAAE,KAAKa,WADZ,EAEE,YAAUlB,mBAAmB,CAACE,SAFhC,EAGE,SAAS,EAAEW,sBAASX,SAAT,CAAmB,KAAKO,KAAxB,CAHb,iBAKE,sCAAK,YAAUT,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEY,sBAASZ,IAAT,CAAc,KAAKQ,KAAnB,CAApD,iBACE,6BAAC,oCAAD,IAAmB,OAAO,EAAE,KAAKH,KAAL,CAAWa,OAAvC,IAAiD,KAAKb,KAAL,CAAWc,oBAA5D,CADF,eAEE,sCAAK,SAAS,EAAEP,sBAASF,OAAT,CAAiB,KAAKF,KAAtB,CAAhB,IAA+C,KAAKH,KAAL,CAAWe,QAA1D,CAFF,CALF,eASE,sCAAK,OAAO,EAAE,KAAKhB,KAAnB,EAA0B,SAAS,EAAEQ,sBAASS,YAAT,EAArC,GATF,CADF,CADF,eAcE,sCAAK,SAAS,EAAET,sBAASU,EAAT,EAAhB,GAdF,eAeE,6BAAC,8CAAD,OAfF,CADF,CADF,CADF,CAwBA,IAAI,KAAKjB,KAAL,CAAWkB,sBAAf,EAAuC,CACrC,OAAOb,OAAP,CACD,CAED,oBAAO,6BAAC,gCAAD,QAAkBA,OAAlB,CAAP,CACD,C,sBAnD8Bc,eAAMC,S,WACvBC,mB,GAAsB,kB,UACtBC,W,GAAc,kB,UAGLC,e,GAAkB,I","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/cjs/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/cjs/internal/MobilePopup/MobilePopup.styles.js

@@ -1,53 +1,51 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
+var styles = {
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
 
-var getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      padding-bottom: ", ";\n      background: ", ";\n    "])),
 
 
 
 
+    t.mobilePopupContainerBorderRadius,
 
-        t.mobilePopupContainerBorderRadius,
+    t.mobilePopupContainerBottomPadding,
+    t.menuBgDefault);
 
-        t.mobilePopupContainerBottomPadding,
-        t.menuBgDefault);
+  },
 
-      },
+  wrapper: function wrapper() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
 
-      wrapper: function wrapper() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
 
 
 
 
 
 
+  },
 
-      },
+  content: function content(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n    "])),
+    t.bgDefault);
 
-      content: function content(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n    "])),
-        t.bgDefault);
+  },
 
-      },
+  container: function container(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])),
 
-      container: function container(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])),
+    t.mobilePopupTopPadding,
+    t.mobilePopupOuterIndentY,
+    t.mobilePopupOuterIndentY);
 
-        t.mobilePopupTopPadding,
-        t.mobilePopupOuterIndentY,
-        t.mobilePopupOuterIndentY);
 
+  },
 
-      },
+  bg: function bg() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
 
-      bg: function bg() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
 
 
 
@@ -57,17 +55,19 @@ var getStyles = function getStyles(emotion) {return (
 
 
 
+  },
 
-      },
+  bottomIndent: function bottomIndent() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 80px;\n    "])));
 
-      bottomIndent: function bottomIndent() {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 80px;\n    "])));
 
+  },
 
-      },
+  zIndex: function zIndex() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
-      zIndex: function zIndex() {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
+  } };
 
-      } }));};exports.getStyles = getStyles;
+
+var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.styles.ts"],"names":["getStyles","emotion","root","t","css","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex"],"mappings":";;AAEA,oD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,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,EAAb,CADuB,GAAlB,C","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":["styles","root","t","css","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","content","bgDefault","container","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","bottomIndent","zIndex","jsStyles"],"mappings":"sRAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;;;;;AAMmBD,IAAAA,CAAC,CAACE,gCANrB;;AAQoBF,IAAAA,CAAC,CAACG,iCARtB;AASgBH,IAAAA,CAAC,CAACI,aATlB;;AAWD,GAbY;;AAebC,EAAAA,OAfa,qBAeH;AACR,eAAOJ,YAAP;;;;;;;;AAQD,GAxBY;;AA0BbK,EAAAA,OA1Ba,mBA0BLN,CA1BK,EA0BK;AAChB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACO,SADxB;;AAGD,GA9BY;;AAgCbC,EAAAA,SAhCa,qBAgCHR,CAhCG,EAgCO;AAClB,eAAOC,YAAP;;AAESD,IAAAA,CAAC,CAACS,qBAFX;AAGUT,IAAAA,CAAC,CAACU,uBAHZ;AAIWV,IAAAA,CAAC,CAACU,uBAJb;;;AAOD,GAxCY;;AA0CbC,EAAAA,EA1Ca,gBA0CR;AACH,eAAOV,YAAP;;;;;;;;;;;AAWD,GAtDY;;AAwDbW,EAAAA,YAxDa,0BAwDE;AACb,eAAOX,YAAP;;;AAGD,GA5DY;;AA8DbY,EAAAA,MA9Da,oBA8DJ;AACP,eAAOZ,YAAP;;;AAGD,GAlEY,EAAf;;;AAqEO,IAAMa,QAAQ,GAAG,2BAAahB,MAAb,CAAjB,C","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/cjs/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/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js

@@ -1,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MobilePopupHeader = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-
 var _utils = require("../../../lib/utils");
 
 var _Emotion = require("../../../lib/theming/Emotion");
@@ -21,42 +20,33 @@ MobilePopupHeader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
 
 
 
-
   render = function render() {var _this = this;
     return /*#__PURE__*/(
-      _react.default.createElement(_Emotion.EmotionConsumer, null,
-      function (emotion) {
-        _this.emotion = emotion;
-        return /*#__PURE__*/(
-          _react.default.createElement(_ThemeContext.ThemeConsumer, null,
-          function (theme) {
-            _this.theme = theme;
-            return _this.renderMain();
-          }));
-
-
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
       }));
 
 
   };_proto.
 
-  renderMain = function renderMain() {var _this$emotion$cx, _this$emotion$cx2;
+  renderMain = function renderMain() {var _cx, _cx2;
     var _this$props = this.props,caption = _this$props.caption,children = _this$props.children;
-    var styles = (0, _MobilePopupHeader.getStyles)(this.emotion);
 
     return /*#__PURE__*/(
       _react.default.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)) }, /*#__PURE__*/
+        className: (0, _Emotion.cx)((_cx = {}, _cx[
+        _MobilePopupHeader.jsStyles.root(this.theme)] = true, _cx[
+        _MobilePopupHeader.jsStyles.rootWithoutContent()] = !caption && !children, _cx)) }, /*#__PURE__*/
 
 
-      _react.default.createElement("div", { className: styles.container() },
+      _react.default.createElement("div", { className: _MobilePopupHeader.jsStyles.container() },
       caption && /*#__PURE__*/
       _react.default.createElement("div", {
-        className: this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[
-        styles.caption(this.theme)] = true, _this$emotion$cx2[
-        styles.captionWithChildren()] = (0, _utils.isNonNullable)(children), _this$emotion$cx2)) },
+        className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
+        _MobilePopupHeader.jsStyles.caption(this.theme)] = true, _cx2[
+        _MobilePopupHeader.jsStyles.captionWithChildren()] = (0, _utils.isNonNullable)(children), _cx2)) },
 
 
       caption),

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["MobilePopupHeader","render","emotion","theme","renderMain","props","caption","children","styles","cx","root","rootWithoutContent","container","captionWithChildren","isValidElement","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"qQAAA;;;AAGA;;AAEA;AACA;;AAEA,+D;;;;;;;;;AASaA,iB;;;;;;;AAOJC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,wBAAD;AACG,gBAACC,OAAD,EAAa;AACZ,QAAA,KAAI,CAACA,OAAL,GAAeA,OAAf;AACA;AACE,uCAAC,2BAAD;AACG,oBAACC,KAAD,EAAW;AACV,YAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,mBAAO,KAAI,CAACC,UAAL,EAAP;AACD,WAJH,CADF;;;AAQD,OAXH,CADF;;;AAeD,G;;AAEOA,EAAAA,U,GAAR,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;AACA,QAAMC,MAAM,GAAG,kCAAU,KAAKN,OAAf,CAAf;;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,4CAAK,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,IAEuB,0BAAcN,QAAd,CAFvB,qBADb;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,kCAAMQ,cAAN,CAAqBP,QAArB,kBAAkC,0CAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,G,4BAnDoCQ,eAAMC,S,gDAAhChB,iB,CACGiB,mB,GAAsB,kB,CADzBjB,iB,CAEGkB,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":["MobilePopupHeader","render","theme","renderMain","props","caption","children","jsStyles","root","rootWithoutContent","container","captionWithChildren","isValidElement","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"qQAAA;;AAEA;;AAEA;AACA;;AAEA,+D;;;;;;;;;AASaA,iB;;;;;;AAMJC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV,QAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,KAAI,CAACC,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEOA,EAAAA,U,GAAR,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;;AAEA;AACE;AACE,QAAA,SAAS,EAAE;AACRC,oCAASC,IAAT,CAAc,KAAKN,KAAnB,CADQ,IACoB,IADpB;AAERK,oCAASE,kBAAT,EAFQ,IAEwB,CAACJ,OAAD,IAAY,CAACC,QAFrC,OADb;;;AAME,4CAAK,SAAS,EAAEC,4BAASG,SAAT,EAAhB;AACGL,MAAAA,OAAO;AACN;AACE,QAAA,SAAS,EAAE;AACRE,oCAASF,OAAT,CAAiB,KAAKH,KAAtB,CADQ,IACuB,IADvB;AAERK,oCAASI,mBAAT,EAFQ,IAEyB,0BAAcL,QAAd,CAFzB,QADb;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,kCAAMO,cAAN,CAAqBN,QAArB,kBAAkC,0CAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,G,4BA1CoCO,eAAMC,S,gDAAhCd,iB,CACGe,mB,GAAsB,kB,CADzBf,iB,CAEGgB,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/cjs/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;

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

@@ -1,41 +1,41 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var _Emotion = require("../../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
+var styles = {
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      padding: ", ";\n    "])),
 
-var getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      padding: ", ";\n    "])),
+    t.mobilePopupHeaderPadding);
 
-        t.mobilePopupHeaderPadding);
+  },
 
-      },
+  rootWithoutContent: function rootWithoutContent() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 8px 0 0 0;\n    "])));
 
-      rootWithoutContent: function rootWithoutContent() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 8px 0 0 0;\n    "])));
 
+  },
 
-      },
+  container: function container() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-direction: column;\n    "])));
 
-      container: function container() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-direction: column;\n    "])));
 
 
+  },
 
-      },
+  caption: function caption(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])),
+    t.mobilePopupHeaderFontSize,
+    t.mobilePopupHeaderLineHeight,
+    t.mobilePopupHeaderFontWeight,
+    t.textColorDefault);
 
-      caption: function caption(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      font-weight: ", ";\n      color: ", ";\n    "])),
-        t.mobilePopupHeaderFontSize,
-        t.mobilePopupHeaderLineHeight,
-        t.mobilePopupHeaderFontWeight,
-        t.textColorDefault);
+  },
 
-      },
+  captionWithChildren: function captionWithChildren() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 8px;\n    "])));
 
-      captionWithChildren: function captionWithChildren() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 8px;\n    "])));
 
+  } };
 
-      } }));};exports.getStyles = getStyles;
+
+var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopupHeader.styles.ts"],"names":["getStyles","emotion","root","t","css","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren"],"mappings":";;AAEA,uD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,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,EAAb,CADuB,GAAlB,C","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":["styles","root","t","css","mobilePopupHeaderPadding","rootWithoutContent","container","caption","mobilePopupHeaderFontSize","mobilePopupHeaderLineHeight","mobilePopupHeaderFontWeight","textColorDefault","captionWithChildren","jsStyles"],"mappings":"sRAAA,uD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACE,wBAFf;;AAID,GANY;;AAQbC,EAAAA,kBARa,gCAQQ;AACnB,eAAOF,YAAP;;;AAGD,GAZY;;AAcbG,EAAAA,SAda,uBAcD;AACV,eAAOH,YAAP;;;;AAID,GAnBY;;AAqBbI,EAAAA,OArBa,mBAqBLL,CArBK,EAqBK;AAChB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACM,yBADjB;AAEiBN,IAAAA,CAAC,CAACO,2BAFnB;AAGiBP,IAAAA,CAAC,CAACQ,2BAHnB;AAIWR,IAAAA,CAAC,CAACS,gBAJb;;AAMD,GA5BY;;AA8BbC,EAAAA,mBA9Ba,iCA8BS;AACpB,eAAOT,YAAP;;;AAGD,GAlCY,EAAf;;;AAqCO,IAAMU,QAAQ,GAAG,2BAAab,MAAb,CAAjB,C","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/cjs/internal/NativeDateInput/NativeDateInput.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.NativeDateInput = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _utils = require("./utils");
 var _NativeDateInput = require("./NativeDateInput.styles");
@@ -38,13 +37,6 @@ NativeDateInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -70,6 +62,6 @@ NativeDateInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.
 
     refInput = function (element) {
       _this.input = element;
-    };return _this;}var _proto = NativeDateInput.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {var styles = (0, _NativeDateInput.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement("input", { type: 'date', max: _this2.props.maxDate ? (0, _utils.getDateForNative)(_this2.props.maxDate) : DEFAULT_MAX_DATE, min: _this2.props.minDate ? (0, _utils.getDateForNative)(_this2.props.minDate) : DEFAULT_MIN_DATE, value: (0, _utils.getDateForNative)(_this2.props.value), onChange: function onChange(e) {if (_this2.props.onValueChange) {_this2.props.onValueChange((0, _utils.getDateForComponent)(e.target.value));}}, className: styles.inputTypeDate(), ref: _this2.refInput, disabled: _this2.props.disabled, tabIndex: -1 });});} /**
+    };return _this;}var _proto = NativeDateInput.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement("input", { type: 'date', max: this.props.maxDate ? (0, _utils.getDateForNative)(this.props.maxDate) : DEFAULT_MAX_DATE, min: this.props.minDate ? (0, _utils.getDateForNative)(this.props.minDate) : DEFAULT_MIN_DATE, value: (0, _utils.getDateForNative)(this.props.value), onChange: function onChange(e) {if (_this2.props.onValueChange) {_this2.props.onValueChange((0, _utils.getDateForComponent)(e.target.value));}}, className: _NativeDateInput.jsStyles.inputTypeDate(), ref: this.refInput, disabled: this.props.disabled, tabIndex: -1 });} /**
    * @public
    */;return NativeDateInput;}(_react.default.Component);exports.NativeDateInput = NativeDateInput;NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker';NativeDateInput.displayName = 'NativeDatePicker';

package/cjs/internal/NativeDateInput/NativeDateInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NativeDateInput.tsx"],"names":["DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","focus","input","click","refInput","element","render","emotion","styles","props","maxDate","minDate","value","e","onValueChange","target","inputTypeDate","disabled","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"mQAAA;;;AAGA;;AAEA;AACA;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,YAAzB;AACA,IAAMC,gBAAgB,GAAG,YAAzB,C;;AAEaC,e;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;;;;AAKME,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,K;;AAEOC,IAAAA,Q,GAAW,UAACC,OAAD,EAAyC;AAC1D,YAAKH,KAAL,GAAaG,OAAb;AACD,K,6DA/CMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,wBAAD,QACG,UAACC,OAAD,EAAa,CACZ,IAAMC,MAAM,GAAG,gCAAUD,OAAV,CAAf,CACA,oBACE,wCACE,IAAI,EAAE,MADR,EAEE,GAAG,EAAE,MAAI,CAACE,KAAL,CAAWC,OAAX,GAAqB,6BAAiB,MAAI,CAACD,KAAL,CAAWC,OAA5B,CAArB,GAA4DX,gBAFnE,EAGE,GAAG,EAAE,MAAI,CAACU,KAAL,CAAWE,OAAX,GAAqB,6BAAiB,MAAI,CAACF,KAAL,CAAWE,OAA5B,CAArB,GAA4Db,gBAHnE,EAIE,KAAK,EAAE,6BAAiB,MAAI,CAACW,KAAL,CAAWG,KAA5B,CAJT,EAKE,QAAQ,EAAE,kBAACC,CAAD,EAAO,CACf,IAAI,MAAI,CAACJ,KAAL,CAAWK,aAAf,EAA8B,CAC5B,MAAI,CAACL,KAAL,CAAWK,aAAX,CAAyB,gCAAoBD,CAAC,CAACE,MAAF,CAASH,KAA7B,CAAzB,EACD,CACF,CATH,EAUE,SAAS,EAAEJ,MAAM,CAACQ,aAAP,EAVb,EAWE,GAAG,EAAE,MAAI,CAACZ,QAXZ,EAYE,QAAQ,EAAE,MAAI,CAACK,KAAL,CAAWQ,QAZvB,EAaE,QAAQ,EAAE,CAAC,CAbb,GADF,CAiBD,CApBH,CADF,CAwBD,C,CAED;AACF;AACA,K,0BAnCqCC,eAAMC,S,4CAA9BnB,e,CACGoB,mB,GAAsB,kB,CADzBpB,e,CAEGqB,W,GAAc,kB","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getDateForComponent, getDateForNative } from './utils';\nimport { getStyles } from './NativeDateInput.styles';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <input\n              type={'date'}\n              max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n              min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n              value={getDateForNative(this.props.value)}\n              onChange={(e) => {\n                if (this.props.onValueChange) {\n                  this.props.onValueChange(getDateForComponent(e.target.value));\n                }\n              }}\n              className={styles.inputTypeDate()}\n              ref={this.refInput}\n              disabled={this.props.disabled}\n              tabIndex={-1}\n            />\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"]}
+{"version":3,"sources":["NativeDateInput.tsx"],"names":["DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","focus","input","click","refInput","element","render","props","maxDate","minDate","value","e","onValueChange","target","jsStyles","inputTypeDate","disabled","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"mQAAA;;;;AAIA;AACA;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,YAAzB;AACA,IAAMC,gBAAgB,GAAG,YAAzB,C;;AAEaC,e;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;;;;AAKME,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,K;;AAEOC,IAAAA,Q,GAAW,UAACC,OAAD,EAAyC;AAC1D,YAAKH,KAAL,GAAaG,OAAb;AACD,K,6DAxCMC,M,GAAP,kBAAgB,mBACd,oBACE,wCACE,IAAI,EAAE,MADR,EAEE,GAAG,EAAE,KAAKC,KAAL,CAAWC,OAAX,GAAqB,6BAAiB,KAAKD,KAAL,CAAWC,OAA5B,CAArB,GAA4DT,gBAFnE,EAGE,GAAG,EAAE,KAAKQ,KAAL,CAAWE,OAAX,GAAqB,6BAAiB,KAAKF,KAAL,CAAWE,OAA5B,CAArB,GAA4DX,gBAHnE,EAIE,KAAK,EAAE,6BAAiB,KAAKS,KAAL,CAAWG,KAA5B,CAJT,EAKE,QAAQ,EAAE,kBAACC,CAAD,EAAO,CACf,IAAI,MAAI,CAACJ,KAAL,CAAWK,aAAf,EAA8B,CAC5B,MAAI,CAACL,KAAL,CAAWK,aAAX,CAAyB,gCAAoBD,CAAC,CAACE,MAAF,CAASH,KAA7B,CAAzB,EACD,CACF,CATH,EAUE,SAAS,EAAEI,0BAASC,aAAT,EAVb,EAWE,GAAG,EAAE,KAAKX,QAXZ,EAYE,QAAQ,EAAE,KAAKG,KAAL,CAAWS,QAZvB,EAaE,QAAQ,EAAE,CAAC,CAbb,GADF,CAiBD,C,CAED;AACF;AACA,K,0BA5BqCC,eAAMC,S,4CAA9BlB,e,CACGmB,mB,GAAsB,kB,CADzBnB,e,CAEGoB,W,GAAc,kB","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getDateForNative, getDateForComponent } from './utils';\nimport { jsStyles } from './NativeDateInput.styles';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    return (\n      <input\n        type={'date'}\n        max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n        min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n        value={getDateForNative(this.props.value)}\n        onChange={(e) => {\n          if (this.props.onValueChange) {\n            this.props.onValueChange(getDateForComponent(e.target.value));\n          }\n        }}\n        className={jsStyles.inputTypeDate()}\n        ref={this.refInput}\n        disabled={this.props.disabled}\n        tabIndex={-1}\n      />\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"]}

package/cjs/internal/NativeDateInput/NativeDateInput.styles.d.ts

@@ -1,4 +1,3 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const jsStyles: {
     inputTypeDate(): string;
 };

package/cjs/internal/NativeDateInput/NativeDateInput.styles.js

@@ -1,11 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
+var styles = {
+  inputTypeDate: function inputTypeDate() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
 
-var getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      inputTypeDate: function inputTypeDate() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
 
 
 
@@ -15,5 +13,7 @@ var getStyles = function getStyles(emotion) {return (
 
 
 
+  } };
 
-      } }));};exports.getStyles = getStyles;
+
+var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["NativeDateInput.styles.ts"],"names":["getStyles","emotion","inputTypeDate","css"],"mappings":";;AAEA,oD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,aADW,2BACK;AACd,eAAOD,OAAO,CAACE,GAAf;;;;;;;;;;;AAWD,OAbU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    inputTypeDate() {\n      return emotion.css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n    },\n  });\n"]}
+{"version":3,"sources":["NativeDateInput.styles.ts"],"names":["styles","inputTypeDate","css","jsStyles"],"mappings":"sRAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,aADa,2BACG;AACd,eAAOC,YAAP;;;;;;;;;;;AAWD,GAbY,EAAf;;;AAgBO,IAAMC,QAAQ,GAAG,2BAAaH,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  inputTypeDate() {\n    return css`\n      width: 0px;\n      height: 0px;\n      padding: 0px;\n      margin: 0px;\n      line-height: 0px;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

@@ -132,7 +132,6 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     static readonly defaultRootNode: null;
     state: PopupState;
     private theme;
-    private emotion;
     private layoutEventsToken;
     private locationUpdateId;
     private lastPopupContentElement;