@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

package/components/MenuSeparator/MenuSeparator.md

@@ -1,4 +1,4 @@
-Пример меню с разделителями.
+### Меню с разделителями
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, DropdownMenu } from '@skbkontur/react-ui';

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

@@ -1,13 +1,11 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        margin: ", " ", ";\n        border-top: ", " solid ", ";\n      "])), t.menuSeparatorMarginY, t.menuSeparatorMarginX, t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
-    },
-    rootMobile: function rootMobile(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        margin: ", " ", ";\n        border-radius: 1px;\n      "])), t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: ", " ", ";\n      border-top: ", " solid ", ";\n    "])), t.menuSeparatorMarginY, t.menuSeparatorMarginX, t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
+  },
+  rootMobile: function rootMobile(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin: ", " ", ";\n      border-radius: 1px;\n    "])), t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","_templateObject2","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n        border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n      `;\n    },\n\n    rootMobile(t: Theme) {\n      return emotion.css`\n        margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n        border-radius: 1px;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;;AAGxD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;QACNH,CAAC,CAACI,oBAAoB,EAAIJ,CAAC,CAACK,oBAAoB;QAC5CL,CAAC,CAACM,wBAAwB,EAAUN,CAAC,CAACO,wBAAwB;;MAEhF,CAAC;;MAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;QACnB,OAAOF,OAAO,CAACG,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;QACNH,CAAC,CAACU,0BAA0B,EAAIV,CAAC,CAACW,0BAA0B;;;MAG1E;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","_templateObject2","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACEF,CAAC,CAACG,oBAAoB,EAAIH,CAAC,CAACI,oBAAoB;IAC5CJ,CAAC,CAACK,wBAAwB,EAAUL,CAAC,CAACM,wBAAwB;;EAEhF,CAAC;;EAEDC,UAAU,WAAAA,WAACP,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACEF,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;EAG1E;AACF,CAAC,CAAC","ignoreList":[]}

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

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

package/components/MenuSeparator/__docs__/MenuSeparator.mdx

@@ -0,0 +1,24 @@
+import * as MenuSeparatorStories from './MenuSeparator.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MenuSeparatorStories} />
+
+# MenuSeparator
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/MiniModal/MiniModal/MiniModal.js

@@ -3,8 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["children", "theme"];
 import React, { useContext } from 'react';
 import { Modal } from "../../Modal";
-import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { getMiniModalTheme } from "../getMiniModalTheme";
 import { MiniModalFooter } from "../MiniModalFooter";
 import { MiniModalHeader } from "../MiniModalHeader";
@@ -17,6 +17,13 @@ export var MiniModalDataTids = {
   actions: 'MiniModal__actions',
   indent: 'MiniModal__indent'
 };
+
+/**
+ * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
+ * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
+ *
+ * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
+ */
 export var MiniModal = forwardRefAndName('MiniModal', function (_ref, ref) {
   var children = _ref.children,
     propsTheme = _ref.theme,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Modal","forwardRefAndName","ThemeContext","getMiniModalTheme","MiniModalFooter","MiniModalHeader","MiniModalBody","MiniModalIndent","MiniModalDataTids","icon","title","description","actions","indent","MiniModal","_ref","ref","children","propsTheme","theme","rest","_objectWithoutPropertiesLoose","_excluded","contextTheme","createElement","Provider","value","_extends","width","noClose","Header","Footer","Indent","Body"],"sources":["MiniModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n  icon: 'MiniModal__icon',\n  title: 'MiniModal__title',\n  description: 'MiniModal__description',\n  actions: 'MiniModal__actions',\n  indent: 'MiniModal__indent',\n} as const;\n\nexport const MiniModal = forwardRefAndName<\n  Modal,\n  ModalProps,\n  {\n    Header: typeof MiniModalHeader;\n    Indent: typeof MiniModalIndent;\n    Footer: typeof MiniModalFooter;\n    Body: typeof MiniModalBody;\n  }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n  const contextTheme = useContext(ThemeContext);\n\n  return (\n    <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n      <Modal width={400} noClose ref={ref} {...rest}>\n        {children}\n      </Modal>\n    </ThemeContext.Provider>\n  );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"],"mappings":"oMAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,KAAK,QAAoB,UAAU;AAC5C,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD,OAAO,IAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,wBAAwB;EACrCC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE;AACV,CAAU;;AAEV,OAAO,IAAMC,SAAS,GAAGb,iBAAiB;;;;;;;;;EASxC,WAAW,EAAE,UAAAc,IAAA,EAA2CC,GAAG,EAAK,KAAhDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAASC,UAAU,GAAAH,IAAA,CAAjBI,KAAK,CAAiBC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACpD,IAAMC,YAAY,GAAGxB,UAAU,CAACG,YAAY,CAAC;;IAE7C;MACEJ,KAAA,CAAA0B,aAAA,CAACtB,YAAY,CAACuB,QAAQ,IAACC,KAAK,EAAEvB,iBAAiB,CAACoB,YAAY,EAAEL,UAAU,CAAE;MACxEpB,KAAA,CAAA0B,aAAA,CAACxB,KAAK,EAAA2B,QAAA,GAACC,KAAK,EAAE,GAAI,EAACC,OAAO,QAACb,GAAG,EAAEA,GAAI,IAAKI,IAAI;MAC1CH;MACI;MACc,CAAC;;EAE5B,CAAC,CAAC;;AAEFH,SAAS,CAACgB,MAAM,GAAGzB,eAAe;AAClCS,SAAS,CAACiB,MAAM,GAAG3B,eAAe;AAClCU,SAAS,CAACkB,MAAM,GAAGzB,eAAe;AAClCO,SAAS,CAACmB,IAAI,GAAG3B,aAAa","ignoreList":[]}
+{"version":3,"names":["React","useContext","Modal","ThemeContext","forwardRefAndName","getMiniModalTheme","MiniModalFooter","MiniModalHeader","MiniModalBody","MiniModalIndent","MiniModalDataTids","icon","title","description","actions","indent","MiniModal","_ref","ref","children","propsTheme","theme","rest","_objectWithoutPropertiesLoose","_excluded","contextTheme","createElement","Provider","value","_extends","width","noClose","Header","Footer","Indent","Body"],"sources":["MiniModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalProps } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n  icon: 'MiniModal__icon',\n  title: 'MiniModal__title',\n  description: 'MiniModal__description',\n  actions: 'MiniModal__actions',\n  indent: 'MiniModal__indent',\n} as const;\n\n/**\n * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.\n * Закрытие окна по клику на фон или \"крестик\" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие \"Сохранить\", \"Подтвердить\" и т.п.\n *\n * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.\n */\nexport const MiniModal = forwardRefAndName<\n  Modal,\n  ModalProps,\n  {\n    Header: typeof MiniModalHeader;\n    Indent: typeof MiniModalIndent;\n    Footer: typeof MiniModalFooter;\n    Body: typeof MiniModalBody;\n  }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n  const contextTheme = useContext(ThemeContext);\n\n  return (\n    <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n      <Modal width={400} noClose ref={ref} {...rest}>\n        {children}\n      </Modal>\n    </ThemeContext.Provider>\n  );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"],"mappings":"oMAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,KAAK,QAAoB,UAAU;AAC5C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,iBAAiB,QAAQ,6BAA6B;;AAE/D,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD,OAAO,IAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,wBAAwB;EACrCC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE;AACV,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAGZ,iBAAiB;;;;;;;;;EASxC,WAAW,EAAE,UAAAa,IAAA,EAA2CC,GAAG,EAAK,KAAhDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAASC,UAAU,GAAAH,IAAA,CAAjBI,KAAK,CAAiBC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACpD,IAAMC,YAAY,GAAGxB,UAAU,CAACE,YAAY,CAAC;;IAE7C;MACEH,KAAA,CAAA0B,aAAA,CAACvB,YAAY,CAACwB,QAAQ,IAACC,KAAK,EAAEvB,iBAAiB,CAACoB,YAAY,EAAEL,UAAU,CAAE;MACxEpB,KAAA,CAAA0B,aAAA,CAACxB,KAAK,EAAA2B,QAAA,GAACC,KAAK,EAAE,GAAI,EAACC,OAAO,QAACb,GAAG,EAAEA,GAAI,IAAKI,IAAI;MAC1CH;MACI;MACc,CAAC;;EAE5B,CAAC,CAAC;;AAEFH,SAAS,CAACgB,MAAM,GAAGzB,eAAe;AAClCS,SAAS,CAACiB,MAAM,GAAG3B,eAAe;AAClCU,SAAS,CAACkB,MAAM,GAAGzB,eAAe;AAClCO,SAAS,CAACmB,IAAI,GAAG3B,aAAa","ignoreList":[]}

package/components/MiniModal/MiniModal.d.ts

@@ -10,6 +10,12 @@ export declare const MiniModalDataTids: {
     readonly actions: "MiniModal__actions";
     readonly indent: "MiniModal__indent";
 };
+/**
+ * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
+ * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
+ *
+ * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
+ */
 export declare const MiniModal: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Modal, ModalProps> & {
     Header: typeof MiniModalHeader;
     Indent: typeof MiniModalIndent;

package/components/MiniModal/MiniModal.md

@@ -1,13 +1,11 @@
 Этот компонент обёртка над [Modal](#/Components/Modal/Modal).
 
 `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий.
-Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в 
+Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в
 отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
 
 👉 По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
 
-Примеры использования:
-
 ### Уведомление
 
 Самый простой вариант использования:

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

@@ -1,41 +1,30 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { globalClasses as buttonGlobalClasses } from "../../Button/Button.styles";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    icon: function icon() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        text-align: center;\n      "])));
-    },
-    description: function description() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        text-align: center;\n      "])));
-    },
-    title: function title() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        text-align: center;\n      "])));
-    },
-    titleWithIcon: function titleWithIcon(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        margin-top: ", ";\n      "])), t.miniModalTitleMarginTop);
-    },
-    actions: function actions(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        justify-content: stretch;\n        text-align: center;\n        gap: ", ";\n\n        .", " {\n          width: 100%;\n        }\n      "])), t.miniModalActionGap, buttonGlobalClasses.root);
-    },
-    actionsIndent: function actionsIndent(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n      "])), t.miniModalCancelIndent);
-    },
-    actionsIndentIE11Fallback: function actionsIndentIE11Fallback(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        padding: ", " 0;\n      "])), t.miniModalCancelIndent);
-    },
-    actionsRow: function actionsRow() {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        flex-direction: row;\n      "])));
-    },
-    actionsColumn: function actionsColumn() {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        flex-direction: column;\n      "])));
-    },
-    actionsRowIE11Fallback: function actionsRowIE11Fallback(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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);
-    },
-    actionsColumnIE11Fallback: function actionsColumnIE11Fallback(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\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 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    "])));
+  },
+  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":["memoizeStyle","globalClasses","buttonGlobalClasses","getStyles","emotion","icon","css","_templateObject","_taggedTemplateLiteralLoose","description","_templateObject2","title","_templateObject3","titleWithIcon","t","_templateObject4","miniModalTitleMarginTop","actions","_templateObject5","miniModalActionGap","root","actionsIndent","_templateObject6","miniModalCancelIndent","actionsIndentIE11Fallback","_templateObject7","actionsRow","_templateObject8","actionsColumn","_templateObject9","actionsRowIE11Fallback","_templateObject10","actionsColumnIE11Fallback","_templateObject11"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    icon() {\n      return emotion.css`\n        text-align: center;\n      `;\n    },\n\n    description() {\n      return emotion.css`\n        text-align: center;\n      `;\n    },\n\n    title() {\n      return emotion.css`\n        text-align: center;\n      `;\n    },\n\n    titleWithIcon(t: Theme) {\n      return emotion.css`\n        margin-top: ${t.miniModalTitleMarginTop};\n      `;\n    },\n\n    actions(t: Theme) {\n      return emotion.css`\n        display: flex;\n        justify-content: stretch;\n        text-align: center;\n        gap: ${t.miniModalActionGap};\n\n        .${buttonGlobalClasses.root} {\n          width: 100%;\n        }\n      `;\n    },\n\n    actionsIndent(t: Theme) {\n      return emotion.css`\n        height: ${t.miniModalCancelIndent};\n      `;\n    },\n\n    actionsIndentIE11Fallback(t: Theme) {\n      return emotion.css`\n        padding: ${t.miniModalCancelIndent} 0;\n      `;\n    },\n\n    actionsRow() {\n      return emotion.css`\n        flex-direction: row;\n      `;\n    },\n\n    actionsColumn() {\n      return emotion.css`\n        flex-direction: column;\n      `;\n    },\n\n    actionsRowIE11Fallback(t: Theme) {\n      return emotion.css`\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    actionsColumnIE11Fallback(t: Theme) {\n      return emotion.css`\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,YAAY,QAAQ,2BAA2B;;AAExD,SAASC,aAAa,IAAIC,mBAAmB,QAAQ,yBAAyB;;AAE9E,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCJ,YAAY,CAAC;MACXK,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;MAGpB,CAAC;;MAEDC,WAAW,WAAAA,YAAA,EAAG;QACZ,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;MAGpB,CAAC;;MAEDG,KAAK,WAAAA,MAAA,EAAG;QACN,OAAOP,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;MAGpB,CAAC;;MAEDK,aAAa,WAAAA,cAACC,CAAQ,EAAE;QACtB,OAAOV,OAAO,CAACE,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;QACFM,CAAC,CAACE,uBAAuB;;MAE3C,CAAC;;MAEDC,OAAO,WAAAA,QAACH,CAAQ,EAAE;QAChB,OAAOV,OAAO,CAACE,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;QAITM,CAAC,CAACK,kBAAkB;;QAExBjB,mBAAmB,CAACkB,IAAI;;;;MAI/B,CAAC;;MAEDC,aAAa,WAAAA,cAACP,CAAQ,EAAE;QACtB,OAAOV,OAAO,CAACE,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;QACNM,CAAC,CAACS,qBAAqB;;MAErC,CAAC;;MAEDC,yBAAyB,WAAAA,0BAACV,CAAQ,EAAE;QAClC,OAAOV,OAAO,CAACE,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;QACLM,CAAC,CAACS,qBAAqB;;MAEtC,CAAC;;MAEDG,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOtB,OAAO,CAACE,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;MAGpB,CAAC;;MAEDoB,aAAa,WAAAA,cAAA,EAAG;QACd,OAAOxB,OAAO,CAACE,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;MAGpB,CAAC;;MAEDsB,sBAAsB,WAAAA,uBAAChB,CAAQ,EAAE;QAC/B,OAAOV,OAAO,CAACE,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAAvB,2BAAA;;QAEOM,CAAC,CAACK,kBAAkB;;;QAGrBL,CAAC,CAACK,kBAAkB;;;MAG9C,CAAC;;MAEDa,yBAAyB,WAAAA,0BAAClB,CAAQ,EAAE;QAClC,OAAOV,OAAO,CAACE,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAzB,2BAAA;;QAEAM,CAAC,CAACK,kBAAkB;;;QAGpBL,CAAC,CAACK,kBAAkB;;;MAGxC;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","globalClasses","buttonGlobalClasses","styles","icon","_templateObject","_taggedTemplateLiteralLoose","description","_templateObject2","title","_templateObject3","titleWithIcon","t","_templateObject4","miniModalTitleMarginTop","actions","_templateObject5","root","actionsIndent","_templateObject6","miniModalCancelIndent","actionsRow","_templateObject7","miniModalActionGap","actionsColumn","_templateObject8"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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  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":"kPAAA,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,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,aAAa,WAAAA,cAACC,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACMM,CAAC,CAACE,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;;IAKLJ,mBAAmB,CAACe,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACGM,CAAC,CAACQ,qBAAqB;;EAEtC,CAAC;;EAEDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;IACnB,OAAOb,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;IAGeM,CAAC,CAACW,kBAAkB;;;IAGrBX,CAAC,CAACW,kBAAkB;;;EAG9C,CAAC;;EAEDC,aAAa,WAAAA,cAACZ,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;IAGQM,CAAC,CAACW,kBAAkB;;;IAGpBX,CAAC,CAACW,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,15 +1,11 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     icon(): string;
     description(): string;
     title(): string;
     titleWithIcon(t: Theme): string;
-    actions(t: Theme): string;
+    actions(): string;
     actionsIndent(t: Theme): string;
-    actionsIndentIE11Fallback(t: Theme): string;
-    actionsRow(): string;
-    actionsColumn(): string;
-    actionsRowIE11Fallback(t: Theme): string;
-    actionsColumnIE11Fallback(t: Theme): string;
+    actionsRow(t: Theme): string;
+    actionsColumn(t: Theme): string;
 };

package/components/MiniModal/MiniModalBody/MiniModalBody.js

@@ -3,9 +3,8 @@ var _excluded = ["children"];
 import React from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { Modal } from "../../Modal";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { MiniModalDataTids } from "../MiniModal";
-import { getStyles } from "../MiniModal.styles";
+import { styles } from "../MiniModal.styles";
 
 /**
  * Обёртка над Modal.Body
@@ -16,16 +15,11 @@ export var MiniModalBody = forwardRefAndName('MiniModalBody', function (_ref, re
   var children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/(
-    React.createElement(EmotionConsumer, null, function (emotion) {
-      var styles = getStyles(emotion);
-      return /*#__PURE__*/(
-        React.createElement(Modal.Body, rest, /*#__PURE__*/
-        React.createElement("div", {
-          "data-tid": MiniModalDataTids.description,
-          ref: ref,
-          className: styles.description()
-        }, children))
-      );
-    })
+    React.createElement(Modal.Body, rest, /*#__PURE__*/
+    React.createElement("div", {
+      "data-tid": MiniModalDataTids.description,
+      ref: ref,
+      className: styles.description()
+    }, children))
   );
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRefAndName","Modal","EmotionConsumer","MiniModalDataTids","getStyles","MiniModalBody","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","emotion","styles","Body","description","className"],"sources":["MiniModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { Modal, ModalBodyProps } from '../Modal';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\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    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <Modal.Body {...rest}>\n              <div data-tid={MiniModalDataTids.description} ref={ref} className={styles.description()}>\n                {children}\n              </div>\n            </Modal.Body>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  },\n);\n"],"mappings":"iIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,KAAK,QAAwB,UAAU;AAChD,SAASC,eAAe,QAAQ,2BAA2B;;AAE3D,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;MACEZ,KAAA,CAAAa,aAAA,CAACV,eAAe;MACb,UAACW,OAAO,EAAK;QACZ,IAAMC,MAAM,GAAGV,SAAS,CAACS,OAAO,CAAC;QACjC;UACEd,KAAA,CAAAa,aAAA,CAACX,KAAK,CAACc,IAAI,EAAKN,IAAI;UAClBV,KAAA,CAAAa,aAAA,UAAK,YAAUT,iBAAiB,CAACa,WAAY,EAACT,GAAG,EAAEA,GAAI,EAACU,SAAS,EAAEH,MAAM,CAACE,WAAW,CAAC,CAAE;UACrFR;UACE;UACK,CAAC;;MAEjB;MACe,CAAC;;EAEtB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","forwardRefAndName","Modal","MiniModalDataTids","styles","MiniModalBody","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","Body","description","className"],"sources":["MiniModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { Modal, ModalBodyProps } from '../Modal';\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        <div data-tid={MiniModalDataTids.description} ref={ref} className={styles.description()}>\n          {children}\n        </div>\n      </Modal.Body>\n    );\n  },\n);\n"],"mappings":"iIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,KAAK,QAAwB,UAAU;;AAEhD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGJ,iBAAiB;EAC5C,eAAe;EACf,UAAAK,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB;MACEX,KAAA,CAAAY,aAAA,CAACV,KAAK,CAACW,IAAI,EAAKJ,IAAI;MAClBT,KAAA,CAAAY,aAAA,UAAK,YAAUT,iBAAiB,CAACW,WAAY,EAACP,GAAG,EAAEA,GAAI,EAACQ,SAAS,EAAEX,MAAM,CAACU,WAAW,CAAC,CAAE;MACrFN;MACE;MACK,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalFooter/MiniModalFooter.js

@@ -3,10 +3,9 @@ var _excluded = ["direction", "children"];
 import React, { useContext } from 'react';
 import { Modal } from "../../Modal";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { isIE11 } from "../../../lib/client";
-import { EmotionContext } from "../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../MiniModal.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 
 /**
@@ -20,19 +19,14 @@ export var MiniModalFooter = forwardRefAndName('MiniModalFooter', function (_ref
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
-  var styles = getStyles(emotion);
   var childrenCount = React.Children.count(children);
   var _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;
-
-  // IE11 does not support CSS property `gap`
-  var IE11FallbackClasses = isIE11 && emotion.cx(_direction === 'row' && styles.actionsRowIE11Fallback(theme), _direction === 'column' && styles.actionsColumnIE11Fallback(theme));
   return /*#__PURE__*/(
     React.createElement(Modal.Footer, rest, /*#__PURE__*/
     React.createElement("div", {
       ref: ref,
       "data-tid": MiniModalDataTids.actions,
-      className: emotion.cx(styles.actions(theme), _direction === 'row' && styles.actionsRow(), _direction === 'column' && styles.actionsColumn(), IE11FallbackClasses)
+      className: cx(styles.actions(), _direction === 'row' && styles.actionsRow(theme), _direction === 'column' && styles.actionsColumn(theme))
     }, children))
   );
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Modal","forwardRefAndName","isIE11","EmotionContext","ThemeContext","getStyles","MiniModalDataTids","MiniModalFooter","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","emotion","styles","childrenCount","Children","count","_direction","IE11FallbackClasses","cx","actionsRowIE11Fallback","actionsColumnIE11Fallback","createElement","Footer","actions","className","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalFooterProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { isIE11 } from '../../lib/client';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /**\n   * Направление позиционирования кнопок.\n   * `row` работает только для 2 элементов,\n   * в других случаях автоматически включиться `column`.\n   *\n   * @default row\n   */\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 emotion = useContext(EmotionContext);\n    const styles = getStyles(emotion);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    // IE11 does not support CSS property `gap`\n    const IE11FallbackClasses =\n      isIE11 &&\n      emotion.cx(\n        _direction === 'row' && styles.actionsRowIE11Fallback(theme),\n        _direction === 'column' && styles.actionsColumnIE11Fallback(theme),\n      );\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={emotion.cx(\n            styles.actions(theme),\n            _direction === 'row' && styles.actionsRow(),\n            _direction === 'column' && styles.actionsColumn(),\n            IE11FallbackClasses,\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"8IAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,KAAK,QAA0B,UAAU;AAClD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;;;;;;AAa/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAO,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,IAAMa,OAAO,GAAGlB,UAAU,CAACI,cAAc,CAAC;IAC1C,IAAMe,MAAM,GAAGb,SAAS,CAACY,OAAO,CAAC;;IAEjC,IAAME,aAAa,GAAGrB,KAAK,CAACsB,QAAQ,CAACC,KAAK,CAACT,QAAQ,CAAC;IACpD,IAAMU,UAAU,GAAGH,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGR,SAAS;;IAElF;IACA,IAAMY,mBAAmB;IACvBrB,MAAM;IACNe,OAAO,CAACO,EAAE;MACRF,UAAU,KAAK,KAAK,IAAIJ,MAAM,CAACO,sBAAsB,CAACT,KAAK,CAAC;MAC5DM,UAAU,KAAK,QAAQ,IAAIJ,MAAM,CAACQ,yBAAyB,CAACV,KAAK;IACnE,CAAC;;IAEH;MACElB,KAAA,CAAA6B,aAAA,CAAC3B,KAAK,CAAC4B,MAAM,EAAKf,IAAI;MACpBf,KAAA,CAAA6B,aAAA;QACElB,GAAG,EAAEA,GAAI;QACT,YAAUH,iBAAiB,CAACuB,OAAQ;QACpCC,SAAS,EAAEb,OAAO,CAACO,EAAE;UACnBN,MAAM,CAACW,OAAO,CAACb,KAAK,CAAC;UACrBM,UAAU,KAAK,KAAK,IAAIJ,MAAM,CAACa,UAAU,CAAC,CAAC;UAC3CT,UAAU,KAAK,QAAQ,IAAIJ,MAAM,CAACc,aAAa,CAAC,CAAC;UACjDT;QACF,CAAE;;MAEDX;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"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 { Modal, ModalFooterProps } 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;;AAEzC,SAASC,KAAK,QAA0B,UAAU;AAClD,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":[]}

package/components/MiniModal/MiniModalFooter.d.ts

@@ -1,12 +1,7 @@
 import { ModalFooterProps } from '../Modal';
 interface MiniModalFooterProps extends ModalFooterProps {
-    /**
-     * Направление позиционирования кнопок.
-     * `row` работает только для 2 элементов,
-     * в других случаях автоматически включиться `column`.
-     *
-     * @default row
-     */
+    /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.
+     * @default row */
     direction?: 'row' | 'column';
 }
 /**

package/components/MiniModal/MiniModalHeader/MiniModalHeader.js

@@ -4,9 +4,9 @@ import React, { useContext } from 'react';
 import { Modal } from "../../Modal";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { InfoCircleIcon64Regular } from "../../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular";
-import { EmotionContext } from "../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../MiniModal.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 
 /**
@@ -15,14 +15,12 @@ import { MiniModalDataTids } from "../MiniModal";
  * @visibleName MiniModal.Header
  */
 export var MiniModalHeader = forwardRefAndName('MiniModalHeader', function (_ref, ref) {
-  var _emotion$cx;
+  var _cx;
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(InfoCircleIcon64Regular, null) : _ref$icon,
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
-  var styles = getStyles(emotion);
   return /*#__PURE__*/(
     React.createElement(Modal.Header, rest, /*#__PURE__*/
     React.createElement("div", {
@@ -34,7 +32,7 @@ export var MiniModalHeader = forwardRefAndName('MiniModalHeader', function (_ref
     }, icon), children && /*#__PURE__*/
     React.createElement("div", {
       "data-tid": MiniModalDataTids.title,
-      className: emotion.cx(styles.title(), (_emotion$cx = {}, _emotion$cx[styles.titleWithIcon(theme)] = !!icon, _emotion$cx))
+      className: cx(styles.title(), (_cx = {}, _cx[styles.titleWithIcon(theme)] = !!icon, _cx))
     }, children)))
   );
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Modal","forwardRefAndName","InfoCircleIcon64Regular","EmotionContext","ThemeContext","getStyles","MiniModalDataTids","MiniModalHeader","_ref","ref","_emotion$cx","_ref$icon","icon","createElement","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","emotion","styles","Header","className","title","cx","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { Modal, ModalHeaderProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /**\n   * Пиктограмма в шапке компонента.\n   *\n   * @default InfoCircleIcon64Regular\n   */\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 emotion = useContext(EmotionContext);\n    const styles = getStyles(emotion);\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={emotion.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":"yIAAA,OAAOA,KAAK,IAAeC,UAAU,QAAQ,OAAO;;AAEpD,SAASC,KAAK,QAA0B,UAAU;AAClD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,uBAAuB,QAAQ,iEAAiE;AACzG,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;;;;AAW/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAO,IAAA,EAA4DC,GAAG,EAAK,KAAAC,WAAA,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,CAACK,YAAY,CAAC;IACtC,IAAMe,OAAO,GAAGpB,UAAU,CAACI,cAAc,CAAC;IAC1C,IAAMiB,MAAM,GAAGf,SAAS,CAACc,OAAO,CAAC;;IAEjC;MACErB,KAAA,CAAAe,aAAA,CAACb,KAAK,CAACqB,MAAM,EAAKN,IAAI;MACpBjB,KAAA,CAAAe,aAAA,UAAKJ,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHd,KAAA,CAAAe,aAAA,UAAK,YAAUP,iBAAiB,CAACM,IAAK,EAACU,SAAS,EAAEF,MAAM,CAACR,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAE,QAAQ;MACPhB,KAAA,CAAAe,aAAA;QACE,YAAUP,iBAAiB,CAACiB,KAAM;QAClCD,SAAS,EAAEH,OAAO,CAACK,EAAE,CAACJ,MAAM,CAACG,KAAK,CAAC,CAAC,GAAAb,WAAA,OAAAA,WAAA;QACjCU,MAAM,CAACK,aAAa,CAACP,KAAK,CAAC,IAAG,CAAC,CAACN,IAAI,EAAAF,WAAA;QACtC,CAAE;;MAEFI;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"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 React, { ReactNode, useContext } from 'react';\n\nimport { Modal, ModalHeaderProps } 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":"yIAAA,OAAOA,KAAK,IAAeC,UAAU,QAAQ,OAAO;;AAEpD,SAASC,KAAK,QAA0B,UAAU;AAClD,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":[]}

package/components/MiniModal/MiniModalHeader.d.ts

@@ -1,11 +1,8 @@
 import { ReactNode } from 'react';
 import { ModalHeaderProps } from '../Modal';
 interface MiniModalHeaderProps extends ModalHeaderProps {
-    /**
-     * Пиктограмма в шапке компонента.
-     *
-     * @default InfoCircleIcon64Regular
-     */
+    /** Задает иконку в шапку компонента.
+     * @default InfoCircleIcon64Regular */
     icon?: ReactNode;
 }
 /**

package/components/MiniModal/MiniModalIndent/MiniModalIndent.js

@@ -3,10 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["children"];
 import React, { useContext } from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { EmotionContext } from "../../../lib/theming/Emotion";
-import { isIE11 } from "../../../lib/client";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../MiniModal.styles";
+import { styles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 
 /**
@@ -18,13 +16,9 @@ export var MiniModalIndent = forwardRefAndName('MiniModalIndent', function (_ref
   var children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
-  var styles = getStyles(emotion);
-  return /*#__PURE__*/(
-    React.createElement("div", _extends({
-      "data-tid": MiniModalDataTids.indent,
-      ref: ref,
-      className: emotion.cx(!isIE11 ? styles.actionsIndent(theme) : styles.actionsIndentIE11Fallback(theme))
-    }, rest))
-  );
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-tid": MiniModalDataTids.indent,
+    ref: ref,
+    className: styles.actionsIndent(theme)
+  }, rest));
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","forwardRefAndName","EmotionContext","isIE11","ThemeContext","getStyles","MiniModalDataTids","MiniModalIndent","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","emotion","styles","createElement","_extends","indent","className","cx","actionsIndent","actionsIndentIE11Fallback"],"sources":["MiniModalIndent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\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 theme = useContext(ThemeContext);\n    const emotion = useContext(EmotionContext);\n    const styles = getStyles(emotion);\n\n    return (\n      <div\n        data-tid={MiniModalDataTids.indent}\n        ref={ref}\n        className={emotion.cx(!isIE11 ? styles.actionsIndent(theme) : styles.actionsIndentIE11Fallback(theme))}\n        {...rest}\n      />\n    );\n  },\n);\n"],"mappings":"2LAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,aAAa;;AAE/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAO,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB,IAAMC,KAAK,GAAGd,UAAU,CAACI,YAAY,CAAC;IACtC,IAAMW,OAAO,GAAGf,UAAU,CAACE,cAAc,CAAC;IAC1C,IAAMc,MAAM,GAAGX,SAAS,CAACU,OAAO,CAAC;;IAEjC;MACEhB,KAAA,CAAAkB,aAAA,QAAAC,QAAA;QACE,YAAUZ,iBAAiB,CAACa,MAAO;QACnCV,GAAG,EAAEA,GAAI;QACTW,SAAS,EAAEL,OAAO,CAACM,EAAE,CAAC,CAAClB,MAAM,GAAGa,MAAM,CAACM,aAAa,CAACR,KAAK,CAAC,GAAGE,MAAM,CAACO,yBAAyB,CAACT,KAAK,CAAC,CAAE;MACnGH,IAAI;MACT,CAAC;;EAEN;AACF,CAAC","ignoreList":[]}
+{"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":[]}

package/components/MiniModal/__docs__/MiniModal.mdx

@@ -0,0 +1,28 @@
+import * as MiniModalStories from './MiniModal.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalStories} />
+
+# MiniModal
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/modal/#Mini-modalka)
+
+[Компонент в Figma](https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=21689-33399&t=agVpD90pHKOeCgsR-4)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/MiniModal/__docs__/MiniModalBody.mdx

@@ -0,0 +1,17 @@
+import { ArgTypes } from '@storybook/blocks';
+
+import { linkTo } from '@storybook/addon-links';
+import { Link } from '../../Link';
+import * as MiniModalBodyStories from '../__docs__/MiniModalBody.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalBodyStories} />
+
+# MiniModalBody
+
+Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalBody')}>Modal.Body</Link>
+
+## Пропы
+
+<ArgTypes />

package/components/MiniModal/__docs__/MiniModalFooter.mdx

@@ -0,0 +1,17 @@
+import { ArgTypes } from '@storybook/blocks';
+
+import { linkTo } from '@storybook/addon-links';
+import { Link } from '../../Link';
+import * as MiniModalFooterStories from '../__docs__/MiniModalFooter.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalFooterStories} />
+
+# MiniModalFooter
+
+Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalFooter')}>Modal.Footer</Link>
+
+## Пропы
+
+<ArgTypes />