@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

package/components/MenuItem/MenuItem.styles/MenuItem.styles.js

@@ -4,14 +4,10 @@ import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
 import { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from "../MenuItem.mixins";
 export var getMenuItemPaddings = function getMenuItemPaddings(_ref) {
-  var menuItemLegacyPaddingX = _ref.menuItemLegacyPaddingX,
-    menuItemPaddingX = _ref.menuItemPaddingX,
-    menuItemLegacyPaddingY = _ref.menuItemLegacyPaddingY,
+  var menuItemPaddingX = _ref.menuItemPaddingX,
     menuItemPaddingY = _ref.menuItemPaddingY;
-  var legacyPaddingX = parseFloat(menuItemLegacyPaddingX);
-  var legacyPaddingY = parseFloat(menuItemLegacyPaddingY);
-  var paddingX = legacyPaddingX !== 0 ? parseFloat(menuItemPaddingX) + legacyPaddingX + "px" : menuItemPaddingX;
-  var paddingY = legacyPaddingY !== 0 ? parseFloat(menuItemPaddingY) + legacyPaddingY + "px" : menuItemPaddingY;
+  var paddingX = menuItemPaddingX;
+  var paddingY = menuItemPaddingY;
   return {
     paddingX: paddingX,
     paddingY: paddingY
@@ -22,13 +18,13 @@ export var styles = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      cursor: pointer;\n      display: ", ";\n      position: relative;\n      text-decoration: none;\n      color: ", ";\n      border-radius: ", ";\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ", ";\n      }\n    "])), resetButton(), t.menuItemDisplay, t.menuItemTextColor, t.menuItemBorderRadius, t.menuItemGap);
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemLegacyPaddingX, t.menuItemPaddingXSmall, t.menuItemLegacyPaddingY, t.menuItemPaddingYSmall, t.menuItemLineHeightSmall, t.menuItemFontSizeSmall));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXSmall, t.menuItemPaddingYSmall, t.menuItemLineHeightSmall, t.menuItemFontSizeSmall));
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemLegacyPaddingX, t.menuItemPaddingXMedium, t.menuItemLegacyPaddingY, t.menuItemPaddingYMedium, t.menuItemLineHeightMedium, t.menuItemFontSizeMedium));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXMedium, t.menuItemPaddingYMedium, t.menuItemLineHeightMedium, t.menuItemFontSizeMedium));
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemLegacyPaddingX, t.menuItemPaddingXLarge, t.menuItemLegacyPaddingY, t.menuItemPaddingYLarge, t.menuItemLineHeightLarge, t.menuItemFontSizeLarge));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), menuItemSizeMixin(t.menuItemPaddingXLarge, t.menuItemPaddingYLarge, t.menuItemLineHeightLarge, t.menuItemFontSizeLarge));
   },
   rootMobile: function rootMobile(t) {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuItemFontSizeMobile, t.menuItemLineHeightMobile, t.menuItemPaddingMobile);
@@ -64,17 +60,17 @@ export var styles = memoizeStyle({
   commentHover: function commentHover(t) {
     return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      opacity: 0.6;\n    "])), t.menuItemCommentColorHover);
   },
-  icon: function icon(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      transform: translateY(", ");\n    "])), t.menuItemIconLegacyShift);
+  icon: function icon() {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    "])));
   },
   iconSmall: function iconSmall(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall, t.menuItemIconLegacyMargin));
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
   },
   iconMedium: function iconMedium(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium, t.menuItemIconLegacyMargin));
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
   },
   iconLarge: function iconLarge(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge, t.menuItemIconLegacyMargin));
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
   },
   mobileContentWithIcon: function mobileContentWithIcon() {
     return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      margin-left: 8px;\n    "])));

package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","resetButton","iconSizeMixin","menuItemSizeMixin","withIconSizeMixin","getMenuItemPaddings","_ref","menuItemLegacyPaddingX","menuItemPaddingX","menuItemLegacyPaddingY","menuItemPaddingY","legacyPaddingX","parseFloat","legacyPaddingY","paddingX","paddingY","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","_templateObject2","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","_templateObject3","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","_templateObject4","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","_templateObject5","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","_templateObject6","menuItemHoverBg","menuItemHoverColor","selected","_templateObject7","menuItemSelectedBg","disabled","_templateObject8","menuItemDisabledBg","menuItemDisabledColor","link","_templateObject9","menuItemLinkColor","loose","_templateObject10","withIconSmall","_templateObject11","menuItemPaddingForIconSmall","withIconMedium","_templateObject12","menuItemPaddingForIconMedium","withIconLarge","_templateObject13","menuItemPaddingForIconLarge","comment","_templateObject14","menuItemCommentColor","menuItemCommentOpacity","commentHover","_templateObject15","menuItemCommentColorHover","icon","_templateObject16","menuItemIconLegacyShift","iconSmall","_templateObject17","menuItemIconWidthSmall","menuItemIconLegacyMargin","iconMedium","_templateObject18","menuItemIconWidthMedium","iconLarge","_templateObject19","menuItemIconWidthLarge","mobileContentWithIcon","_templateObject20"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemLegacyPaddingX,\n  menuItemPaddingX,\n  menuItemLegacyPaddingY,\n  menuItemPaddingY,\n}: Record<'menuItemLegacyPaddingX' | 'menuItemPaddingX' | 'menuItemLegacyPaddingY' | 'menuItemPaddingY', string>) => {\n  const legacyPaddingX = parseFloat(menuItemLegacyPaddingX);\n  const legacyPaddingY = parseFloat(menuItemLegacyPaddingY);\n\n  const paddingX = legacyPaddingX !== 0 ? `${parseFloat(menuItemPaddingX) + legacyPaddingX}px` : menuItemPaddingX;\n  const paddingY = legacyPaddingY !== 0 ? `${parseFloat(menuItemPaddingY) + legacyPaddingY}px` : menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: ${t.menuItemDisplay};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ${t.menuItemGap};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXSmall,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXMedium,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXLarge,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYLarge,\n        t.menuItemLineHeightLarge,\n        t.menuItemFontSizeLarge,\n      )};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuItemFontSizeMobile};\n      line-height: ${t.menuItemLineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: ${t.menuItemDisabledBg};\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIconSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withIconMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withIconLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      opacity: ${t.menuItemCommentOpacity};\n      white-space: normal;\n      padding-top: 4px;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      transform: translateY(${t.menuItemIconLegacyShift});\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","resetButton","iconSizeMixin","menuItemSizeMixin","withIconSizeMixin","getMenuItemPaddings","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","_templateObject2","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","_templateObject3","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","_templateObject4","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","_templateObject5","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","_templateObject6","menuItemHoverBg","menuItemHoverColor","selected","_templateObject7","menuItemSelectedBg","disabled","_templateObject8","menuItemDisabledBg","menuItemDisabledColor","link","_templateObject9","menuItemLinkColor","loose","_templateObject10","withIconSmall","_templateObject11","menuItemPaddingForIconSmall","withIconMedium","_templateObject12","menuItemPaddingForIconMedium","withIconLarge","_templateObject13","menuItemPaddingForIconLarge","comment","_templateObject14","menuItemCommentColor","menuItemCommentOpacity","commentHover","_templateObject15","menuItemCommentColorHover","icon","_templateObject16","iconSmall","_templateObject17","menuItemIconWidthSmall","iconMedium","_templateObject18","menuItemIconWidthMedium","iconLarge","_templateObject19","menuItemIconWidthLarge","mobileContentWithIcon","_templateObject20"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemPaddingX,\n  menuItemPaddingY,\n}: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {\n  const paddingX = menuItemPaddingX;\n  const paddingY = menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: ${t.menuItemDisplay};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ${t.menuItemGap};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXSmall,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXMedium,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemPaddingXLarge,\n        t.menuItemPaddingYLarge,\n        t.menuItemLineHeightLarge,\n        t.menuItemFontSizeLarge,\n      )};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuItemFontSizeMobile};\n      line-height: ${t.menuItemLineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: ${t.menuItemDisabledBg};\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIconSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withIconMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withIconLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      opacity: ${t.menuItemCommentOpacity};\n      white-space: normal;\n      padding-top: 4px;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon() {\n    return css`\n      display: inline-block;\n      position: absolute;\n      transform: translateY(0px); // icon shifts one pixel up in firefox on medium size without this property\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/MenuItem/MenuItem.styles.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const getMenuItemPaddings: ({ menuItemLegacyPaddingX, menuItemPaddingX, menuItemLegacyPaddingY, menuItemPaddingY, }: Record<'menuItemLegacyPaddingX' | 'menuItemPaddingX' | 'menuItemLegacyPaddingY' | 'menuItemPaddingY', string>) => {
+export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {
     paddingX: string;
     paddingY: string;
 };
@@ -19,7 +19,7 @@ export declare const styles: {
     withIconLarge(t: Theme): string;
     comment(t: Theme): string;
     commentHover(t: Theme): string;
-    icon(t: Theme): string;
+    icon(): string;
     iconSmall(t: Theme): string;
     iconMedium(t: Theme): string;
     iconLarge(t: Theme): string;

package/components/MenuItem/__docs__/MenuItem.mdx

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

package/components/MenuSeparator/MenuSeparator/MenuSeparator.js

@@ -7,10 +7,11 @@ import { styles } from "../MenuSeparator.styles";
 export var MenuSeparatorDataTids = {
   root: 'MenuSeparator__root'
 };
+
 /**
- * Добавляет разделительную линию между элементами меню.
+ * `MenuSeparator` добавляет разделительную линию между элементами меню.
  *
- * Сущности в которых может быть использован `MenuSeparator`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
 function MenuSeparator(props) {
   var theme = useContext(ThemeContext);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","cx","ThemeContext","CommonWrapper","ResponsiveLayout","styles","MenuSeparatorDataTids","root","MenuSeparator","props","theme","createElement","_ref","_cx","isMobile","className","rootMobile","__KONTUR_REACT_UI__","displayName"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n  root: 'MenuSeparator__root',\n} as const;\n/**\n * Добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...props}>\n      <ResponsiveLayout>\n        {({ isMobile }) => {\n          return (\n            <div\n              data-tid={MenuSeparatorDataTids.root}\n              className={cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n            />\n          );\n        }}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\nMenuSeparator.displayName = 'MenuSeparator';\n\nexport { MenuSeparator };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAAsBC,aAAa,QAAQ,8BAA8B;AACzE,SAASC,gBAAgB,QAAQ,qBAAqB;;AAEtD,SAASC,MAAM,QAAQ,wBAAwB;;;;AAI/C,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE;AACR,CAAU;AACV;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,KAAyB,EAAE;EAChD,IAAMC,KAAK,GAAGV,UAAU,CAACE,YAAY,CAAC;;EAEtC;IACEH,KAAA,CAAAY,aAAA,CAACR,aAAa,EAAKM,KAAK;IACtBV,KAAA,CAAAY,aAAA,CAACP,gBAAgB;IACd,UAAAQ,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACV;QACEf,KAAA,CAAAY,aAAA;UACE,YAAUL,qBAAqB,CAACC,IAAK;UACrCQ,SAAS,EAAEd,EAAE,EAAAY,GAAA,OAAAA,GAAA,CAAIR,MAAM,CAACE,IAAI,CAACG,KAAK,CAAC,IAAG,IAAI,EAAAG,GAAA,CAAGR,MAAM,CAACW,UAAU,CAACN,KAAK,CAAC,IAAGI,QAAQ,EAAAD,GAAA,CAAE,CAAE;QACrF,CAAC;;IAEN;IACgB;IACL,CAAC;;AAEpB;;AAEAL,aAAa,CAACS,mBAAmB,GAAG,eAAe;AACnDT,aAAa,CAACU,WAAW,GAAG,eAAe;;AAE3C,SAASV,aAAa","ignoreList":[]}
+{"version":3,"names":["React","useContext","cx","ThemeContext","CommonWrapper","ResponsiveLayout","styles","MenuSeparatorDataTids","root","MenuSeparator","props","theme","createElement","_ref","_cx","isMobile","className","rootMobile","__KONTUR_REACT_UI__","displayName"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n  root: 'MenuSeparator__root',\n} as const;\n\n/**\n * `MenuSeparator` добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...props}>\n      <ResponsiveLayout>\n        {({ isMobile }) => {\n          return (\n            <div\n              data-tid={MenuSeparatorDataTids.root}\n              className={cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n            />\n          );\n        }}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\nMenuSeparator.displayName = 'MenuSeparator';\n\nexport { MenuSeparator };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAAsBC,aAAa,QAAQ,8BAA8B;AACzE,SAASC,gBAAgB,QAAQ,qBAAqB;;AAEtD,SAASC,MAAM,QAAQ,wBAAwB;;;;AAI/C,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,KAAyB,EAAE;EAChD,IAAMC,KAAK,GAAGV,UAAU,CAACE,YAAY,CAAC;;EAEtC;IACEH,KAAA,CAAAY,aAAA,CAACR,aAAa,EAAKM,KAAK;IACtBV,KAAA,CAAAY,aAAA,CAACP,gBAAgB;IACd,UAAAQ,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACV;QACEf,KAAA,CAAAY,aAAA;UACE,YAAUL,qBAAqB,CAACC,IAAK;UACrCQ,SAAS,EAAEd,EAAE,EAAAY,GAAA,OAAAA,GAAA,CAAIR,MAAM,CAACE,IAAI,CAACG,KAAK,CAAC,IAAG,IAAI,EAAAG,GAAA,CAAGR,MAAM,CAACW,UAAU,CAACN,KAAK,CAAC,IAAGI,QAAQ,EAAAD,GAAA,CAAE,CAAE;QACrF,CAAC;;IAEN;IACgB;IACL,CAAC;;AAEpB;;AAEAL,aAAa,CAACS,mBAAmB,GAAG,eAAe;AACnDT,aAAa,CAACU,WAAW,GAAG,eAAe;;AAE3C,SAASV,aAAa","ignoreList":[]}

package/components/MenuSeparator/MenuSeparator.d.ts

@@ -5,9 +5,9 @@ export declare const MenuSeparatorDataTids: {
     readonly root: "MenuSeparator__root";
 };
 /**
- * Добавляет разделительную линию между элементами меню.
+ * `MenuSeparator` добавляет разделительную линию между элементами меню.
  *
- * Сущности в которых может быть использован `MenuSeparator`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
  */
 declare function MenuSeparator(props: MenuSeparatorProps): React.JSX.Element;
 declare namespace MenuSeparator {

package/components/MenuSeparator/MenuSeparator.md

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

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

@@ -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","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\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,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":[]}
+{"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,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+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 styles = memoizeStyle({
@@ -15,25 +15,16 @@ export var styles = memoizeStyle({
   titleWithIcon: function titleWithIcon(t) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      margin-top: ", ";\n    "])), t.miniModalTitleMarginTop);
   },
-  actions: function actions(t) {
-    return 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);
+  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      height: ", ";\n    "])), t.miniModalCancelIndent);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.miniModalCancelIndent);
   },
-  actionsIndentIE11Fallback: function actionsIndentIE11Fallback(t) {
-    return css(_templateObject7 || (_templateObject7 = _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);
   },
-  actionsRow: function actionsRow() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      flex-direction: row;\n    "])));
-  },
-  actionsColumn: function actionsColumn() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      flex-direction: column;\n    "])));
-  },
-  actionsRowIE11Fallback: function actionsRowIE11Fallback(t) {
-    return 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 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);
+  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","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 { 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(t: Theme) {\n    return 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 css`\n      height: ${t.miniModalCancelIndent};\n    `;\n  },\n\n  actionsIndentIE11Fallback(t: Theme) {\n    return css`\n      padding: ${t.miniModalCancelIndent} 0;\n    `;\n  },\n\n  actionsRow() {\n    return css`\n      flex-direction: row;\n    `;\n  },\n\n  actionsColumn() {\n    return css`\n      flex-direction: column;\n    `;\n  },\n\n  actionsRowIE11Fallback(t: Theme) {\n    return 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 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":"0SAAA,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,QAACH,CAAQ,EAAE;IAChB,OAAOb,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;IAIDM,CAAC,CAACK,kBAAkB;;IAExBf,mBAAmB,CAACgB,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACP,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACEM,CAAC,CAACS,qBAAqB;;EAErC,CAAC;;EAEDC,yBAAyB,WAAAA,0BAACV,CAAQ,EAAE;IAClC,OAAOb,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACGM,CAAC,CAACS,qBAAqB;;EAEtC,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;EAGZ,CAAC;;EAEDoB,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO3B,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;EAGZ,CAAC;;EAEDsB,sBAAsB,WAAAA,uBAAChB,CAAQ,EAAE;IAC/B,OAAOb,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAvB,2BAAA;;IAEeM,CAAC,CAACK,kBAAkB;;;IAGrBL,CAAC,CAACK,kBAAkB;;;EAG9C,CAAC;;EAEDa,yBAAyB,WAAAA,0BAAClB,CAAQ,EAAE;IAClC,OAAOb,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAAzB,2BAAA;;IAEQM,CAAC,CAACK,kBAAkB;;;IAGpBL,CAAC,CAACK,kBAAkB;;;EAGxC;AACF,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

@@ -4,11 +4,8 @@ export declare const styles: {
     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/MiniModalFooter/MiniModalFooter.js

@@ -4,7 +4,6 @@ import React, { useContext } from 'react';
 import { Modal } from "../../Modal";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { isIE11 } from "../../../lib/client";
 import { cx } from "../../../lib/theming/Emotion";
 import { styles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
@@ -22,15 +21,12 @@ export var MiniModalFooter = forwardRefAndName('MiniModalFooter', function (_ref
   var theme = useContext(ThemeContext);
   var childrenCount = React.Children.count(children);
   var _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;
-
-  // IE11 does not support CSS property `gap`
-  var IE11FallbackClasses = isIE11 && 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: 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","ThemeContext","isIE11","cx","styles","MiniModalDataTids","MiniModalFooter","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","childrenCount","Children","count","_direction","IE11FallbackClasses","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 { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isIE11 } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } 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\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      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={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,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,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,CAACG,YAAY,CAAC;;IAEtC,IAAMe,aAAa,GAAGnB,KAAK,CAACoB,QAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC;IACpD,IAAMQ,UAAU,GAAGH,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGN,SAAS;;IAElF;IACA,IAAMU,mBAAmB;IACvBlB,MAAM;IACNC,EAAE;MACAgB,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACiB,sBAAsB,CAACN,KAAK,CAAC;MAC5DI,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACkB,yBAAyB,CAACP,KAAK;IACnE,CAAC;;IAEH;MACElB,KAAA,CAAA0B,aAAA,CAACxB,KAAK,CAACyB,MAAM,EAAKZ,IAAI;MACpBf,KAAA,CAAA0B,aAAA;QACEf,GAAG,EAAEA,GAAI;QACT,YAAUH,iBAAiB,CAACoB,OAAQ;QACpCC,SAAS,EAAEvB,EAAE;UACXC,MAAM,CAACqB,OAAO,CAACV,KAAK,CAAC;UACrBI,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACuB,UAAU,CAAC,CAAC;UAC3CR,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACwB,aAAa,CAAC,CAAC;UACjDR;QACF,CAAE;;MAEDT;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.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 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   * Пиктограмма в шапке компонента.\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\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;;;;;;;;;;;AAW/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","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

@@ -4,8 +4,6 @@ var _excluded = ["children"];
 import React, { useContext } from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
-import { isIE11 } from "../../../lib/client";
 import { styles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 
@@ -18,11 +16,9 @@ export var MiniModalIndent = forwardRefAndName('MiniModalIndent', function (_ref
   var children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var theme = useContext(ThemeContext);
-  return /*#__PURE__*/(
-    React.createElement("div", _extends({
-      "data-tid": MiniModalDataTids.indent,
-      ref: ref,
-      className: 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","ThemeContext","cx","isIE11","styles","MiniModalDataTids","MiniModalIndent","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","createElement","_extends","indent","className","actionsIndent","actionsIndentIE11Fallback"],"sources":["MiniModalIndent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\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 (\n      <div\n        data-tid={MiniModalDataTids.indent}\n        ref={ref}\n        className={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,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,MAAM,QAAQ,kBAAkB;;AAEzC,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,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,CAACE,YAAY,CAAC;;IAEtC;MACEH,KAAA,CAAAgB,aAAA,QAAAC,QAAA;QACE,YAAUV,iBAAiB,CAACW,MAAO;QACnCR,GAAG,EAAEA,GAAI;QACTS,SAAS,EAAEf,EAAE,CAAC,CAACC,MAAM,GAAGC,MAAM,CAACc,aAAa,CAACL,KAAK,CAAC,GAAGT,MAAM,CAACe,yBAAyB,CAACN,KAAK,CAAC,CAAE;MAC3FH,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 />