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

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

@@ -1,33 +1,33 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
 import { globalClasses as buttonGlobalClasses } from "../../Button/Button.styles";
-export var styles = memoizeStyle({
-  icon: function icon() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "])));
-  },
-  description: function description() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "])));
-  },
-  description5_3: function description5_3(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.miniModalDescriptionFontSize, t.miniModalDescriptionLineHeight);
-  },
-  title: function title() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "])));
-  },
-  titleWithIcon: function titleWithIcon(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-top: ", ";\n    "])), t.miniModalTitleMarginTop);
-  },
-  actions: function actions() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .", " {\n        width: 100%;\n      }\n    "])), buttonGlobalClasses.root);
-  },
-  actionsIndent: function actionsIndent(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.miniModalCancelIndent);
-  },
-  actionsRow: function actionsRow(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\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);
-  },
-  actionsColumn: function actionsColumn(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\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);
-  }
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    icon: function icon() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "])));
+    },
+    description: function description(t) {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: center;\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.miniModalDescriptionFontSize, t.miniModalDescriptionLineHeight);
+    },
+    title: function title() {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "])));
+    },
+    titleWithIcon: function titleWithIcon(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      margin-top: ", ";\n    "])), t.miniModalTitleMarginTop);
+    },
+    actions: function actions() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .", " {\n        width: 100%;\n      }\n    "])), buttonGlobalClasses.root);
+    },
+    actionsIndent: function actionsIndent(t) {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.miniModalCancelIndent);
+    },
+    actionsRow: function actionsRow(t) {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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);
+    },
+    actionsColumn: function actionsColumn(t) {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\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);
+    }
+  };
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","globalClasses","buttonGlobalClasses","styles","icon","_templateObject","_taggedTemplateLiteralLoose","description","_templateObject2","description5_3","t","_templateObject3","miniModalDescriptionFontSize","miniModalDescriptionLineHeight","title","_templateObject4","titleWithIcon","_templateObject5","miniModalTitleMarginTop","actions","_templateObject6","root","actionsIndent","_templateObject7","miniModalCancelIndent","actionsRow","_templateObject8","miniModalActionGap","actionsColumn","_templateObject9"],"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":"oQAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,aAAa,IAAIC,mBAAmB,QAAQ,yBAAyB;;AAE9E,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,cAAc,WAAAA,eAACC,CAAQ,EAAE;IACvB,OAAOX,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACKI,CAAC,CAACE,4BAA4B;IAC5BF,CAAC,CAACG,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOf,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;EAGZ,CAAC;;EAEDU,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,OAAOX,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;IACMI,CAAC,CAACQ,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;IAKLJ,mBAAmB,CAACmB,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACZ,CAAQ,EAAE;IACtB,OAAOX,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACGI,CAAC,CAACc,qBAAqB;;EAEtC,CAAC;;EAEDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;IACnB,OAAOX,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;;;IAGeI,CAAC,CAACiB,kBAAkB;;;IAGrBjB,CAAC,CAACiB,kBAAkB;;;EAG9C,CAAC;;EAEDC,aAAa,WAAAA,cAAClB,CAAQ,EAAE;IACtB,OAAOX,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;;IAGQI,CAAC,CAACiB,kBAAkB;;;IAGpBjB,CAAC,CAACiB,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","globalClasses","buttonGlobalClasses","getStyles","_ref","css","icon","_templateObject","_taggedTemplateLiteralLoose","description","t","_templateObject2","miniModalDescriptionFontSize","miniModalDescriptionLineHeight","title","_templateObject3","titleWithIcon","_templateObject4","miniModalTitleMarginTop","actions","_templateObject5","root","actionsIndent","_templateObject6","miniModalCancelIndent","actionsRow","_templateObject7","miniModalActionGap","actionsColumn","_templateObject8"],"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,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,SAASC,aAAa,IAAIC,mBAAmB,QAAQ,yBAAyB;;AAE9E,OAAO,IAAMC,SAAS,GAAGH,gBAAgB,CAAC,UAAAI,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;IAGZ,CAAC;;IAEDC,WAAW,WAAAA,YAACC,CAAQ,EAAE;MACpB,OAAOL,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;MAEKE,CAAC,CAACE,4BAA4B;MAC5BF,CAAC,CAACG,8BAA8B;;IAEnD,CAAC;;IAEDC,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;;IAGZ,CAAC;;IAEDQ,aAAa,WAAAA,cAACN,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;MACME,CAAC,CAACQ,uBAAuB;;IAE3C,CAAC;;IAEDC,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;;;;;MAKLN,mBAAmB,CAACmB,IAAI;;;;IAI/B,CAAC;;IAEDC,aAAa,WAAAA,cAACZ,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;MACGE,CAAC,CAACc,qBAAqB;;IAEtC,CAAC;;IAEDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;MACnB,OAAOL,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;MAGeE,CAAC,CAACiB,kBAAkB;;;MAGrBjB,CAAC,CAACiB,kBAAkB;;;IAG9C,CAAC;;IAEDC,aAAa,WAAAA,cAAClB,CAAQ,EAAE;MACtB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;MAGQE,CAAC,CAACiB,kBAAkB;;;MAGpBjB,CAAC,CAACiB,kBAAkB;;;IAGxC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/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/components/MiniModal/MiniModalBody/MiniModalBody.js

@@ -1,13 +1,12 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children"];
 import React from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { Modal } from "../../Modal";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
-import { cx } from "../../../lib/theming/Emotion";
 import { MiniModalDataTids } from "../MiniModal";
-import { styles } from "../MiniModal.styles";
+import { getStyles } from "../MiniModal.styles";
 
 /**
  * Обёртка над Modal.Body
@@ -17,15 +16,17 @@ import { styles } from "../MiniModal.styles";
 export var MiniModalBody = forwardRefAndName('MiniModalBody', function (_ref, ref) {
   var children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   return /*#__PURE__*/(
     React.createElement(Modal.Body, rest, /*#__PURE__*/
     React.createElement(ThemeContext.Consumer, null, function (theme) {
-      var _cx;
       return /*#__PURE__*/(
         React.createElement("div", {
           "data-tid": MiniModalDataTids.description,
           ref: ref,
-          className: cx(styles.description(), (_cx = {}, _cx[styles.description5_3(theme)] = isThemeGTE(theme, '5.3'), _cx))
+          className: cx(styles.description(theme))
         }, children)
       );
     }))

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRefAndName","Modal","ThemeContext","isThemeGTE","cx","MiniModalDataTids","styles","MiniModalBody","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","Body","Consumer","theme","_cx","description","className","description5_3"],"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":"iIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGP,iBAAiB;EAC5C,eAAe;EACf,UAAAQ,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB;MACEd,KAAA,CAAAe,aAAA,CAACb,KAAK,CAACc,IAAI,EAAKJ,IAAI;MAClBZ,KAAA,CAAAe,aAAA,CAACZ,YAAY,CAACc,QAAQ;MACnB,UAACC,KAAK,EAAK,KAAAC,GAAA;QACV;UACEnB,KAAA,CAAAe,aAAA;YACE,YAAUT,iBAAiB,CAACc,WAAY;YACxCV,GAAG,EAAEA,GAAI;YACTW,SAAS,EAAEhB,EAAE,CAACE,MAAM,CAACa,WAAW,CAAC,CAAC,GAAAD,GAAA,OAAAA,GAAA;YAC/BZ,MAAM,CAACe,cAAc,CAACJ,KAAK,CAAC,IAAGd,UAAU,CAACc,KAAK,EAAE,KAAK,CAAC,EAAAC,GAAA;YACzD,CAAE;;UAEFR;UACE,CAAC;;MAEV;MACqB;MACb,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEmotion","useStyles","forwardRefAndName","Modal","ThemeContext","MiniModalDataTids","getStyles","MiniModalBody","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","_useEmotion","cx","styles","createElement","Body","Consumer","theme","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":"iIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGL,iBAAiB;EAC5C,eAAe;EACf,UAAAM,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB,IAAAC,WAAA,GAAed,UAAU,CAAC,CAAC,CAAnBe,EAAE,GAAAD,WAAA,CAAFC,EAAE;IACV,IAAMC,MAAM,GAAGf,SAAS,CAACK,SAAS,CAAC;;IAEnC;MACEP,KAAA,CAAAkB,aAAA,CAACd,KAAK,CAACe,IAAI,EAAKP,IAAI;MAClBZ,KAAA,CAAAkB,aAAA,CAACb,YAAY,CAACe,QAAQ;MACnB,UAACC,KAAK,EAAK;QACV;UACErB,KAAA,CAAAkB,aAAA,UAAK,YAAUZ,iBAAiB,CAACgB,WAAY,EAACZ,GAAG,EAAEA,GAAI,EAACa,SAAS,EAAEP,EAAE,CAACC,MAAM,CAACK,WAAW,CAACD,KAAK,CAAC,CAAE;UAC9FV;UACE,CAAC;;MAEV;MACqB;MACb,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalFooter/MiniModalFooter.js

@@ -1,11 +1,11 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["direction", "children"];
 import React, { useContext } from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { Modal } from "../../Modal";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
-import { styles } from "../MiniModal.styles";
+import { getStyles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 
 /**
@@ -19,6 +19,9 @@ export var MiniModalFooter = forwardRefAndName('MiniModalFooter', function (_ref
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var childrenCount = React.Children.count(children);
   var _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;
   return /*#__PURE__*/(

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Modal","forwardRefAndName","ThemeContext","cx","styles","MiniModalDataTids","MiniModalFooter","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","childrenCount","Children","count","_direction","createElement","Footer","actions","className","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":"8IAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;;AAGzC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGL,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAM,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,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACrC,IAAMC,KAAK,GAAGhB,UAAU,CAACG,YAAY,CAAC;;IAEtC,IAAMc,aAAa,GAAGlB,KAAK,CAACmB,QAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC;IACpD,IAAMQ,UAAU,GAAGH,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGN,SAAS;;IAElF;MACEZ,KAAA,CAAAsB,aAAA,CAACpB,KAAK,CAACqB,MAAM,EAAKT,IAAI;MACpBd,KAAA,CAAAsB,aAAA;QACEZ,GAAG,EAAEA,GAAI;QACT,YAAUH,iBAAiB,CAACiB,OAAQ;QACpCC,SAAS,EAAEpB,EAAE;UACXC,MAAM,CAACkB,OAAO,CAAC,CAAC;UAChBH,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACoB,UAAU,CAACT,KAAK,CAAC;UAChDI,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACqB,aAAa,CAACV,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useEmotion","useStyles","Modal","forwardRefAndName","ThemeContext","getStyles","MiniModalDataTids","MiniModalFooter","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_useEmotion","cx","styles","childrenCount","Children","count","_direction","createElement","Footer","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":"8IAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;;AAEnE,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGJ,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAK,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,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACrC,IAAMC,KAAK,GAAGjB,UAAU,CAACK,YAAY,CAAC;IACtC,IAAAa,WAAA,GAAejB,UAAU,CAAC,CAAC,CAAnBkB,EAAE,GAAAD,WAAA,CAAFC,EAAE;IACV,IAAMC,MAAM,GAAGlB,SAAS,CAACI,SAAS,CAAC;;IAEnC,IAAMe,aAAa,GAAGtB,KAAK,CAACuB,QAAQ,CAACC,KAAK,CAACV,QAAQ,CAAC;IACpD,IAAMW,UAAU,GAAGH,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGT,SAAS;;IAElF;MACEb,KAAA,CAAA0B,aAAA,CAACtB,KAAK,CAACuB,MAAM,EAAKZ,IAAI;MACpBf,KAAA,CAAA0B,aAAA;QACEf,GAAG,EAAEA,GAAI;QACT,YAAUH,iBAAiB,CAACoB,OAAQ;QACpCC,SAAS,EAAET,EAAE;UACXC,MAAM,CAACO,OAAO,CAAC,CAAC;UAChBH,UAAU,KAAK,KAAK,IAAIJ,MAAM,CAACS,UAAU,CAACZ,KAAK,CAAC;UAChDO,UAAU,KAAK,QAAQ,IAAIJ,MAAM,CAACU,aAAa,CAACb,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalHeader/MiniModalHeader.js

@@ -1,12 +1,12 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["icon", "children"];
 import React, { useContext } from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { Modal } from "../../Modal";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { InfoCircleIcon64Regular } from "../../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
-import { styles } from "../MiniModal.styles";
+import { getStyles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 
 /**
@@ -21,6 +21,9 @@ export var MiniModalHeader = forwardRefAndName('MiniModalHeader', function (_ref
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   return /*#__PURE__*/(
     React.createElement(Modal.Header, rest, /*#__PURE__*/
     React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Modal","forwardRefAndName","InfoCircleIcon64Regular","ThemeContext","cx","styles","MiniModalDataTids","MiniModalHeader","_ref","ref","_cx","_ref$icon","icon","createElement","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","Header","className","title","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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;;AAGzC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,uBAAuB,QAAQ,iEAAiE;AACzG,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAO,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGb,KAAA,CAAAe,aAAA,CAACX,uBAAuB,MAAE,CAAC,GAAAS,SAAA,CAAEG,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;IACtD,IAAMC,KAAK,GAAGnB,UAAU,CAACI,YAAY,CAAC;;IAEtC;MACEL,KAAA,CAAAe,aAAA,CAACb,KAAK,CAACmB,MAAM,EAAKJ,IAAI;MACpBjB,KAAA,CAAAe,aAAA,UAAKJ,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHd,KAAA,CAAAe,aAAA,UAAK,YAAUP,iBAAiB,CAACM,IAAK,EAACQ,SAAS,EAAEf,MAAM,CAACO,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAE,QAAQ;MACPhB,KAAA,CAAAe,aAAA;QACE,YAAUP,iBAAiB,CAACe,KAAM;QAClCD,SAAS,EAAEhB,EAAE,CAACC,MAAM,CAACgB,KAAK,CAAC,CAAC,GAAAX,GAAA,OAAAA,GAAA;QACzBL,MAAM,CAACiB,aAAa,CAACJ,KAAK,CAAC,IAAG,CAAC,CAACN,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFI;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useEmotion","useStyles","Modal","forwardRefAndName","InfoCircleIcon64Regular","ThemeContext","getStyles","MiniModalDataTids","MiniModalHeader","_ref","ref","_cx","_ref$icon","icon","createElement","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_useEmotion","cx","styles","Header","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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;;AAEnE,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,uBAAuB,QAAQ,iEAAiE;AACzG,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGL,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAM,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGd,KAAA,CAAAgB,aAAA,CAACV,uBAAuB,MAAE,CAAC,GAAAQ,SAAA,CAAEG,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;IACtD,IAAMC,KAAK,GAAGpB,UAAU,CAACM,YAAY,CAAC;IACtC,IAAAe,WAAA,GAAepB,UAAU,CAAC,CAAC,CAAnBqB,EAAE,GAAAD,WAAA,CAAFC,EAAE;IACV,IAAMC,MAAM,GAAGrB,SAAS,CAACK,SAAS,CAAC;;IAEnC;MACER,KAAA,CAAAgB,aAAA,CAACZ,KAAK,CAACqB,MAAM,EAAKP,IAAI;MACpBlB,KAAA,CAAAgB,aAAA,UAAKJ,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHf,KAAA,CAAAgB,aAAA,UAAK,YAAUP,iBAAiB,CAACM,IAAK,EAACW,SAAS,EAAEF,MAAM,CAACT,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAE,QAAQ;MACPjB,KAAA,CAAAgB,aAAA;QACE,YAAUP,iBAAiB,CAACkB,KAAM;QAClCD,SAAS,EAAEH,EAAE,CAACC,MAAM,CAACG,KAAK,CAAC,CAAC,GAAAd,GAAA,OAAAA,GAAA;QACzBW,MAAM,CAACI,aAAa,CAACP,KAAK,CAAC,IAAG,CAAC,CAACN,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFI;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalIndent/MiniModalIndent.js

@@ -2,9 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children"];
 import React, { useContext } from 'react';
+import { useStyles } from "../../../lib/renderEnvironment";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { styles } from "../MiniModal.styles";
+import { getStyles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 
 /**
@@ -15,6 +16,7 @@ import { MiniModalDataTids } from "../MiniModal";
 export var MiniModalIndent = forwardRefAndName('MiniModalIndent', function (_ref, ref) {
   var children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var styles = useStyles(getStyles);
   var theme = useContext(ThemeContext);
   return /*#__PURE__*/React.createElement("div", _extends({
     "data-tid": MiniModalDataTids.indent,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","forwardRefAndName","ThemeContext","styles","MiniModalDataTids","MiniModalIndent","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","createElement","_extends","indent","className","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":"2LAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;AAE/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGJ,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAK,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB,IAAMC,KAAK,GAAGZ,UAAU,CAACE,YAAY,CAAC;;IAEtC,oBAAOH,KAAA,CAAAc,aAAA,QAAAC,QAAA,GAAK,YAAUV,iBAAiB,CAACW,MAAO,EAACR,GAAG,EAAEA,GAAI,EAACS,SAAS,EAAEb,MAAM,CAACc,aAAa,CAACL,KAAK,CAAE,IAAKH,IAAI,CAAG,CAAC;EAChH;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useStyles","forwardRefAndName","ThemeContext","getStyles","MiniModalDataTids","MiniModalIndent","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","styles","theme","createElement","_extends","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":"2LAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,SAAS,QAAQ,6BAA6B;AACvD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,aAAa;;AAE/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGJ,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAK,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB,IAAMC,MAAM,GAAGZ,SAAS,CAACG,SAAS,CAAC;IACnC,IAAMU,KAAK,GAAGd,UAAU,CAACG,YAAY,CAAC;;IAEtC,oBAAOJ,KAAA,CAAAgB,aAAA,QAAAC,QAAA,GAAK,YAAUX,iBAAiB,CAACY,MAAO,EAACT,GAAG,EAAEA,GAAI,EAACU,SAAS,EAAEL,MAAM,CAACM,aAAa,CAACL,KAAK,CAAE,IAAKJ,IAAI,CAAG,CAAC;EAChH;AACF,CAAC","ignoreList":[]}

package/components/Modal/Modal/Modal.js

@@ -1,31 +1,28 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _Modal;
 import React from 'react';
 import FocusLock from 'react-focus-lock';
 import throttle from 'lodash.throttle';
-import { globalObject } from '@skbkontur/global-object';
 import { isNonNullable } from "../../../lib/utils";
 import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { RenderContainer } from "../../../internal/RenderContainer";
 import { ZIndex } from "../../../internal/ZIndex";
-import { stopPropagation } from "../../../lib/events/stopPropagation";
 import { HideBodyVerticalScroll } from "../../../internal/HideBodyVerticalScroll";
 import { ModalStack } from "../../../lib/ModalStack";
 import { ResizeDetector } from "../../../internal/ResizeDetector";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { ResponsiveLayout } from "../../ResponsiveLayout";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { catchUnreachableWarning } from "../../../lib/typeGuards";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { ModalContext } from "../ModalContext";
 import { ModalFooter } from "../ModalFooter";
 import { ModalHeader } from "../ModalHeader";
 import { ModalBody } from "../ModalBody";
 import { ModalClose } from "../ModalClose";
-import { styles } from "../Modal.styles";
+import { getStyles } from "../Modal.styles";
 import { getModalTheme } from "../getModalTheme";
 var mountedModalsCount = 0;
 export var ModalDataTids = {
@@ -47,7 +44,7 @@ export var ModalZIndexPriority = {
  *
  * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
  */
-export var Modal = /*#__PURE__*/function (_React$Component) {
+export var Modal = withRenderEnvironment(_class = (_Modal = /*#__PURE__*/function (_React$Component) {
   function Modal() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -76,15 +73,15 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
           if (_this.state.hasFooter) {
             return;
           }
-          return [styles.mobileContainerSmall5_2()];
+          return [_this.styles.mobileContainerSmall5_2()];
         case 'fullscreen':
-          return [styles.mobileContainerFullscreen5_2()];
+          return [_this.styles.mobileContainerFullscreen5_2()];
         case 'center':
-          return [styles.mobileContainerSmall5_2()];
+          return [_this.styles.mobileContainerSmall5_2()];
         case 'bottom':
-          return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallBottom5_2()];
+          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallBottom5_2()];
         case 'top':
-          return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallTop5_2()];
+          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallTop5_2()];
         default:
           return catchUnreachableWarning(mobileAppearance, false);
       }
@@ -103,7 +100,7 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
     _this.handleStackChange = function (stack) {
       _this.setState({
         stackPosition: stack.indexOf(_this),
-        hasBackground: ModalStack.isBlocking(_this)
+        hasBackground: ModalStack.isBlocking(_this, _this.globalObject)
       });
     };
     _this.handleContainerMouseDown = function (event) {
@@ -126,7 +123,7 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
         return;
       }
       if (isKeyEscape(e)) {
-        stopPropagation(e);
+        e.stopPropagation();
         _this.requestClose();
       }
     };
@@ -171,33 +168,38 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Modal, _React$Component);
   var _proto = Modal.prototype;
   _proto.componentDidMount = function componentDidMount() {
-    this.stackSubscription = ModalStack.add(this, this.handleStackChange);
+    var _this$globalObject$ad2, _this$globalObject2;
+    this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);
     if (mountedModalsCount === 0) {
-      globalObject.addEventListener == null || globalObject.addEventListener('resize', this.throttledCheckHorizontalScroll);
+      var _this$globalObject$ad, _this$globalObject;
+      (_this$globalObject$ad = (_this$globalObject = this.globalObject).addEventListener) == null || _this$globalObject$ad.call(_this$globalObject, 'resize', this.throttledCheckHorizontalScroll);
     }
     mountedModalsCount++;
-    globalObject.addEventListener == null || globalObject.addEventListener('keydown', this.handleKeyDown);
+    (_this$globalObject$ad2 = (_this$globalObject2 = this.globalObject).addEventListener) == null || _this$globalObject$ad2.call(_this$globalObject2, 'keydown', this.handleKeyDown);
     this.checkHorizontalScrollAppearance();
     if (this.containerNode) {
       this.containerNode.addEventListener('scroll', LayoutEvents.emit);
     }
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
+    var _this$globalObject$re2, _this$globalObject4;
     if (--mountedModalsCount === 0) {
-      globalObject.removeEventListener == null || globalObject.removeEventListener('resize', this.throttledCheckHorizontalScroll);
+      var _this$globalObject$re, _this$globalObject3;
+      (_this$globalObject$re = (_this$globalObject3 = this.globalObject).removeEventListener) == null || _this$globalObject$re.call(_this$globalObject3, 'resize', this.throttledCheckHorizontalScroll);
       LayoutEvents.emit();
     }
-    globalObject.removeEventListener == null || globalObject.removeEventListener('keydown', this.handleKeyDown);
+    (_this$globalObject$re2 = (_this$globalObject4 = this.globalObject).removeEventListener) == null || _this$globalObject$re2.call(_this$globalObject4, 'keydown', this.handleKeyDown);
     if (isNonNullable(this.stackSubscription)) {
       this.stackSubscription.remove();
     }
-    ModalStack.remove(this);
+    ModalStack.remove(this, this.globalObject);
     if (this.containerNode) {
       this.containerNode.removeEventListener('scroll', LayoutEvents.emit);
     }
   };
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = getModalTheme(theme, _this2.props.theme);
       return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
@@ -240,7 +242,6 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
     if (!hasFooter || hasPanel) {
       modalContextProps.additionalPadding = true;
     }
-    var versionGTE5_2 = isThemeGTE(this.theme, '5.2');
     var style = {};
     var containerStyle = {};
     if (width) {
@@ -249,27 +250,24 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
       containerStyle.width = 'auto';
     }
     var getMobileCenterContainerClassNames = function getMobileCenterContainerClassNames() {
-      if (versionGTE5_2) {
-        var _cx;
-        return cx(styles.mobileCenterContainer5_2(_this3.theme), (_cx = {}, _cx[styles.mobileCenterContainerBig5_2(_this3.theme)] = mobileAppearance === 'fullscreen-spacing' || mobileAppearance === 'auto' && hasFooter, _cx[styles.mobileCenterContainerFullscreen5_2()] = mobileAppearance === 'fullscreen', _cx));
-      }
-      return cx(styles.mobileCenterContainer());
+      var _this3$cx;
+      return _this3.cx(_this3.styles.mobileCenterContainer(_this3.theme), (_this3$cx = {}, _this3$cx[_this3.styles.mobileCenterContainerBig(_this3.theme)] = mobileAppearance === 'fullscreen-spacing' || mobileAppearance === 'auto' && hasFooter, _this3$cx[_this3.styles.mobileCenterContainerFullscreen()] = mobileAppearance === 'fullscreen', _this3$cx));
     };
     return /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(ZIndex, {
       priority: 'Modal',
-      className: styles.root()
+      className: this.styles.root()
     }, /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/React.createElement("div", {
       onMouseDown: this.handleContainerMouseDown,
       onMouseUp: this.handleContainerMouseUp,
       onClick: this.handleContainerClick,
-      className: styles.bg(this.theme)
+      className: this.styles.bg(this.theme)
     }), /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
-      var _cx2, _cx3, _cx4, _cx5, _cx6;
+      var _this3$cx2, _this3$cx3, _this3$cx4, _this3$cx5, _this3$cx6;
       var isMobile = _ref.isMobile;
       return /*#__PURE__*/React.createElement("div", {
         "aria-labelledby": ariaLabelledby,
         ref: _this3.refContainer,
-        className: cx(styles.container(), versionGTE5_2 && styles.container5_2(), (!versionGTE5_2 || !isMobile) && styles.containerDesktop(), !versionGTE5_2 && isMobile && styles.containerMobile(_this3.theme), versionGTE5_2 && isMobile && _this3.getMobileContainerClassName()),
+        className: _this3.cx(_this3.styles.container(), !isMobile && _this3.styles.containerDesktop(), isMobile && _this3.getMobileContainerClassName()),
         onMouseDown: _this3.handleContainerMouseDown,
         onMouseUp: _this3.handleContainerMouseUp,
         onClick: _this3.handleContainerClick,
@@ -278,11 +276,11 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
         "aria-modal": true,
         "aria-label": ariaLabel,
         role: role,
-        className: cx((_cx2 = {}, _cx2[styles.centerContainer()] = true, _cx2[getMobileCenterContainerClassNames()] = isMobile, _cx2[styles.alignTop()] = Boolean(alignTop), _cx2)),
+        className: _this3.cx((_this3$cx2 = {}, _this3$cx2[_this3.styles.centerContainer()] = true, _this3$cx2[getMobileCenterContainerClassNames()] = isMobile, _this3$cx2[_this3.styles.alignTop()] = Boolean(alignTop), _this3$cx2)),
         style: isMobile ? undefined : containerStyle,
         "data-tid": ModalDataTids.content
       }, /*#__PURE__*/React.createElement("div", {
-        className: cx((_cx3 = {}, _cx3[styles.window(_this3.theme)] = true, _cx3[styles.mobileWindow()] = isMobile, _cx3[styles.mobileWindowFullscreen5_2()] = versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen', _cx3)),
+        className: _this3.cx((_this3$cx3 = {}, _this3$cx3[_this3.styles.window(_this3.theme)] = true, _this3$cx3[_this3.styles.mobileWindow()] = isMobile, _this3$cx3[_this3.styles.mobileWindowFullscreen()] = isMobile && mobileAppearance === 'fullscreen', _this3$cx3)),
         style: isMobile ? undefined : style
       }, /*#__PURE__*/React.createElement(ResizeDetector, {
         onResize: _this3.handleResize,
@@ -290,12 +288,12 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(FocusLock, {
         disabled: disableFocusLock,
         autoFocus: false,
-        className: cx((_cx4 = {}, _cx4[styles.columnFlexContainer()] = isMobile, _cx4), 'focus-lock-container')
+        className: _this3.cx((_this3$cx4 = {}, _this3$cx4[_this3.styles.columnFlexContainer()] = isMobile, _this3$cx4), 'focus-lock-container')
       }, !hasHeader && !noClose && /*#__PURE__*/React.createElement(ZIndex, {
         priority: ModalZIndexPriority.Cross,
-        className: cx((_cx5 = {}, _cx5[styles.closeWrapper(_this3.theme)] = true, _cx5[styles.mobileCloseWrapper(_this3.theme)] = isMobile, _cx5[styles.mobileCloseWrapper5_2(_this3.theme)] = versionGTE5_2 && isMobile, _cx5))
+        className: _this3.cx((_this3$cx5 = {}, _this3$cx5[_this3.styles.closeWrapper(_this3.theme)] = true, _this3$cx5[_this3.styles.mobileCloseWrapper(_this3.theme)] = isMobile, _this3$cx5))
       }, /*#__PURE__*/React.createElement(ModalClose, {
-        className: cx((_cx6 = {}, _cx6[styles.mobileCloseWithoutHeader()] = isMobile && !_this3.state.hasHeader, _cx6[styles.mobileCloseWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && isMobile && !_this3.state.hasHeader, _cx6)),
+        className: _this3.cx((_this3$cx6 = {}, _this3$cx6[_this3.styles.mobileCloseWithoutHeader(_this3.theme)] = isMobile && !_this3.state.hasHeader, _this3$cx6)),
         requestClose: _this3.requestClose,
         disableClose: disableClose
       })), /*#__PURE__*/React.createElement(ModalContext.Provider, {
@@ -304,15 +302,8 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
     }))));
   };
   return Modal;
-}(React.Component);
-Modal.__KONTUR_REACT_UI__ = 'Modal';
-Modal.displayName = 'Modal';
-Modal.Header = ModalHeader;
-Modal.Body = ModalBody;
-Modal.Footer = ModalFooter;
-Modal.defaultProps = {
-  // NOTE: в ie нормально не работает
-  disableFocusLock: isIE11,
+}(React.Component), _Modal.__KONTUR_REACT_UI__ = 'Modal', _Modal.displayName = 'Modal', _Modal.Header = ModalHeader, _Modal.Body = ModalBody, _Modal.Footer = ModalFooter, _Modal.defaultProps = {
+  disableFocusLock: false,
   role: 'dialog',
   mobileAppearance: 'auto'
-};
+}, _Modal)) || _class;