@skbkontur/react-ui 5.5.2 → 5.6.1-85c65.0

package/cjs/components/MenuSeparator/MenuSeparator.styles.d.ts

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

package/cjs/components/MenuSeparator/MenuSeparator.styles.js

@@ -1,18 +1,20 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
+"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"));
 
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " ", ";\n      border-top: ", " solid ", ";\n    "])),
-    t.menuSeparatorMarginY, t.menuSeparatorMarginX,
-    t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
 
-  },
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " ", ";\n      border-top: ", " solid ", ";\n    "])),
+      t.menuSeparatorMarginY, t.menuSeparatorMarginX,
+      t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
 
-  rootMobile: function rootMobile(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " ", ";\n      border-radius: 1px;\n    "])),
-    t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
+    },
 
+    rootMobile: function rootMobile(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " ", ";\n      border-radius: 1px;\n    "])),
+      t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
 
-  }
-});
+
+    }
+  };});

package/cjs/components/MenuSeparator/MenuSeparator.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n      border-radius: 1px;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACI,oBAAoB,EAAIJ,CAAC,CAACK,oBAAoB;IAC5CL,CAAC,CAACM,wBAAwB,EAAUN,CAAC,CAACO,wBAAwB;;EAEhF,CAAC;;EAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;EAG1E;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.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 getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n      border-radius: 1px;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAN,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;MACEF,CAAC,CAACG,oBAAoB,EAAIH,CAAC,CAACI,oBAAoB;MAC5CJ,CAAC,CAACK,wBAAwB,EAAUL,CAAC,CAACM,wBAAwB;;IAEhF,CAAC;;IAEDC,UAAU,WAAAA,WAACP,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;MACEF,CAAC,CAACQ,0BAA0B,EAAIR,CAAC,CAACS,0BAA0B;;;IAG1E;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModal.styles.d.ts

@@ -1,12 +1,11 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     icon(): string;
-    description(): string;
-    description5_3(t: Theme): string;
+    description(t: Theme): string;
     title(): string;
     titleWithIcon(t: Theme): string;
     actions(): string;
     actionsIndent(t: Theme): string;
     actionsRow(t: Theme): string;
     actionsColumn(t: Theme): string;
-};
+}>;

package/cjs/components/MiniModal/MiniModal.styles.js

@@ -1,78 +1,75 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"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"));
 
-var _Button = require("../Button/Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _Emotion = require("../../lib/theming/Emotion");
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  icon: function icon() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
+var _Button = require("../Button/Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    icon: function icon() {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
 
-  },
 
-  description: function description() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
+    },
 
+    description: function description(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n      font-size: ", ";\n      line-height: ", ";\n    "])),
 
-  },
+      t.miniModalDescriptionFontSize,
+      t.miniModalDescriptionLineHeight);
 
-  description5_3: function description5_3(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.miniModalDescriptionFontSize,
-    t.miniModalDescriptionLineHeight);
+    },
 
-  },
+    title: function title() {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
 
-  title: function title() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: center;\n    "])));
 
+    },
 
-  },
+    titleWithIcon: function titleWithIcon(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: ", ";\n    "])),
+      t.miniModalTitleMarginTop);
 
-  titleWithIcon: function titleWithIcon(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: ", ";\n    "])),
-    t.miniModalTitleMarginTop);
+    },
 
-  },
+    actions: function actions() {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .", " {\n        width: 100%;\n      }\n    "])),
 
-  actions: function actions() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .", " {\n        width: 100%;\n      }\n    "])),
 
 
 
+      _Button.globalClasses.root);
 
-    _Button.globalClasses.root);
 
 
+    },
 
-  },
+    actionsIndent: function actionsIndent(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
+      t.miniModalCancelIndent);
 
-  actionsIndent: function actionsIndent(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
-    t.miniModalCancelIndent);
+    },
 
-  },
+    actionsRow: function actionsRow(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(", " / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(", " / 2);\n      }\n    "])),
 
-  actionsRow: function actionsRow(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(", " / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(", " / 2);\n      }\n    "])),
 
+      t.miniModalActionGap,
 
-    t.miniModalActionGap,
 
+      t.miniModalActionGap);
 
-    t.miniModalActionGap);
 
+    },
 
-  },
+    actionsColumn: function actionsColumn(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])),
 
-  actionsColumn: function actionsColumn(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])),
 
+      t.miniModalActionGap,
 
-    t.miniModalActionGap,
 
+      t.miniModalActionGap);
 
-    t.miniModalActionGap);
 
-
-  }
-});
+    }
+  };});

package/cjs/components/MiniModal/MiniModal.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","styles","exports","memoizeStyle","icon","css","_taggedTemplateLiteralLoose2","default","description","description5_3","t","miniModalDescriptionFontSize","miniModalDescriptionLineHeight","title","titleWithIcon","miniModalTitleMarginTop","actions","buttonGlobalClasses","root","actionsIndent","miniModalCancelIndent","actionsRow","miniModalActionGap","actionsColumn"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const styles = memoizeStyle({\n  icon() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description5_3(t: Theme) {\n    return css`\n      font-size: ${t.miniModalDescriptionFontSize};\n      line-height: ${t.miniModalDescriptionLineHeight};\n    `;\n  },\n\n  title() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  titleWithIcon(t: Theme) {\n    return css`\n      margin-top: ${t.miniModalTitleMarginTop};\n    `;\n  },\n\n  actions() {\n    return css`\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .${buttonGlobalClasses.root} {\n        width: 100%;\n      }\n    `;\n  },\n\n  actionsIndent(t: Theme) {\n    return css`\n      padding: ${t.miniModalCancelIndent} 0;\n    `;\n  },\n\n  actionsRow(t: Theme) {\n    return css`\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(${t.miniModalActionGap} / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(${t.miniModalActionGap} / 2);\n      }\n    `;\n  },\n\n  actionsColumn(t: Theme) {\n    return css`\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ${t.miniModalActionGap};\n      }\n      > *:nth-of-type(3) {\n        margin-top: ${t.miniModalActionGap};\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAA+E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAExE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,cAAc,WAAAA,eAACC,CAAQ,EAAE;IACvB,WAAOL,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACKG,CAAC,CAACC,4BAA4B;IAC5BD,CAAC,CAACE,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOR,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDO,aAAa,WAAAA,cAACJ,CAAQ,EAAE;IACtB,WAAOL,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMG,CAAC,CAACK,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOX,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;IAKLU,qBAAmB,CAACC,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACT,CAAQ,EAAE;IACtB,WAAOL,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACGG,CAAC,CAACU,qBAAqB;;EAEtC,CAAC;;EAEDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;IAGeG,CAAC,CAACY,kBAAkB;;;IAGrBZ,CAAC,CAACY,kBAAkB;;;EAG9C,CAAC;;EAEDC,aAAa,WAAAA,cAACb,CAAQ,EAAE;IACtB,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;IAGQG,CAAC,CAACY,kBAAkB;;;IAGpBZ,CAAC,CAACY,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","getStyles","exports","memoizeGetStyles","_ref","css","icon","_taggedTemplateLiteralLoose2","default","description","t","miniModalDescriptionFontSize","miniModalDescriptionLineHeight","title","titleWithIcon","miniModalTitleMarginTop","actions","buttonGlobalClasses","root","actionsIndent","miniModalCancelIndent","actionsRow","miniModalActionGap","actionsColumn"],"sources":["MiniModal.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';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  icon() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description(t: Theme) {\n    return css`\n      text-align: center;\n      font-size: ${t.miniModalDescriptionFontSize};\n      line-height: ${t.miniModalDescriptionLineHeight};\n    `;\n  },\n\n  title() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  titleWithIcon(t: Theme) {\n    return css`\n      margin-top: ${t.miniModalTitleMarginTop};\n    `;\n  },\n\n  actions() {\n    return css`\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .${buttonGlobalClasses.root} {\n        width: 100%;\n      }\n    `;\n  },\n\n  actionsIndent(t: Theme) {\n    return css`\n      padding: ${t.miniModalCancelIndent} 0;\n    `;\n  },\n\n  actionsRow(t: Theme) {\n    return css`\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(${t.miniModalActionGap} / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(${t.miniModalActionGap} / 2);\n      }\n    `;\n  },\n\n  actionsColumn(t: Theme) {\n    return css`\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ${t.miniModalActionGap};\n      }\n      > *:nth-of-type(3) {\n        margin-top: ${t.miniModalActionGap};\n      }\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAA+E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAExE,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAZ,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDC,WAAW,WAAAA,YAACC,CAAQ,EAAE;MACpB,OAAOL,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;MAEKE,CAAC,CAACC,4BAA4B;MAC5BD,CAAC,CAACE,8BAA8B;;IAEnD,CAAC;;IAEDC,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOR,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDM,aAAa,WAAAA,cAACJ,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACME,CAAC,CAACK,uBAAuB;;IAE3C,CAAC;;IAEDC,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOX,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;MAKLS,qBAAmB,CAACC,IAAI;;;;IAI/B,CAAC;;IAEDC,aAAa,WAAAA,cAACT,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACGE,CAAC,CAACU,qBAAqB;;IAEtC,CAAC;;IAEDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;MACnB,OAAOL,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;MAGeE,CAAC,CAACY,kBAAkB;;;MAGrBZ,CAAC,CAACY,kBAAkB;;;IAG9C,CAAC;;IAEDC,aAAa,WAAAA,cAACb,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;MAGQE,CAAC,CAACY,kBAAkB;;;MAGpBZ,CAAC,CAACY,kBAAkB;;;IAGxC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalBody.js

@@ -1,11 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MiniModalBody = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 
 var _Modal = require("../Modal");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _MiniModal = require("./MiniModal");
 var _MiniModal2 = require("./MiniModal.styles");var _excluded = ["children"];
@@ -18,18 +17,15 @@ var _MiniModal2 = require("./MiniModal.styles");var _excluded = ["children"];
 var MiniModalBody = exports.MiniModalBody = (0, _forwardRefAndName.forwardRefAndName)(
   'MiniModalBody',
   function (_ref, ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MiniModal2.getStyles);
+
     return /*#__PURE__*/(
       _react.default.createElement(_Modal.Modal.Body, rest, /*#__PURE__*/
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {var _cx;
+      function (theme) {
         return /*#__PURE__*/(
-          _react.default.createElement("div", {
-            "data-tid": _MiniModal.MiniModalDataTids.description,
-            ref: ref,
-            className: (0, _Emotion.cx)(_MiniModal2.styles.description(), (_cx = {}, _cx[
-            _MiniModal2.styles.description5_3(theme)] = (0, _ThemeHelpers.isThemeGTE)(theme, '5.3'), _cx)
-            ) },
-
+          _react.default.createElement("div", { "data-tid": _MiniModal.MiniModalDataTids.description, ref: ref, className: cx(styles.description(theme)) },
           children
           ));
 

package/cjs/components/MiniModal/MiniModalBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_Modal","_ThemeContext","_ThemeHelpers","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalBody","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","createElement","Modal","Body","ThemeContext","Consumer","theme","_cx","MiniModalDataTids","description","className","cx","styles","description5_3","isThemeGTE"],"sources":["MiniModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport type { ModalBodyProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { MiniModalDataTids } from './MiniModal';\nimport { styles } from './MiniModal.styles';\n\n/**\n * Обёртка над Modal.Body\n *\n * @visibleName MiniModal.Body\n */\nexport const MiniModalBody = forwardRefAndName<HTMLDivElement, ModalBodyProps>(\n  'MiniModalBody',\n  ({ children, ...rest }, ref) => {\n    return (\n      <Modal.Body {...rest}>\n        <ThemeContext.Consumer>\n          {(theme) => {\n            return (\n              <div\n                data-tid={MiniModalDataTids.description}\n                ref={ref}\n                className={cx(styles.description(), {\n                  [styles.description5_3(theme)]: isThemeGTE(theme, '5.3'),\n                })}\n              >\n                {children}\n              </div>\n            );\n          }}\n        </ThemeContext.Consumer>\n      </Modal.Body>\n    );\n  },\n);\n"],"mappings":"+RAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,uBAA4C,IAAAQ,SAAA;;AAE5C;AACA;AACA;AACA;AACA;AACO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,oCAAiB;EAC5C,eAAe;EACf,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB;MACEV,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAAiB,KAAK,CAACC,IAAI,EAAKL,IAAI;MAClBjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAkB,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK,KAAAC,GAAA;QACV;UACE1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA;YACE,YAAUO,4BAAiB,CAACC,WAAY;YACxCb,GAAG,EAAEA,GAAI;YACTc,SAAS,EAAE,IAAAC,WAAE,EAACC,kBAAM,CAACH,WAAW,CAAC,CAAC,GAAAF,GAAA,OAAAA,GAAA;YAC/BK,kBAAM,CAACC,cAAc,CAACP,KAAK,CAAC,IAAG,IAAAQ,wBAAU,EAACR,KAAK,EAAE,KAAK,CAAC,EAAAC,GAAA;YACzD,CAAE;;UAEFV;UACE,CAAC;;MAEV;MACqB;MACb,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_renderEnvironment","_forwardRefAndName","_Modal","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalBody","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","createElement","Modal","Body","ThemeContext","Consumer","theme","MiniModalDataTids","description","className"],"sources":["MiniModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport type { ModalBodyProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { MiniModalDataTids } from './MiniModal';\nimport { getStyles } from './MiniModal.styles';\n\n/**\n * Обёртка над Modal.Body\n *\n * @visibleName MiniModal.Body\n */\nexport const MiniModalBody = forwardRefAndName<HTMLDivElement, ModalBodyProps>(\n  'MiniModalBody',\n  ({ children, ...rest }, ref) => {\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n\n    return (\n      <Modal.Body {...rest}>\n        <ThemeContext.Consumer>\n          {(theme) => {\n            return (\n              <div data-tid={MiniModalDataTids.description} ref={ref} className={cx(styles.description(theme))}>\n                {children}\n              </div>\n            );\n          }}\n        </ThemeContext.Consumer>\n      </Modal.Body>\n    );\n  },\n);\n"],"mappings":"+RAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,uBAA+C,IAAAO,SAAA;;AAE/C;AACA;AACA;AACA;AACA;AACO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,oCAAiB;EAC5C,eAAe;EACf,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB,IAAAU,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,qBAAS,CAAC;;IAEnC;MACExB,MAAA,CAAAkB,OAAA,CAAAO,aAAA,CAACpB,MAAA,CAAAqB,KAAK,CAACC,IAAI,EAAKX,IAAI;MAClBhB,MAAA,CAAAkB,OAAA,CAAAO,aAAA,CAACnB,aAAA,CAAAsB,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACV;UACE9B,MAAA,CAAAkB,OAAA,CAAAO,aAAA,UAAK,YAAUM,4BAAiB,CAACC,WAAY,EAAClB,GAAG,EAAEA,GAAI,EAACmB,SAAS,EAAEZ,EAAE,CAACC,MAAM,CAACU,WAAW,CAACF,KAAK,CAAC,CAAE;UAC9Ff;UACE,CAAC;;MAEV;MACqB;MACb,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalFooter.js

@@ -1,10 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MiniModalFooter = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Modal = require("../Modal");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _MiniModal = require("./MiniModal.styles");
 var _MiniModal2 = require("./MiniModal");var _excluded = ["direction", "children"];
@@ -24,6 +24,8 @@ var MiniModalFooter = exports.MiniModalFooter = (0, _forwardRefAndName.forwardRe
   'MiniModalFooter',
   function (_ref, ref) {var _ref$direction = _ref.direction,direction = _ref$direction === void 0 ? 'row' : _ref$direction,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MiniModal.getStyles);
 
     var childrenCount = _react.default.Children.count(children);
     var _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;
@@ -33,10 +35,10 @@ var MiniModalFooter = exports.MiniModalFooter = (0, _forwardRefAndName.forwardRe
       _react.default.createElement("div", {
         ref: ref,
         "data-tid": _MiniModal2.MiniModalDataTids.actions,
-        className: (0, _Emotion.cx)(
-          _MiniModal.styles.actions(),
-          _direction === 'row' && _MiniModal.styles.actionsRow(theme),
-          _direction === 'column' && _MiniModal.styles.actionsColumn(theme)
+        className: cx(
+          styles.actions(),
+          _direction === 'row' && styles.actionsRow(theme),
+          _direction === 'column' && styles.actionsColumn(theme)
         ) },
 
       children

package/cjs/components/MiniModal/MiniModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalFooter","exports","forwardRefAndName","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","childrenCount","React","Children","count","_direction","createElement","Modal","Footer","MiniModalDataTids","actions","className","cx","styles","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport type { ModalFooterProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n   * @default row */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(),\n            _direction === 'row' && styles.actionsRow(theme),\n            _direction === 'column' && styles.actionsColumn(theme),\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,gBAAgD,IAAAO,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAJ,SAAA;IACrC,IAAMY,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAACV,QAAQ,CAAC;IACpD,IAAMW,UAAU,GAAGJ,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGR,SAAS;;IAElF;MACEhB,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAA2B,KAAK,CAACC,MAAM,EAAKb,IAAI;MACpBlB,MAAA,CAAAoB,OAAA,CAAAS,aAAA;QACEf,GAAG,EAAEA,GAAI;QACT,YAAUkB,6BAAiB,CAACC,OAAQ;QACpCC,SAAS,EAAE,IAAAC,WAAE;UACXC,iBAAM,CAACH,OAAO,CAAC,CAAC;UAChBL,UAAU,KAAK,KAAK,IAAIQ,iBAAM,CAACC,UAAU,CAAChB,KAAK,CAAC;UAChDO,UAAU,KAAK,QAAQ,IAAIQ,iBAAM,CAACE,aAAa,CAACjB,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_Modal","_forwardRefAndName","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalFooter","exports","forwardRefAndName","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","childrenCount","React","Children","count","_direction","createElement","Modal","Footer","MiniModalDataTids","actions","className","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport type { ModalFooterProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n   * @default row */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(),\n            _direction === 'row' && styles.actionsRow(theme),\n            _direction === 'column' && styles.actionsColumn(theme),\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,gBAAgD,IAAAO,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAJ,SAAA;IACrC,IAAMY,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;IACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,oBAAS,CAAC;;IAEnC,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAAChB,QAAQ,CAAC;IACpD,IAAMiB,UAAU,GAAGJ,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGd,SAAS;;IAElF;MACEhB,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC/B,MAAA,CAAAgC,KAAK,CAACC,MAAM,EAAKnB,IAAI;MACpBlB,MAAA,CAAAoB,OAAA,CAAAe,aAAA;QACErB,GAAG,EAAEA,GAAI;QACT,YAAUwB,6BAAiB,CAACC,OAAQ;QACpCC,SAAS,EAAEd,EAAE;UACXC,MAAM,CAACY,OAAO,CAAC,CAAC;UAChBL,UAAU,KAAK,KAAK,IAAIP,MAAM,CAACc,UAAU,CAACpB,KAAK,CAAC;UAChDa,UAAU,KAAK,QAAQ,IAAIP,MAAM,CAACe,aAAa,CAACrB,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalHeader.js

@@ -1,12 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MiniModalHeader = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Modal = require("../Modal");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _InfoCircleIcon64Regular = require("../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _MiniModal = require("./MiniModal.styles");
 var _MiniModal2 = require("./MiniModal");var _excluded = ["icon", "children"];
@@ -26,20 +26,22 @@ var MiniModalHeader = exports.MiniModalHeader = (0, _forwardRefAndName.forwardRe
   'MiniModalHeader',
   function (_ref, ref) {var _cx;var _ref$icon = _ref.icon,icon = _ref$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_InfoCircleIcon64Regular.InfoCircleIcon64Regular, null) : _ref$icon,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MiniModal.getStyles);
 
     return /*#__PURE__*/(
       _react.default.createElement(_Modal.Modal.Header, rest, /*#__PURE__*/
       _react.default.createElement("div", { ref: ref },
       icon && /*#__PURE__*/
-      _react.default.createElement("div", { "data-tid": _MiniModal2.MiniModalDataTids.icon, className: _MiniModal.styles.icon() },
+      _react.default.createElement("div", { "data-tid": _MiniModal2.MiniModalDataTids.icon, className: styles.icon() },
       icon
       ),
 
       children && /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": _MiniModal2.MiniModalDataTids.title,
-        className: (0, _Emotion.cx)(_MiniModal.styles.title(), (_cx = {}, _cx[
-        _MiniModal.styles.titleWithIcon(theme)] = !!icon, _cx)
+        className: cx(styles.title(), (_cx = {}, _cx[
+        styles.titleWithIcon(theme)] = !!icon, _cx)
         ) },
 
       children

package/cjs/components/MiniModal/MiniModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_InfoCircleIcon64Regular","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalHeader","exports","forwardRefAndName","_ref","ref","_cx","_ref$icon","icon","default","createElement","InfoCircleIcon64Regular","children","rest","_objectWithoutPropertiesLoose2","theme","useContext","ThemeContext","Modal","Header","MiniModalDataTids","className","styles","title","cx","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport type { ModalHeaderProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /** Задает иконку в шапку компонента.\n   * @default InfoCircleIcon64Regular */\n  icon?: ReactNode;\n}\n\n/**\n * Обёртка над Modal.Header\n *\n * @visibleName MiniModal.Header\n */\nexport const MiniModalHeader = forwardRefAndName<HTMLDivElement, MiniModalHeaderProps>(\n  'MiniModalHeader',\n  ({ icon = <InfoCircleIcon64Regular />, children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Modal.Header {...rest}>\n        <div ref={ref}>\n          {icon && (\n            <div data-tid={MiniModalDataTids.icon} className={styles.icon()}>\n              {icon}\n            </div>\n          )}\n          {children && (\n            <div\n              data-tid={MiniModalDataTids.title}\n              className={cx(styles.title(), {\n                [styles.titleWithIcon(theme)]: !!icon,\n              })}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </Modal.Header>\n    );\n  },\n);\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,gBAAgD,IAAAQ,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,wBAAA,CAAAgB,uBAAuB,MAAE,CAAC,GAAAJ,SAAA,CAAEK,QAAQ,GAAAR,IAAA,CAARQ,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAL,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IACtD,IAAMe,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACE3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAyB,KAAK,CAACC,MAAM,EAAKN,IAAI;MACpBvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAKL,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAK,YAAUU,6BAAiB,CAACZ,IAAK,EAACa,SAAS,EAAEC,iBAAM,CAACd,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAI,QAAQ;MACPtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;QACE,YAAUU,6BAAiB,CAACG,KAAM;QAClCF,SAAS,EAAE,IAAAG,WAAE,EAACF,iBAAM,CAACC,KAAK,CAAC,CAAC,GAAAjB,GAAA,OAAAA,GAAA;QACzBgB,iBAAM,CAACG,aAAa,CAACV,KAAK,CAAC,IAAG,CAAC,CAACP,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFM;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_Modal","_forwardRefAndName","_InfoCircleIcon64Regular","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalHeader","exports","forwardRefAndName","_ref","ref","_cx","_ref$icon","icon","default","createElement","InfoCircleIcon64Regular","children","rest","_objectWithoutPropertiesLoose2","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","Modal","Header","MiniModalDataTids","className","title","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport type { ModalHeaderProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /** Задает иконку в шапку компонента.\n   * @default InfoCircleIcon64Regular */\n  icon?: ReactNode;\n}\n\n/**\n * Обёртка над Modal.Header\n *\n * @visibleName MiniModal.Header\n */\nexport const MiniModalHeader = forwardRefAndName<HTMLDivElement, MiniModalHeaderProps>(\n  'MiniModalHeader',\n  ({ icon = <InfoCircleIcon64Regular />, children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n\n    return (\n      <Modal.Header {...rest}>\n        <div ref={ref}>\n          {icon && (\n            <div data-tid={MiniModalDataTids.icon} className={styles.icon()}>\n              {icon}\n            </div>\n          )}\n          {children && (\n            <div\n              data-tid={MiniModalDataTids.title}\n              className={cx(styles.title(), {\n                [styles.titleWithIcon(theme)]: !!icon,\n              })}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </Modal.Header>\n    );\n  },\n);\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,gBAAgD,IAAAQ,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,wBAAA,CAAAe,uBAAuB,MAAE,CAAC,GAAAJ,SAAA,CAAEK,QAAQ,GAAAR,IAAA,CAARQ,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAL,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IACtD,IAAMe,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;IACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,oBAAS,CAAC;;IAEnC;MACEjC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA8B,KAAK,CAACC,MAAM,EAAKZ,IAAI;MACpBvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAKL,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAK,YAAUgB,6BAAiB,CAAClB,IAAK,EAACmB,SAAS,EAAEN,MAAM,CAACb,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAI,QAAQ;MACPtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;QACE,YAAUgB,6BAAiB,CAACE,KAAM;QAClCD,SAAS,EAAEP,EAAE,CAACC,MAAM,CAACO,KAAK,CAAC,CAAC,GAAAtB,GAAA,OAAAA,GAAA;QACzBe,MAAM,CAACQ,aAAa,CAACd,KAAK,CAAC,IAAG,CAAC,CAACP,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFM;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalIndent.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MiniModalIndent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
@@ -14,8 +15,9 @@ var _MiniModal2 = require("./MiniModal");var _excluded = ["children"];
 var MiniModalIndent = exports.MiniModalIndent = (0, _forwardRefAndName.forwardRefAndName)(
   'MiniModalIndent',
   function (_ref, ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    var styles = (0, _renderEnvironment.useStyles)(_MiniModal.getStyles);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": _MiniModal2.MiniModalDataTids.indent, ref: ref, className: _MiniModal.styles.actionsIndent(theme) }, rest));
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": _MiniModal2.MiniModalDataTids.indent, ref: ref, className: styles.actionsIndent(theme) }, rest));
   }
 );

package/cjs/components/MiniModal/MiniModalIndent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalIndent","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","createElement","_extends2","MiniModalDataTids","indent","className","styles","actionsIndent"],"sources":["MiniModalIndent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\n/**\n * Отступ между кнопками\n *\n * @visibleName MiniModal.Indent\n */\nexport const MiniModalIndent = forwardRefAndName<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>>(\n  'MiniModalIndent',\n  ({ children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return <div data-tid={MiniModalDataTids.indent} ref={ref} className={styles.actionsIndent(theme)} {...rest} />;\n  },\n);\n"],"mappings":"kdAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA,gBAAgD,IAAAK,SAAA;;AAEhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB,IAAMU,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,oBAAOnB,MAAA,CAAAgB,OAAA,CAAAI,aAAA,YAAAC,SAAA,CAAAL,OAAA,IAAK,YAAUM,6BAAiB,CAACC,MAAO,EAACX,GAAG,EAAEA,GAAI,EAACY,SAAS,EAAEC,iBAAM,CAACC,aAAa,CAACT,KAAK,CAAE,IAAKH,IAAI,CAAG,CAAC;EAChH;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_forwardRefAndName","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalIndent","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","styles","useStyles","getStyles","theme","useContext","ThemeContext","createElement","_extends2","MiniModalDataTids","indent","className","actionsIndent"],"sources":["MiniModalIndent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\n/**\n * Отступ между кнопками\n *\n * @visibleName MiniModal.Indent\n */\nexport const MiniModalIndent = forwardRefAndName<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>>(\n  'MiniModalIndent',\n  ({ children, ...rest }, ref) => {\n    const styles = useStyles(getStyles);\n    const theme = useContext(ThemeContext);\n\n    return <div data-tid={MiniModalDataTids.indent} ref={ref} className={styles.actionsIndent(theme)} {...rest} />;\n  },\n);\n"],"mappings":"kdAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA,gBAAgD,IAAAM,SAAA;;AAEhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB,IAAMU,MAAM,GAAG,IAAAC,4BAAS,EAACC,oBAAS,CAAC;IACnC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,oBAAOvB,MAAA,CAAAiB,OAAA,CAAAO,aAAA,YAAAC,SAAA,CAAAR,OAAA,IAAK,YAAUS,6BAAiB,CAACC,MAAO,EAACd,GAAG,EAAEA,GAAI,EAACe,SAAS,EAAEV,MAAM,CAACW,aAAa,CAACR,KAAK,CAAE,IAAKN,IAAI,CAAG,CAAC;EAChH;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/getMiniModalTheme.d.ts

@@ -1,2 +1,3 @@
+import type { BasicThemeClass } from '@skbkontur/react-ui/internal/themes/BasicTheme';
 import type { Theme, ThemeIn } from '../../lib/theming/Theme';
-export declare const getMiniModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Readonly<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;
+export declare const getMiniModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Readonly<typeof BasicThemeClass>;

package/cjs/components/MiniModal/getMiniModalTheme.js

@@ -1,4 +1,6 @@
-"use strict";exports.__esModule = true;exports.getMiniModalTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+"use strict";exports.__esModule = true;exports.getMiniModalTheme = void 0;
+
+var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 
 
 var getMiniModalTheme = exports.getMiniModalTheme = function getMiniModalTheme(contextTheme, propsTheme) {if (propsTheme === void 0) {propsTheme = {};}

package/cjs/components/MiniModal/getMiniModalTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getMiniModalTheme","exports","contextTheme","propsTheme","theme","ThemeFactory","create","modalBodyPaddingTop","miniModalBodyPaddingTop","modalBodyPaddingBottom","miniModalBodyPaddingBottom","modalHeaderPaddingTop","miniModalHeaderPaddingTop","modalHeaderPaddingBottom","miniModalHeaderPaddingBottom","modalFooterPaddingTop","miniModalFooterPaddingTop","modalFooterPaddingBottom","miniModalFooterPaddingBottom","mobileModalFooterPadding","miniModalFooterPaddingMobile","mobileModalHeaderPadding","miniModalHeaderPaddingMobile","mobileModalBodyPadding","miniModalBodyPaddingMobile","mobileModalContainerHeight","miniModalHeightMobile","mobileModalContainerMarginTop","miniModalMarginTopMobile","mobileModalContainerMarginRight","miniModalMarginRightMobile","mobileModalContainerMarginLeft","miniModalMarginLeftMobile"],"sources":["getMiniModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getMiniModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}) => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    {\n      modalBodyPaddingTop: theme.miniModalBodyPaddingTop,\n      modalBodyPaddingBottom: theme.miniModalBodyPaddingBottom,\n      modalHeaderPaddingTop: theme.miniModalHeaderPaddingTop,\n      modalHeaderPaddingBottom: theme.miniModalHeaderPaddingBottom,\n      modalFooterPaddingTop: theme.miniModalFooterPaddingTop,\n      modalFooterPaddingBottom: theme.miniModalFooterPaddingBottom,\n      mobileModalFooterPadding: theme.miniModalFooterPaddingMobile,\n      mobileModalHeaderPadding: theme.miniModalHeaderPaddingMobile,\n      mobileModalBodyPadding: theme.miniModalBodyPaddingMobile,\n      mobileModalContainerHeight: theme.miniModalHeightMobile,\n      mobileModalContainerMarginTop: theme.miniModalMarginTopMobile,\n      mobileModalContainerMarginRight: theme.miniModalMarginRightMobile,\n      mobileModalContainerMarginLeft: theme.miniModalMarginLeftMobile,\n    },\n    theme,\n  );\n};\n"],"mappings":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,YAAmB,EAAEC,UAAmB,EAAU,KAA7BA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EAC7E,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACH,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOG,0BAAY,CAACC,MAAM;IACxB;MACEC,mBAAmB,EAAEH,KAAK,CAACI,uBAAuB;MAClDC,sBAAsB,EAAEL,KAAK,CAACM,0BAA0B;MACxDC,qBAAqB,EAAEP,KAAK,CAACQ,yBAAyB;MACtDC,wBAAwB,EAAET,KAAK,CAACU,4BAA4B;MAC5DC,qBAAqB,EAAEX,KAAK,CAACY,yBAAyB;MACtDC,wBAAwB,EAAEb,KAAK,CAACc,4BAA4B;MAC5DC,wBAAwB,EAAEf,KAAK,CAACgB,4BAA4B;MAC5DC,wBAAwB,EAAEjB,KAAK,CAACkB,4BAA4B;MAC5DC,sBAAsB,EAAEnB,KAAK,CAACoB,0BAA0B;MACxDC,0BAA0B,EAAErB,KAAK,CAACsB,qBAAqB;MACvDC,6BAA6B,EAAEvB,KAAK,CAACwB,wBAAwB;MAC7DC,+BAA+B,EAAEzB,KAAK,CAAC0B,0BAA0B;MACjEC,8BAA8B,EAAE3B,KAAK,CAAC4B;IACxC,CAAC;IACD5B;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getMiniModalTheme","exports","contextTheme","propsTheme","theme","ThemeFactory","create","modalBodyPaddingTop","miniModalBodyPaddingTop","modalBodyPaddingBottom","miniModalBodyPaddingBottom","modalHeaderPaddingTop","miniModalHeaderPaddingTop","modalHeaderPaddingBottom","miniModalHeaderPaddingBottom","modalFooterPaddingTop","miniModalFooterPaddingTop","modalFooterPaddingBottom","miniModalFooterPaddingBottom","mobileModalFooterPadding","miniModalFooterPaddingMobile","mobileModalHeaderPadding","miniModalHeaderPaddingMobile","mobileModalBodyPadding","miniModalBodyPaddingMobile","mobileModalContainerHeight","miniModalHeightMobile","mobileModalContainerMarginTop","miniModalMarginTopMobile","mobileModalContainerMarginRight","miniModalMarginRightMobile","mobileModalContainerMarginLeft","miniModalMarginLeftMobile"],"sources":["getMiniModalTheme.ts"],"sourcesContent":["import type { BasicThemeClass } from '@skbkontur/react-ui/internal/themes/BasicTheme';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getMiniModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Readonly<typeof BasicThemeClass> => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    {\n      modalBodyPaddingTop: theme.miniModalBodyPaddingTop,\n      modalBodyPaddingBottom: theme.miniModalBodyPaddingBottom,\n      modalHeaderPaddingTop: theme.miniModalHeaderPaddingTop,\n      modalHeaderPaddingBottom: theme.miniModalHeaderPaddingBottom,\n      modalFooterPaddingTop: theme.miniModalFooterPaddingTop,\n      modalFooterPaddingBottom: theme.miniModalFooterPaddingBottom,\n      mobileModalFooterPadding: theme.miniModalFooterPaddingMobile,\n      mobileModalHeaderPadding: theme.miniModalHeaderPaddingMobile,\n      mobileModalBodyPadding: theme.miniModalBodyPaddingMobile,\n      mobileModalContainerHeight: theme.miniModalHeightMobile,\n      mobileModalContainerMarginTop: theme.miniModalMarginTopMobile,\n      mobileModalContainerMarginRight: theme.miniModalMarginRightMobile,\n      mobileModalContainerMarginLeft: theme.miniModalMarginLeftMobile,\n    },\n    theme,\n  );\n};\n"],"mappings":";;AAEA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,YAAmB,EAAEC,UAAmB,EAA4C,KAA/DA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EAC7E,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACH,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOG,0BAAY,CAACC,MAAM;IACxB;MACEC,mBAAmB,EAAEH,KAAK,CAACI,uBAAuB;MAClDC,sBAAsB,EAAEL,KAAK,CAACM,0BAA0B;MACxDC,qBAAqB,EAAEP,KAAK,CAACQ,yBAAyB;MACtDC,wBAAwB,EAAET,KAAK,CAACU,4BAA4B;MAC5DC,qBAAqB,EAAEX,KAAK,CAACY,yBAAyB;MACtDC,wBAAwB,EAAEb,KAAK,CAACc,4BAA4B;MAC5DC,wBAAwB,EAAEf,KAAK,CAACgB,4BAA4B;MAC5DC,wBAAwB,EAAEjB,KAAK,CAACkB,4BAA4B;MAC5DC,sBAAsB,EAAEnB,KAAK,CAACoB,0BAA0B;MACxDC,0BAA0B,EAAErB,KAAK,CAACsB,qBAAqB;MACvDC,6BAA6B,EAAEvB,KAAK,CAACwB,wBAAwB;MAC7DC,+BAA+B,EAAEzB,KAAK,CAAC0B,0BAA0B;MACjEC,8BAA8B,EAAE3B,KAAK,CAAC4B;IACxC,CAAC;IACD5B;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/components/Modal/Modal.d.ts

@@ -1,7 +1,8 @@
-import type { AriaAttributes, HTMLAttributes } from 'react';
+import type { AriaAttributes, HTMLAttributes, JSX } from 'react';
 import React from 'react';
 import type { ThemeIn } from '../../lib/theming/Theme';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import { type TGetRootNode } from '../../lib/rootNode';
 import { ModalFooter } from './ModalFooter';
 import { ModalHeader } from './ModalHeader';
 import { ModalBody } from './ModalBody';
@@ -19,9 +20,7 @@ export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     width?: number | string;
     /** Событие закрытия модального окна. Вызывается при клике на фон или крестик, и при нажатии Esc. */
     onClose?: () => void;
-    /** Выключает ограничение на фокус. По умолчанию модальное окно не позволяет установить фокус за переделами своего содержимого.
-     *
-     * По умолчанию `"true"` для Internet Explorer 11. */
+    /** Выключает ограничение на фокус. По умолчанию модальное окно не позволяет установить фокус за переделами своего содержимого.*/
     disableFocusLock?: boolean;
     /** Объект с переменными темы. Он будет объединён с темой из `<ThemeContext>`.
      *
@@ -70,9 +69,15 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     static Header: typeof ModalHeader;
     static Body: typeof ModalBody;
     static Footer: typeof ModalFooter;
+    getRootNode: TGetRootNode;
+    private setRootNode;
     static defaultProps: DefaultProps;
     private getProps;
     state: ModalState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private stackSubscription;
     private containerNode;