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

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

@@ -1,6 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = exports.getMenuItemPaddings = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.getMenuItemPaddings = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _Emotion = require("../../lib/theming/Emotion");
 var _Mixins = require("../../lib/styles/Mixins");
 
@@ -16,152 +14,150 @@ var getMenuItemPaddings = exports.getMenuItemPaddings = function getMenuItemPadd
   return { paddingX: paddingX, paddingY: paddingY };
 };
 
-var getStyles = exports.getStyles = function getStyles(emotion) {
-  return (0, _Emotion.memoizeStyle)({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])),
-      (0, _Mixins.resetButton)(emotion),
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    (0, _Mixins.resetButton)(),
+
 
+    t.menuItemDisplay,
 
-      t.menuItemDisplay,
 
+    t.menuItemTextColor,
+    t.menuItemBorderRadius,
 
-      t.menuItemTextColor,
-      t.menuItemBorderRadius,
 
 
 
 
 
+    t.menuItemGap);
 
-      t.menuItemGap);
 
+  },
 
-    },
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuItem.menuItemSizeMixin)(
+      t.menuItemPaddingXSmall,
+      t.menuItemPaddingYSmall,
+      t.menuItemLineHeightSmall,
+      t.menuItemFontSizeSmall
+    ));
 
-    rootSmall: function rootSmall(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-      (0, _MenuItem.menuItemSizeMixin)(emotion)(
-        t.menuItemPaddingXSmall,
-        t.menuItemPaddingYSmall,
-        t.menuItemLineHeightSmall,
-        t.menuItemFontSizeSmall
-      ));
+  },
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuItem.menuItemSizeMixin)(
+      t.menuItemPaddingXMedium,
+      t.menuItemPaddingYMedium,
+      t.menuItemLineHeightMedium,
+      t.menuItemFontSizeMedium
+    ));
 
-    },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-      (0, _MenuItem.menuItemSizeMixin)(emotion)(
-        t.menuItemPaddingXMedium,
-        t.menuItemPaddingYMedium,
-        t.menuItemLineHeightMedium,
-        t.menuItemFontSizeMedium
-      ));
+  },
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuItem.menuItemSizeMixin)(
+      t.menuItemPaddingXLarge,
+      t.menuItemPaddingYLarge,
+      t.menuItemLineHeightLarge,
+      t.menuItemFontSizeLarge
+    ));
 
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-      (0, _MenuItem.menuItemSizeMixin)(emotion)(
-        t.menuItemPaddingXLarge,
-        t.menuItemPaddingYLarge,
-        t.menuItemLineHeightLarge,
-        t.menuItemFontSizeLarge
-      ));
+  },
 
-    },
+  rootMobile: function rootMobile(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
+    t.menuItemFontSizeMobile,
+    t.menuItemLineHeightMobile,
+    t.menuItemPaddingMobile);
 
-    rootMobile: function rootMobile(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", ";\n      "])),
-      t.menuItemFontSizeMobile,
-      t.menuItemLineHeightMobile,
-      t.menuItemPaddingMobile);
+  },
 
-    },
+  hover: function hover(t) {
+    // Color with !important in purpose to override `a:hover`
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", " !important;\n    "])),
+    t.menuItemHoverBg,
+    t.menuItemHoverColor);
 
-    hover: function hover(t) {
-      // Color with !important in purpose to override `a:hover`
-      return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important;\n        color: ", " !important;\n      "])),
-      t.menuItemHoverBg,
-      t.menuItemHoverColor);
+  },
+  selected: function selected(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n    "])),
+    t.menuItemSelectedBg);
 
-    },
-    selected: function selected(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important;\n      "])),
-      t.menuItemSelectedBg);
+  },
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      cursor: default;\n    "])),
+    t.menuItemDisabledBg,
+    t.menuItemDisabledColor);
 
-    },
-    disabled: function disabled(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        cursor: default;\n      "])),
-      t.menuItemDisabledBg,
-      t.menuItemDisabledColor);
 
+  },
+  link: function link(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.menuItemLinkColor);
 
-    },
-    link: function link(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-      t.menuItemLinkColor);
+  },
+  loose: function loose() {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 15px;\n    "])));
 
-    },
-    loose: function loose() {
-      return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-left: 15px;\n      "])));
 
+  },
+  withIconSmall: function withIconSmall(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
 
-    },
-    withIconSmall: function withIconSmall(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      (0, _MenuItem.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconSmall));
+  },
+  withIconMedium: function withIconMedium(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
 
-    },
-    withIconMedium: function withIconMedium(t) {
-      return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      (0, _MenuItem.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconMedium));
+  },
+  withIconLarge: function withIconLarge(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _MenuItem.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
 
-    },
-    withIconLarge: function withIconLarge(t) {
-      return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-      (0, _MenuItem.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconLarge));
+  },
+  comment: function comment(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: ", ";\n      white-space: normal;\n      padding-top: 4px;\n    "])),
+    t.menuItemCommentColor,
+    t.menuItemCommentOpacity);
 
-    },
-    comment: function comment(t) {
-      return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        opacity: ", ";\n        white-space: normal;\n        padding-top: 4px;\n      "])),
-      t.menuItemCommentColor,
-      t.menuItemCommentOpacity);
 
 
+  },
+  commentHover: function commentHover(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      opacity: 0.6;\n    "])),
+    t.menuItemCommentColorHover);
+
+
+  },
+  icon: function icon() {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
-    },
-    commentHover: function commentHover(t) {
-      return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        opacity: 0.6;\n      "])),
-      t.menuItemCommentColorHover);
 
 
-    },
-    icon: function icon() {
-      return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
 
+  },
+  iconMedium: function iconMedium(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
 
+  },
+  iconLarge: function iconLarge(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _MenuItem.iconSizeMixin)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
 
-    },
-    iconSmall: function iconSmall(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-      (0, _MenuItem.iconSizeMixin)(emotion)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall));
-
-    },
-    iconMedium: function iconMedium(t) {
-      return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-      (0, _MenuItem.iconSizeMixin)(emotion)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium));
-
-    },
-    iconLarge: function iconLarge(t) {
-      return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-      (0, _MenuItem.iconSizeMixin)(emotion)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge));
-
-    },
-    mobileContentWithIcon: function mobileContentWithIcon() {
-      return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: 8px;\n      "])));
+  },
+  mobileContentWithIcon: function mobileContentWithIcon() {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 8px;\n    "])));
 
 
-    }
-  });
-};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","getMenuItemPaddings","exports","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","getStyles","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemSizeMixin","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","link","menuItemLinkColor","loose","withIconSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","icon","iconSmall","iconSizeMixin","menuItemIconWidthSmall","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"sources":["MenuItem.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { 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 getStyles = (emotion: Emotion) => {\n  return memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        ${resetButton(emotion)};\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 emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemPaddingXSmall,\n          t.menuItemPaddingYSmall,\n          t.menuItemLineHeightSmall,\n          t.menuItemFontSizeSmall,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemPaddingXMedium,\n          t.menuItemPaddingYMedium,\n          t.menuItemLineHeightMedium,\n          t.menuItemFontSizeMedium,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemPaddingXLarge,\n          t.menuItemPaddingYLarge,\n          t.menuItemLineHeightLarge,\n          t.menuItemFontSizeLarge,\n        )};\n      `;\n    },\n\n    rootMobile(t: Theme) {\n      return emotion.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 emotion.css`\n        background: ${t.menuItemHoverBg} !important;\n        color: ${t.menuItemHoverColor} !important;\n      `;\n    },\n    selected(t: Theme) {\n      return emotion.css`\n        background: ${t.menuItemSelectedBg} !important;\n      `;\n    },\n    disabled(t: Theme) {\n      return emotion.css`\n        background: ${t.menuItemDisabledBg};\n        color: ${t.menuItemDisabledColor};\n        cursor: default;\n      `;\n    },\n    link(t: Theme) {\n      return emotion.css`\n        color: ${t.menuItemLinkColor};\n      `;\n    },\n    loose() {\n      return emotion.css`\n        padding-left: 15px;\n      `;\n    },\n    withIconSmall(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconSmall)}\n      `;\n    },\n    withIconMedium(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconMedium)}\n      `;\n    },\n    withIconLarge(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconLarge)}\n      `;\n    },\n    comment(t: Theme) {\n      return emotion.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 emotion.css`\n        color: ${t.menuItemCommentColorHover};\n        opacity: 0.6;\n      `;\n    },\n    icon() {\n      return emotion.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 emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall)};\n      `;\n    },\n    iconMedium(t: Theme) {\n      return emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium)};\n      `;\n    },\n    iconLarge(t: Theme) {\n      return emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge)};\n      `;\n    },\n    mobileContentWithIcon() {\n      return emotion.css`\n        margin-left: 8px;\n      `;\n    },\n  });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","getMenuItemPaddings","exports","_ref","menuItemPaddingX","menuItemPaddingY","paddingX","paddingY","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemSizeMixin","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","link","menuItemLinkColor","loose","withIconSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","icon","iconSmall","iconSizeMixin","menuItemIconWidthSmall","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"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":";AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA,sBAAwF,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;AAEjF,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA;;;AAG+B,KAF7DC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB,CAChBC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EAEhB,IAAMC,QAAQ,GAAGF,gBAAgB;EACjC,IAAMG,QAAQ,GAAGF,gBAAgB;;EAEjC,OAAO,EAAEC,QAAQ,EAARA,QAAQ,EAAEC,QAAQ,EAARA,QAAQ,CAAC,CAAC;AAC/B,CAAC;;AAEM,IAAMC,MAAM,GAAAN,OAAA,CAAAM,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAA/B,eAAA,KAAAA,eAAA,OAAAgC,4BAAA,CAAAC,OAAA;IACN,IAAAC,mBAAW,EAAC,CAAC;;;IAGJJ,CAAC,CAACK,eAAe;;;IAGnBL,CAAC,CAACM,iBAAiB;IACXN,CAAC,CAACO,oBAAoB;;;;;;;IAOpBP,CAAC,CAACQ,WAAW;;;EAGpC,CAAC;;EAEDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAA9B,gBAAA,KAAAA,gBAAA,OAAA+B,4BAAA,CAAAC,OAAA;IACN,IAAAO,2BAAiB;MACjBV,CAAC,CAACW,qBAAqB;MACvBX,CAAC,CAACY,qBAAqB;MACvBZ,CAAC,CAACa,uBAAuB;MACzBb,CAAC,CAACc;IACJ,CAAC;;EAEL,CAAC;EACDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAA7B,gBAAA,KAAAA,gBAAA,OAAA8B,4BAAA,CAAAC,OAAA;IACN,IAAAO,2BAAiB;MACjBV,CAAC,CAACgB,sBAAsB;MACxBhB,CAAC,CAACiB,sBAAsB;MACxBjB,CAAC,CAACkB,wBAAwB;MAC1BlB,CAAC,CAACmB;IACJ,CAAC;;EAEL,CAAC;EACDC,SAAS,WAAAA,UAACpB,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAA5B,gBAAA,KAAAA,gBAAA,OAAA6B,4BAAA,CAAAC,OAAA;IACN,IAAAO,2BAAiB;MACjBV,CAAC,CAACqB,qBAAqB;MACvBrB,CAAC,CAACsB,qBAAqB;MACvBtB,CAAC,CAACuB,uBAAuB;MACzBvB,CAAC,CAACwB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,UAAU,WAAAA,WAACzB,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAA3B,gBAAA,KAAAA,gBAAA,OAAA4B,4BAAA,CAAAC,OAAA;IACKH,CAAC,CAAC0B,sBAAsB;IACtB1B,CAAC,CAAC2B,wBAAwB;IAC9B3B,CAAC,CAAC4B,qBAAqB;;EAEtC,CAAC;;EAEDC,KAAK,WAAAA,MAAC7B,CAAQ,EAAE;IACd;IACA,WAAOC,YAAG,EAAA1B,gBAAA,KAAAA,gBAAA,OAAA2B,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAAC8B,eAAe;IACtB9B,CAAC,CAAC+B,kBAAkB;;EAEjC,CAAC;EACDC,QAAQ,WAAAA,SAAChC,CAAQ,EAAE;IACjB,WAAOC,YAAG,EAAAzB,gBAAA,KAAAA,gBAAA,OAAA0B,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACiC,kBAAkB;;EAEtC,CAAC;EACDC,QAAQ,WAAAA,SAAClC,CAAQ,EAAE;IACjB,WAAOC,YAAG,EAAAxB,gBAAA,KAAAA,gBAAA,OAAAyB,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACmC,kBAAkB;IACzBnC,CAAC,CAACoC,qBAAqB;;;EAGpC,CAAC;EACDC,IAAI,WAAAA,KAACrC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAvB,gBAAA,KAAAA,gBAAA,OAAAwB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACsC,iBAAiB;;EAEhC,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOtC,YAAG,EAAAtB,iBAAA,KAAAA,iBAAA,OAAAuB,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDqC,aAAa,WAAAA,cAACxC,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAArB,iBAAA,KAAAA,iBAAA,OAAAsB,4BAAA,CAAAC,OAAA;IACN,IAAAsC,2BAAiB,EAACzC,CAAC,CAAC0C,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,cAAc,WAAAA,eAAC3C,CAAQ,EAAE;IACvB,WAAOC,YAAG,EAAApB,iBAAA,KAAAA,iBAAA,OAAAqB,4BAAA,CAAAC,OAAA;IACN,IAAAsC,2BAAiB,EAACzC,CAAC,CAAC4C,4BAA4B,CAAC;;EAEvD,CAAC;EACDC,aAAa,WAAAA,cAAC7C,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAnB,iBAAA,KAAAA,iBAAA,OAAAoB,4BAAA,CAAAC,OAAA;IACN,IAAAsC,2BAAiB,EAACzC,CAAC,CAAC8C,2BAA2B,CAAC;;EAEtD,CAAC;EACDC,OAAO,WAAAA,QAAC/C,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAlB,iBAAA,KAAAA,iBAAA,OAAAmB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACgD,oBAAoB;IACpBhD,CAAC,CAACiD,sBAAsB;;;;EAIvC,CAAC;EACDC,YAAY,WAAAA,aAAClD,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAjB,iBAAA,KAAAA,iBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACmD,yBAAyB;;;EAGxC,CAAC;EACDC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOnD,YAAG,EAAAhB,iBAAA,KAAAA,iBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;EACDkD,SAAS,WAAAA,UAACrD,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAf,iBAAA,KAAAA,iBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACN,IAAAmD,uBAAa,EAACtD,CAAC,CAACuD,sBAAsB,EAAEvD,CAAC,CAACW,qBAAqB,CAAC;;EAEtE,CAAC;EACD6C,UAAU,WAAAA,WAACxD,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAd,iBAAA,KAAAA,iBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACN,IAAAmD,uBAAa,EAACtD,CAAC,CAACyD,uBAAuB,EAAEzD,CAAC,CAACgB,sBAAsB,CAAC;;EAExE,CAAC;EACD0C,SAAS,WAAAA,UAAC1D,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAb,iBAAA,KAAAA,iBAAA,OAAAc,4BAAA,CAAAC,OAAA;IACN,IAAAmD,uBAAa,EAACtD,CAAC,CAAC2D,sBAAsB,EAAE3D,CAAC,CAACqB,qBAAqB,CAAC;;EAEtE,CAAC;EACDuC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,WAAO3D,YAAG,EAAAZ,iBAAA,KAAAA,iBAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/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/cjs/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/cjs/components/MenuSeparator/MenuSeparator.js

@@ -1,9 +1,9 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuSeparator = MenuSeparator;exports.MenuSeparatorDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
 
-var _CommonWrapper = require("../../internal/CommonWrapper");
-var _ResponsiveLayout = require("../ResponsiveLayout");
 var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _ResponsiveLayout = require("../ResponsiveLayout");
 
 var _MenuSeparator = require("./MenuSeparator.styles");
 
@@ -12,24 +12,23 @@ var _MenuSeparator = require("./MenuSeparator.styles");
 var MenuSeparatorDataTids = exports.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 = (0, _react.useContext)(_ThemeContext.ThemeContext);
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
-  var styles = (0, _MenuSeparator.getStyles)(emotion);
 
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
     _react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null,
-    function (_ref) {var _emotion$cx;var isMobile = _ref.isMobile;
+    function (_ref) {var _cx;var isMobile = _ref.isMobile;
       return /*#__PURE__*/(
         _react.default.createElement("div", {
           "data-tid": MenuSeparatorDataTids.root,
-          className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.root(theme)] = true, _emotion$cx[styles.rootMobile(theme)] = isMobile, _emotion$cx)) }
+          className: (0, _Emotion.cx)((_cx = {}, _cx[_MenuSeparator.styles.root(theme)] = true, _cx[_MenuSeparator.styles.rootMobile(theme)] = isMobile, _cx)) }
         ));
 
     }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_CommonWrapper","_ResponsiveLayout","_Emotion","_ThemeContext","_MenuSeparator","MenuSeparatorDataTids","exports","root","MenuSeparator","props","theme","useContext","ThemeContext","emotion","EmotionContext","styles","getStyles","default","createElement","CommonWrapper","ResponsiveLayout","_ref","_emotion$cx","isMobile","className","cx","rootMobile","__KONTUR_REACT_UI__","displayName"],"sources":["MenuSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } 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  const emotion = useContext(EmotionContext);\n  const styles = getStyles(emotion);\n\n  return (\n    <CommonWrapper {...props}>\n      <ResponsiveLayout>\n        {({ isMobile }) => {\n          return (\n            <div\n              data-tid={MenuSeparatorDataTids.root}\n              className={emotion.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":"mNAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,cAAA,GAAAL,OAAA;;;;AAIO,IAAMM,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,IAAI,EAAE;AACR,CAAU;AACV;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,KAAyB,EAAE;EAChD,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,OAAO,GAAG,IAAAF,iBAAU,EAACG,uBAAc,CAAC;EAC1C,IAAMC,MAAM,GAAG,IAAAC,wBAAS,EAACH,OAAO,CAAC;;EAEjC;IACEhB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,cAAA,CAAAmB,aAAa,EAAKV,KAAK;IACtBZ,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAAmB,gBAAgB;IACd,UAAAC,IAAA,EAAkB,KAAAC,WAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACV;QACE1B,MAAA,CAAAoB,OAAA,CAAAC,aAAA;UACE,YAAUb,qBAAqB,CAACE,IAAK;UACrCiB,SAAS,EAAEX,OAAO,CAACY,EAAE,EAAAH,WAAA,OAAAA,WAAA,CAAIP,MAAM,CAACR,IAAI,CAACG,KAAK,CAAC,IAAG,IAAI,EAAAY,WAAA,CAAGP,MAAM,CAACW,UAAU,CAAChB,KAAK,CAAC,IAAGa,QAAQ,EAAAD,WAAA,CAAE,CAAE;QAC7F,CAAC;;IAEN;IACgB;IACL,CAAC;;AAEpB;;AAEAd,aAAa,CAACmB,mBAAmB,GAAG,eAAe;AACnDnB,aAAa,CAACoB,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_CommonWrapper","_ResponsiveLayout","_MenuSeparator","MenuSeparatorDataTids","exports","root","MenuSeparator","props","theme","useContext","ThemeContext","default","createElement","CommonWrapper","ResponsiveLayout","_ref","_cx","isMobile","className","cx","styles","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":"mNAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;;AAEA,IAAAK,cAAA,GAAAL,OAAA;;;;AAIO,IAAMM,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACnCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,KAAyB,EAAE;EAChD,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC;IACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,cAAA,CAAAa,aAAa,EAAKN,KAAK;IACtBZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAa,gBAAgB;IACd,UAAAC,IAAA,EAAkB,KAAAC,GAAA,KAAfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACV;QACEtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;UACE,YAAUT,qBAAqB,CAACE,IAAK;UACrCa,SAAS,EAAE,IAAAC,WAAE,GAAAH,GAAA,OAAAA,GAAA,CAAII,qBAAM,CAACf,IAAI,CAACG,KAAK,CAAC,IAAG,IAAI,EAAAQ,GAAA,CAAGI,qBAAM,CAACC,UAAU,CAACb,KAAK,CAAC,IAAGS,QAAQ,EAAAD,GAAA,CAAE,CAAE;QACrF,CAAC;;IAEN;IACgB;IACL,CAAC;;AAEpB;;AAEAV,aAAa,CAACgB,mBAAmB,GAAG,eAAe;AACnDhB,aAAa,CAACiB,WAAW,GAAG,eAAe","ignoreList":[]}

package/cjs/components/MenuSeparator/MenuSeparator.md

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

package/cjs/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/cjs/components/MenuSeparator/MenuSeparator.styles.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","getStyles","exports","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","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,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA;;;AAGlD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOH,OAAO,CAACI,GAAG,CAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;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,OAAOH,OAAO,CAACI,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;QACNH,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;MAG1E;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"sources":["MenuSeparator.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n      border-radius: 1px;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACI,oBAAoB,EAAIJ,CAAC,CAACK,oBAAoB;IAC5CL,CAAC,CAACM,wBAAwB,EAAUN,CAAC,CAACO,wBAAwB;;EAEhF,CAAC;;EAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACS,0BAA0B,EAAIT,CAAC,CAACU,0BAA0B;;;EAG1E;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MiniModalDataTids = exports.MiniModal = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
 var _Modal = require("../Modal");
-var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
 
 var _getMiniModalTheme = require("./getMiniModalTheme");
 var _MiniModalFooter = require("./MiniModalFooter");
@@ -18,6 +18,12 @@ var MiniModalDataTids = exports.MiniModalDataTids = {
   indent: 'MiniModal__indent'
 };
 
+/**
+ * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
+ * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
+ *
+ * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
+ */
 var MiniModal = exports.MiniModal = (0, _forwardRefAndName.forwardRefAndName)(
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_ThemeContext","_getMiniModalTheme","_MiniModalFooter","_MiniModalHeader","_MiniModalBody","_MiniModalIndent","_excluded","MiniModalDataTids","exports","icon","title","description","actions","indent","MiniModal","forwardRefAndName","_ref","ref","children","propsTheme","theme","rest","_objectWithoutPropertiesLoose2","default","contextTheme","useContext","ThemeContext","createElement","Provider","value","getMiniModalTheme","Modal","_extends2","width","noClose","Header","MiniModalHeader","Footer","MiniModalFooter","Indent","MiniModalIndent","Body","MiniModalBody"],"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":"weAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA,sBAAoD,IAAAS,SAAA;;AAE7C,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,wBAAwB;EACrCC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE;AACV,CAAU;;AAEH,IAAMC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,IAAAC,oCAAiB;;;;;;;;;EASxC,WAAW,EAAE,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAhDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAASC,UAAU,GAAAH,IAAA,CAAjBI,KAAK,CAAiBC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAV,SAAA;IACpD,IAAMkB,YAAY,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAE7C;MACE/B,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC3B,aAAA,CAAA0B,YAAY,CAACE,QAAQ,IAACC,KAAK,EAAE,IAAAC,oCAAiB,EAACN,YAAY,EAAEL,UAAU,CAAE;MACxExB,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC7B,MAAA,CAAAiC,KAAK,MAAAC,SAAA,CAAAT,OAAA,IAACU,KAAK,EAAE,GAAI,EAACC,OAAO,QAACjB,GAAG,EAAEA,GAAI,IAAKI,IAAI;MAC1CH;MACI;MACc,CAAC;;EAE5B,CAAC,CAAC;;AAEFJ,SAAS,CAACqB,MAAM,GAAGC,gCAAe;AAClCtB,SAAS,CAACuB,MAAM,GAAGC,gCAAe;AAClCxB,SAAS,CAACyB,MAAM,GAAGC,gCAAe;AAClC1B,SAAS,CAAC2B,IAAI,GAAGC,4BAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_ThemeContext","_forwardRefAndName","_getMiniModalTheme","_MiniModalFooter","_MiniModalHeader","_MiniModalBody","_MiniModalIndent","_excluded","MiniModalDataTids","exports","icon","title","description","actions","indent","MiniModal","forwardRefAndName","_ref","ref","children","propsTheme","theme","rest","_objectWithoutPropertiesLoose2","default","contextTheme","useContext","ThemeContext","createElement","Provider","value","getMiniModalTheme","Modal","_extends2","width","noClose","Header","MiniModalHeader","Footer","MiniModalFooter","Indent","MiniModalIndent","Body","MiniModalBody"],"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":"weAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA,sBAAoD,IAAAS,SAAA;;AAE7C,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,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;AACO,IAAMC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,IAAAC,oCAAiB;;;;;;;;;EASxC,WAAW,EAAE,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAhDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAASC,UAAU,GAAAH,IAAA,CAAjBI,KAAK,CAAiBC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAV,SAAA;IACpD,IAAMkB,YAAY,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAE7C;MACE/B,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC5B,aAAA,CAAA2B,YAAY,CAACE,QAAQ,IAACC,KAAK,EAAE,IAAAC,oCAAiB,EAACN,YAAY,EAAEL,UAAU,CAAE;MACxExB,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC7B,MAAA,CAAAiC,KAAK,MAAAC,SAAA,CAAAT,OAAA,IAACU,KAAK,EAAE,GAAI,EAACC,OAAO,QAACjB,GAAG,EAAEA,GAAI,IAAKI,IAAI;MAC1CH;MACI;MACc,CAAC;;EAE5B,CAAC,CAAC;;AAEFJ,SAAS,CAACqB,MAAM,GAAGC,gCAAe;AAClCtB,SAAS,CAACuB,MAAM,GAAGC,gCAAe;AAClCxB,SAAS,CAACyB,MAAM,GAAGC,gCAAe;AAClC1B,SAAS,CAAC2B,IAAI,GAAGC,4BAAa","ignoreList":[]}

package/cjs/components/MiniModal/MiniModal.md

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

package/cjs/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;
 };