@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/internal/MobilePopup/MobilePopup.d.ts

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

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

@@ -1,27 +1,29 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-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);
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getJsStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    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    "])));
+    }
+  };
+});

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["memoizeGetStyles","getJsStyles","_ref","css","root","t","_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 { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      padding-bottom: ${t.mobilePopupContainerBottomPadding};\n      background: ${t.menuBgDefault};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.mobilePopupTopPadding};\n      left: ${t.mobilePopupOuterIndentY};\n      right: ${t.mobilePopupOuterIndentY};\n      z-index: 100000;\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      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"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;;AAG5D,OAAO,IAAMC,WAAW,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;MAMSF,CAAC,CAACG,gCAAgC;;MAEjCH,CAAC,CAACI,iCAAiC;MACvCJ,CAAC,CAACK,aAAa;;IAEjC,CAAC;;IAEDC,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;;;;;IAQZ,CAAC;;IAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;MACYF,CAAC,CAACU,SAAS;;IAEnC,CAAC;;IAEDC,SAAS,WAAAA,UAACX,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;MAEDF,CAAC,CAACa,qBAAqB;MACtBb,CAAC,CAACc,uBAAuB;MACxBd,CAAC,CAACc,uBAAuB;;;IAGtC,CAAC;;IAEDC,EAAE,WAAAA,GAAA,EAAG;MACH,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;;;;;IAWZ,CAAC;;IAEDe,YAAY,WAAAA,aAAA,EAAG;MACb,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;IAGZ,CAAC;;IAEDiB,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     wrapper(): string;
     content(t: Theme): string;
@@ -7,4 +7,4 @@ export declare const jsStyles: {
     bg(): string;
     bottomIndent(): string;
     zIndex(): string;
-};
+}>;

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

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

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","ThemeContext","withRenderEnvironment","getJsStyles","MobilePopupFooter","_class","_MobilePopupFooter","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","jsStyles","emotion","createElement","Consumer","theme","renderMain","children","props","isValidElement","className","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment';\n\nimport { getJsStyles } from './MobilePopupFooter.styles';\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={this.jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"],"mappings":"qGAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,qBAAqB,QAAQ,gCAAgC;;AAEtE,SAASC,WAAW,QAAQ,4BAA4B;;AAExD;AACaC,iBAAiB,GAD7BF,qBAAqB,CAAAG,MAAA,IAAAC,kBAAA,0BAAAC,gBAAA,YAAAH,kBAAA,UAAAG,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,iBAAA,EAAAG,gBAAA,MAAAI,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;;;EAQbE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd,IAAI,CAACC,QAAQ,GAAGZ,WAAW,CAAC,IAAI,CAACa,OAAO,CAAC;;IAEzC;MACEhB,KAAA,CAAAiB,aAAA,CAAChB,YAAY,CAACiB,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVL,KAAI,CAACK,KAAK,GAAGA,KAAK;QAClB,OAAOL,KAAI,CAACM,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAT,MAAA;;EAEOS,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAACrB,KAAK,CAACuB,cAAc,CAACF,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOrB,KAAA,CAAAiB,aAAA,UAAKO,SAAS,EAAE,IAAI,CAACT,QAAQ,CAACU,IAAI,CAAC,IAAI,CAACN,KAAK,CAAE,IAAEE,QAAc,CAAC;EACzE,CAAC,QAAAjB,iBAAA,GA5BoCJ,KAAK,CAAC0B,SAAS,GAAApB,kBAAA,CACtCqB,mBAAmB,GAAG,kBAAkB,EAAArB,kBAAA,MAAAD,MAAA","ignoreList":[]}

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

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

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

@@ -1,9 +1,11 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-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);
+import { memoizeGetStyles } from "../../../../lib/theming/Emotion";
+export var getJsStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
+    }
+  };
+});

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["memoizeGetStyles","getJsStyles","_ref","css","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding"],"sources":["MobilePopupFooter.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,8BAA8B;;;AAG/D,OAAO,IAAMC,WAAW,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;MAIGF,CAAC,CAACG,wBAAwB;;IAEzC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1,10 +1,11 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _MobilePopupHeader;
 import React from 'react';
 import { isNonNullable } from "../../../../lib/utils";
-import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
-import { jsStyles } from "../MobilePopupHeader.styles";
-export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
+import { withRenderEnvironment } from "../../../../lib/renderEnvironment";
+import { getJsStyles } from "../MobilePopupHeader.styles";
+export var MobilePopupHeader = withRenderEnvironment(_class = (_MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
   function MobilePopupHeader() {
     return _React$Component.apply(this, arguments) || this;
   }
@@ -12,6 +13,7 @@ export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
   var _proto = MobilePopupHeader.prototype;
   _proto.render = function render() {
     var _this = this;
+    this.jsStyles = getJsStyles(this.emotion);
     return /*#__PURE__*/(
       React.createElement(ThemeContext.Consumer, null, function (theme) {
         _this.theme = theme;
@@ -20,24 +22,22 @@ export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
     );
   };
   _proto.renderMain = function renderMain() {
-    var _cx, _cx2;
+    var _this$cx, _this$cx2;
     var _this$props = this.props,
       caption = _this$props.caption,
       children = _this$props.children;
     return /*#__PURE__*/(
       React.createElement("div", {
-        className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.rootWithoutContent()] = !caption && !children, _cx))
+        className: this.cx((_this$cx = {}, _this$cx[this.jsStyles.root(this.theme)] = true, _this$cx[this.jsStyles.rootWithoutContent()] = !caption && !children, _this$cx))
       }, /*#__PURE__*/
 
       React.createElement("div", {
-        className: jsStyles.container()
+        className: this.jsStyles.container()
       }, caption && /*#__PURE__*/
       React.createElement("div", {
-        className: cx((_cx2 = {}, _cx2[jsStyles.caption(this.theme)] = true, _cx2[jsStyles.captionWithChildren()] = isNonNullable(children), _cx2))
+        className: this.cx((_this$cx2 = {}, _this$cx2[this.jsStyles.caption(this.theme)] = true, _this$cx2[this.jsStyles.captionWithChildren()] = isNonNullable(children), _this$cx2))
       }, caption), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", null, children)))
     );
   };
   return MobilePopupHeader;
-}(React.Component);
-MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';
-MobilePopupHeader.displayName = 'MobileMenuHeader';
+}(React.Component), _MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _MobilePopupHeader.displayName = 'MobileMenuHeader', _MobilePopupHeader)) || _class;

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","isNonNullable","ThemeContext","withRenderEnvironment","getJsStyles","MobilePopupHeader","_class","_MobilePopupHeader","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","jsStyles","emotion","createElement","Consumer","theme","renderMain","_this$cx","_this$cx2","_this$props","props","caption","children","className","cx","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 { isNonNullable } from '../../../lib/utils';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment';\n\nimport { getJsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div\n        className={this.cx({\n          [this.jsStyles.root(this.theme)]: true,\n          [this.jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={this.jsStyles.container()}>\n          {caption && (\n            <div\n              className={this.cx({\n                [this.jsStyles.caption(this.theme)]: true,\n                [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"qGAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,aAAa,QAAQ,oBAAoB;;AAElD,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,qBAAqB,QAAQ,gCAAgC;;AAEtE,SAASC,WAAW,QAAQ,4BAA4B;;;;;;;;;AASxD;AACaC,iBAAiB,GAD7BF,qBAAqB,CAAAG,MAAA,IAAAC,kBAAA,0BAAAC,gBAAA,YAAAH,kBAAA,UAAAG,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,iBAAA,EAAAG,gBAAA,MAAAI,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;;;;;EAUbE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd,IAAI,CAACC,QAAQ,GAAGZ,WAAW,CAAC,IAAI,CAACa,OAAO,CAAC;;IAEzC;MACEjB,KAAA,CAAAkB,aAAA,CAAChB,YAAY,CAACiB,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVL,KAAI,CAACK,KAAK,GAAGA,KAAK;QAClB,OAAOL,KAAI,CAACM,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAT,MAAA;;EAEOS,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,CAAAkB,aAAA;QACEU,SAAS,EAAE,IAAI,CAACC,EAAE,EAAAP,QAAA,OAAAA,QAAA;QACf,IAAI,CAACN,QAAQ,CAACc,IAAI,CAAC,IAAI,CAACV,KAAK,CAAC,IAAG,IAAI,EAAAE,QAAA;QACrC,IAAI,CAACN,QAAQ,CAACe,kBAAkB,CAAC,CAAC,IAAG,CAACL,OAAO,IAAI,CAACC,QAAQ,EAAAL,QAAA;QAC5D,CAAE;;MAEHtB,KAAA,CAAAkB,aAAA,UAAKU,SAAS,EAAE,IAAI,CAACZ,QAAQ,CAACgB,SAAS,CAAC,CAAE;MACvCN,OAAO;MACN1B,KAAA,CAAAkB,aAAA;QACEU,SAAS,EAAE,IAAI,CAACC,EAAE,EAAAN,SAAA,OAAAA,SAAA;QACf,IAAI,CAACP,QAAQ,CAACU,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,SAAA;QACxC,IAAI,CAACP,QAAQ,CAACiB,mBAAmB,CAAC,CAAC,IAAGhC,aAAa,CAAC0B,QAAQ,CAAC,EAAAJ,SAAA;QAC/D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAA1B,KAAK,CAACkC,cAAc,CAACP,QAAQ,CAAC,iBAAI3B,KAAA,CAAAkB,aAAA,cAAMS,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAAtB,iBAAA,GA/CoCL,KAAK,CAACmC,SAAS,GAAA5B,kBAAA,CACtC6B,mBAAmB,GAAG,kBAAkB,EAAA7B,kBAAA,CACxC8B,WAAW,GAAG,kBAAkB,EAAA9B,kBAAA,MAAAD,MAAA","ignoreList":[]}

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

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

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

@@ -1,21 +1,23 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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);
+import { memoizeGetStyles } from "../../../../lib/theming/Emotion";
+export var getJsStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    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    "])));
+    }
+  };
+});

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["memoizeGetStyles","getJsStyles","_ref","css","root","t","_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 { memoizeGetStyles } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      position: relative;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n\n  rootWithoutContent() {\n    return css`\n      padding: 8px 0 0 0;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      font-size: ${t.mobilePopupHeaderFontSize};\n      line-height: ${t.mobilePopupHeaderLineHeight};\n      font-weight: ${t.mobilePopupHeaderFontWeight};\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  captionWithChildren() {\n    return css`\n      padding-bottom: 8px;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,8BAA8B;;;AAG/D,OAAO,IAAMC,WAAW,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;MAEGF,CAAC,CAACG,wBAAwB;;IAEzC,CAAC;;IAEDC,kBAAkB,WAAAA,mBAAA,EAAG;MACnB,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;IAGZ,CAAC;;IAEDI,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;IAIZ,CAAC;;IAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;MACKF,CAAC,CAACU,yBAAyB;MACzBV,CAAC,CAACW,2BAA2B;MAC7BX,CAAC,CAACY,2BAA2B;MACnCZ,CAAC,CAACa,gBAAgB;;IAE/B,CAAC;;IAEDC,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 import type { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     rootWithoutContent(): string;
     container(): string;
     caption(t: Theme): string;
     captionWithChildren(): string;
-};
+}>;

package/internal/NativeDateInput/NativeDateInput/NativeDateInput.js

@@ -1,10 +1,12 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _NativeDateInput;
 import React from 'react';
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { getDateForNative, getDateForComponent } from "../utils";
-import { jsStyles } from "../NativeDateInput.styles";
+import { getJsStyles } from "../NativeDateInput.styles";
 var DEFAULT_MIN_DATE = '1900-01-01';
 var DEFAULT_MAX_DATE = '2099-12-31';
-export var NativeDateInput = /*#__PURE__*/function (_React$Component) {
+export var NativeDateInput = withRenderEnvironment(_class = (_NativeDateInput = /*#__PURE__*/function (_React$Component) {
   function NativeDateInput() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -38,6 +40,7 @@ export var NativeDateInput = /*#__PURE__*/function (_React$Component) {
   var _proto = NativeDateInput.prototype;
   _proto.render = function render() {
     var _this2 = this;
+    this.jsStyles = getJsStyles(this.emotion);
     return /*#__PURE__*/React.createElement("input", {
       type: 'date',
       max: this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE,
@@ -48,13 +51,11 @@ export var NativeDateInput = /*#__PURE__*/function (_React$Component) {
           _this2.props.onValueChange(getDateForComponent(e.target.value));
         }
       },
-      className: jsStyles.inputTypeDate(),
+      className: this.jsStyles.inputTypeDate(),
       ref: this.refInput,
       disabled: this.props.disabled,
       tabIndex: -1
     });
   };
   return NativeDateInput;
-}(React.Component);
-NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker';
-NativeDateInput.displayName = 'NativeDatePicker';
+}(React.Component), _NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker', _NativeDateInput.displayName = 'NativeDatePicker', _NativeDateInput)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","getDateForNative","getDateForComponent","jsStyles","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose","_proto","prototype","render","_this2","createElement","type","max","props","maxDate","min","minDate","value","onChange","e","onValueChange","target","className","inputTypeDate","ref","disabled","tabIndex","Component","__KONTUR_REACT_UI__","displayName"],"sources":["NativeDateInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { 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"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,SAAS;AAC/D,SAASC,QAAQ,QAAQ,0BAA0B;;;;;;;;;;AAUnD,IAAMC,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY;;AAErC,WAAaC,eAAe,0BAAAC,gBAAA,YAAAD,gBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0B1B;AACF;AACA,OAFEJ,KAAA;IAGOU,KAAK,GAAG,YAAM;MACnB,IAAIV,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACD,KAAK,CAAC,CAAC;MACpB;IACF,CAAC;;IAED;AACF;AACA,OAFEV,KAAA;IAGOY,KAAK,GAAG,YAAM;MACnB,IAAIZ,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACC,KAAK,CAAC,CAAC;MACpB;IACF,CAAC,CAAAZ,KAAA;;IAEOa,QAAQ,GAAG,UAACC,OAAmC,EAAK;MAC1Dd,KAAA,CAAKW,KAAK,GAAGG,OAAO;IACtB,CAAC,QAAAd,KAAA,EAAAe,cAAA,CAAAjB,eAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,eAAA,CAAAmB,SAAA,CAAAD,MAAA,CAxCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE3B,KAAA,CAAA4B,aAAA,YACEC,IAAI,EAAE,MAAO,EACbC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACC,OAAO,GAAG/B,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACC,OAAO,CAAC,GAAG3B,gBAAiB,EAClF4B,GAAG,EAAE,IAAI,CAACF,KAAK,CAACG,OAAO,GAAGjC,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACG,OAAO,CAAC,GAAG9B,gBAAiB,EAClF+B,KAAK,EAAElC,gBAAgB,CAAC,IAAI,CAAC8B,KAAK,CAACI,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAIV,MAAI,CAACI,KAAK,CAACO,aAAa,EAAE,CAC5BX,MAAI,CAACI,KAAK,CAACO,aAAa,CAACpC,mBAAmB,CAACmC,CAAC,CAACE,MAAM,CAACJ,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFK,SAAS,EAAErC,QAAQ,CAACsC,aAAa,CAAC,CAAE,EACpCC,GAAG,EAAE,IAAI,CAACrB,QAAS,EACnBsB,QAAQ,EAAE,IAAI,CAACZ,KAAK,CAACY,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CAAC,QAAAtC,eAAA,GAxBkCN,KAAK,CAAC6C,SAAS,EAAvCvC,eAAe,CACZwC,mBAAmB,GAAG,kBAAkB,CAD3CxC,eAAe,CAEZyC,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","withRenderEnvironment","getDateForNative","getDateForComponent","getJsStyles","DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","_class","_NativeDateInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","focus","input","click","refInput","element","_inheritsLoose","_proto","prototype","render","_this2","jsStyles","emotion","createElement","type","max","props","maxDate","min","minDate","value","onChange","e","onValueChange","target","className","inputTypeDate","ref","disabled","tabIndex","Component","__KONTUR_REACT_UI__","displayName"],"sources":["NativeDateInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getDateForNative, getDateForComponent } from './utils';\nimport { getJsStyles } 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\n@withRenderEnvironment\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private emotion!: Emotion;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\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={this.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"],"mappings":"mGAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,qBAAqB,QAAQ,6BAA6B;;AAEnE,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,SAAS;AAC/D,SAASC,WAAW,QAAQ,0BAA0B;;;;;;;;;;AAUtD,IAAMC,gBAAgB,GAAG,YAAY;AACrC,IAAMC,gBAAgB,GAAG,YAAY;;AAErC;AACaC,eAAe,GAD3BN,qBAAqB,CAAAO,MAAA,IAAAC,gBAAA,0BAAAC,gBAAA,YAAAH,gBAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+BpB;AACF;AACA,OAFEJ,KAAA;IAGOU,KAAK,GAAG,YAAM;MACnB,IAAIV,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACD,KAAK,CAAC,CAAC;MACpB;IACF,CAAC;;IAED;AACF;AACA,OAFEV,KAAA;IAGOY,KAAK,GAAG,YAAM;MACnB,IAAIZ,KAAA,CAAKW,KAAK,EAAE;QACdX,KAAA,CAAKW,KAAK,CAACC,KAAK,CAAC,CAAC;MACpB;IACF,CAAC,CAAAZ,KAAA;;IAEOa,QAAQ,GAAG,UAACC,OAAmC,EAAK;MAC1Dd,KAAA,CAAKW,KAAK,GAAGG,OAAO;IACtB,CAAC,QAAAd,KAAA,EAAAe,cAAA,CAAAnB,eAAA,EAAAG,gBAAA,MAAAiB,MAAA,GAAApB,eAAA,CAAAqB,SAAA,CAAAD,MAAA,CA1CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,IAAI,CAACC,QAAQ,GAAG3B,WAAW,CAAC,IAAI,CAAC4B,OAAO,CAAC,CAEzC,oBACEhC,KAAA,CAAAiC,aAAA,YACEC,IAAI,EAAE,MAAO,EACbC,GAAG,EAAE,IAAI,CAACC,KAAK,CAACC,OAAO,GAAGnC,gBAAgB,CAAC,IAAI,CAACkC,KAAK,CAACC,OAAO,CAAC,GAAG/B,gBAAiB,EAClFgC,GAAG,EAAE,IAAI,CAACF,KAAK,CAACG,OAAO,GAAGrC,gBAAgB,CAAC,IAAI,CAACkC,KAAK,CAACG,OAAO,CAAC,GAAGlC,gBAAiB,EAClFmC,KAAK,EAAEtC,gBAAgB,CAAC,IAAI,CAACkC,KAAK,CAACI,KAAK,CAAE,EAC1CC,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK,CACf,IAAIZ,MAAI,CAACM,KAAK,CAACO,aAAa,EAAE,CAC5Bb,MAAI,CAACM,KAAK,CAACO,aAAa,CAACxC,mBAAmB,CAACuC,CAAC,CAACE,MAAM,CAACJ,KAAK,CAAC,CAAC,CAC/D,CACF,CAAE,EACFK,SAAS,EAAE,IAAI,CAACd,QAAQ,CAACe,aAAa,CAAC,CAAE,EACzCC,GAAG,EAAE,IAAI,CAACvB,QAAS,EACnBwB,QAAQ,EAAE,IAAI,CAACZ,KAAK,CAACY,QAAS,EAC9BC,QAAQ,EAAE,CAAC,CAAE,EACd,CAAC,CAEN,CAAC,QAAA1C,eAAA,GA5BkCP,KAAK,CAACkD,SAAS,GAAAzC,gBAAA,CACpC0C,mBAAmB,GAAG,kBAAkB,EAAA1C,gBAAA,CACxC2C,WAAW,GAAG,kBAAkB,EAAA3C,gBAAA,MAAAD,MAAA","ignoreList":[]}

package/internal/NativeDateInput/NativeDateInput.d.ts

@@ -10,6 +10,8 @@ export interface NativeDateInputProps {
 export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private emotion;
+    private jsStyles;
     private input;
     render(): React.JSX.Element;
     /**

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

@@ -1,9 +1,11 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  inputTypeDate: function inputTypeDate() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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    "])));
-  }
-};
-export var jsStyles = memoizeStyle(styles);
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getJsStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    inputTypeDate: function inputTypeDate() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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    "])));
+    }
+  };
+});

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","inputTypeDate","_templateObject","_taggedTemplateLiteralLoose","jsStyles"],"sources":["NativeDateInput.styles.ts"],"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"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;EAWZ;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGL,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","getJsStyles","_ref","css","inputTypeDate","_templateObject","_taggedTemplateLiteralLoose"],"sources":["NativeDateInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\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"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,WAAW,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;IAWZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-export declare const jsStyles: {
+export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
     inputTypeDate(): string;
-};
+}>;