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

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","menuItemLegacyPaddingX","menuItemPaddingX","menuItemLegacyPaddingY","menuItemPaddingY","legacyPaddingX","parseFloat","legacyPaddingY","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","menuItemIconLegacyShift","iconSmall","iconSizeMixin","menuItemIconWidthSmall","menuItemIconLegacyMargin","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  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":["_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":"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","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

@@ -12,10 +12,11 @@ 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);

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

@@ -1 +1 @@
-{"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 *\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":"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;AACV;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":[]}
+{"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/__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

@@ -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","_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\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;;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,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":[]}
+{"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

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

@@ -1,6 +1,6 @@
 "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 _Button = require("../Button/Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _Button = require("../Button/Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   icon: function icon() {
@@ -27,12 +27,11 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  actions: function actions(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n      gap: ", ";\n\n      .", " {\n        width: 100%;\n      }\n    "])),
+  actions: function actions() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .", " {\n        width: 100%;\n      }\n    "])),
 
 
 
-    t.miniModalActionGap,
 
     _Button.globalClasses.root);
 
@@ -41,31 +40,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   actionsIndent: function actionsIndent(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
     t.miniModalCancelIndent);
 
   },
 
-  actionsIndentIE11Fallback: function actionsIndentIE11Fallback(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
-    t.miniModalCancelIndent);
-
-  },
+  actionsRow: function actionsRow(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(", " / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(", " / 2);\n      }\n    "])),
 
-  actionsRow: function actionsRow() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n    "])));
-
-
-  },
-
-  actionsColumn: function actionsColumn() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n    "])));
-
-
-  },
-
-  actionsRowIE11Fallback: function actionsRowIE11Fallback(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
 
@@ -75,8 +57,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  actionsColumnIE11Fallback: function actionsColumnIE11Fallback(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])),
+  actionsColumn: function actionsColumn(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])),
+
 
     t.miniModalActionGap,
 

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","styles","exports","memoizeStyle","icon","css","_taggedTemplateLiteralLoose2","default","description","title","titleWithIcon","t","miniModalTitleMarginTop","actions","miniModalActionGap","buttonGlobalClasses","root","actionsIndent","miniModalCancelIndent","actionsIndentIE11Fallback","actionsRow","actionsColumn","actionsRowIE11Fallback","actionsColumnIE11Fallback"],"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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAA+E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;AAExE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAf,eAAA,KAAAA,eAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOJ,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,aAAa,WAAAA,cAACC,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACMI,CAAC,CAACC,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAACF,CAAQ,EAAE;IAChB,WAAON,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;IAIDI,CAAC,CAACG,kBAAkB;;IAExBC,qBAAmB,CAACC,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACEI,CAAC,CAACO,qBAAqB;;EAErC,CAAC;;EAEDC,yBAAyB,WAAAA,0BAACR,CAAQ,EAAE;IAClC,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACGI,CAAC,CAACO,qBAAqB;;EAEtC,CAAC;;EAEDE,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOf,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDc,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOhB,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDe,sBAAsB,WAAAA,uBAACX,CAAQ,EAAE;IAC/B,WAAON,YAAG,EAAAN,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;;IAEeI,CAAC,CAACG,kBAAkB;;;IAGrBH,CAAC,CAACG,kBAAkB;;;EAG9C,CAAC;;EAEDS,yBAAyB,WAAAA,0BAACZ,CAAQ,EAAE;IAClC,WAAON,YAAG,EAAAL,iBAAA,KAAAA,iBAAA,OAAAM,4BAAA,CAAAC,OAAA;;IAEQI,CAAC,CAACG,kBAAkB;;;IAGpBH,CAAC,CAACG,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","styles","exports","memoizeStyle","icon","css","_taggedTemplateLiteralLoose2","default","description","title","titleWithIcon","t","miniModalTitleMarginTop","actions","buttonGlobalClasses","root","actionsIndent","miniModalCancelIndent","actionsRow","miniModalActionGap","actionsColumn"],"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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAA+E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAExE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOJ,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,aAAa,WAAAA,cAACC,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMI,CAAC,CAACC,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOR,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;IAKLO,qBAAmB,CAACC,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACL,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACGI,CAAC,CAACM,qBAAqB;;EAEtC,CAAC;;EAEDC,UAAU,WAAAA,WAACP,CAAQ,EAAE;IACnB,WAAON,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;IAGeI,CAAC,CAACQ,kBAAkB;;;IAGrBR,CAAC,CAACQ,kBAAkB;;;EAG9C,CAAC;;EAEDC,aAAa,WAAAA,cAACT,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;IAGQI,CAAC,CAACQ,kBAAkB;;;IAGpBR,CAAC,CAACQ,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -3,7 +3,6 @@
 var _Modal = require("../Modal");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _client = require("../../lib/client");
 var _Emotion = require("../../lib/theming/Emotion");
 
 var _MiniModal = require("./MiniModal.styles");
@@ -15,11 +14,6 @@ var _MiniModal2 = require("./MiniModal");var _excluded = ["direction", "children
 
 
 
-
-
-
-
-
 /**
  * Обёртка над Modal.Footer
  *
@@ -33,24 +27,15 @@ var MiniModalFooter = exports.MiniModalFooter = (0, _forwardRefAndName.forwardRe
     var childrenCount = _react.default.Children.count(children);
     var _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;
 
-    // IE11 does not support CSS property `gap`
-    var IE11FallbackClasses =
-    _client.isIE11 &&
-    (0, _Emotion.cx)(
-      _direction === 'row' && _MiniModal.styles.actionsRowIE11Fallback(theme),
-      _direction === 'column' && _MiniModal.styles.actionsColumnIE11Fallback(theme)
-    );
-
     return /*#__PURE__*/(
       _react.default.createElement(_Modal.Modal.Footer, rest, /*#__PURE__*/
       _react.default.createElement("div", {
         ref: ref,
         "data-tid": _MiniModal2.MiniModalDataTids.actions,
         className: (0, _Emotion.cx)(
-          _MiniModal.styles.actions(theme),
-          _direction === 'row' && _MiniModal.styles.actionsRow(),
-          _direction === 'column' && _MiniModal.styles.actionsColumn(),
-          IE11FallbackClasses
+          _MiniModal.styles.actions(),
+          _direction === 'row' && _MiniModal.styles.actionsRow(theme),
+          _direction === 'column' && _MiniModal.styles.actionsColumn(theme)
         ) },
 
       children

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_ThemeContext","_client","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalFooter","exports","forwardRefAndName","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","childrenCount","React","Children","count","_direction","IE11FallbackClasses","isIE11","cx","styles","actionsRowIE11Fallback","actionsColumnIE11Fallback","createElement","Modal","Footer","MiniModalDataTids","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":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,gBAAgD,IAAAQ,SAAA;;;;;;;;;;;;;AAahD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAJ,SAAA;IACrC,IAAMY,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAACV,QAAQ,CAAC;IACpD,IAAMW,UAAU,GAAGJ,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGR,SAAS;;IAElF;IACA,IAAMa,mBAAmB;IACvBC,cAAM;IACN,IAAAC,WAAE;MACAH,UAAU,KAAK,KAAK,IAAII,iBAAM,CAACC,sBAAsB,CAACZ,KAAK,CAAC;MAC5DO,UAAU,KAAK,QAAQ,IAAII,iBAAM,CAACE,yBAAyB,CAACb,KAAK;IACnE,CAAC;;IAEH;MACEtB,MAAA,CAAAqB,OAAA,CAAAe,aAAA,CAACjC,MAAA,CAAAkC,KAAK,CAACC,MAAM,EAAKnB,IAAI;MACpBnB,MAAA,CAAAqB,OAAA,CAAAe,aAAA;QACErB,GAAG,EAAEA,GAAI;QACT,YAAUwB,6BAAiB,CAACC,OAAQ;QACpCC,SAAS,EAAE,IAAAT,WAAE;UACXC,iBAAM,CAACO,OAAO,CAAClB,KAAK,CAAC;UACrBO,UAAU,KAAK,KAAK,IAAII,iBAAM,CAACS,UAAU,CAAC,CAAC;UAC3Cb,UAAU,KAAK,QAAQ,IAAII,iBAAM,CAACU,aAAa,CAAC,CAAC;UACjDb;QACF,CAAE;;MAEDZ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalFooter","exports","forwardRefAndName","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","childrenCount","React","Children","count","_direction","createElement","Modal","Footer","MiniModalDataTids","actions","className","cx","styles","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { 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":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,gBAAgD,IAAAO,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAJ,SAAA;IACrC,IAAMY,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAACV,QAAQ,CAAC;IACpD,IAAMW,UAAU,GAAGJ,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGR,SAAS;;IAElF;MACEhB,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAA2B,KAAK,CAACC,MAAM,EAAKb,IAAI;MACpBlB,MAAA,CAAAoB,OAAA,CAAAS,aAAA;QACEf,GAAG,EAAEA,GAAI;QACT,YAAUkB,6BAAiB,CAACC,OAAQ;QACpCC,SAAS,EAAE,IAAAC,WAAE;UACXC,iBAAM,CAACH,OAAO,CAAC,CAAC;UAChBL,UAAU,KAAK,KAAK,IAAIQ,iBAAM,CAACC,UAAU,CAAChB,KAAK,CAAC;UAChDO,UAAU,KAAK,QAAQ,IAAIQ,iBAAM,CAACE,aAAa,CAACjB,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

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

@@ -15,9 +15,6 @@ var _MiniModal2 = require("./MiniModal");var _excluded = ["icon", "children"];
 
 
 
-
-
-
 /**
  * Обёртка над Modal.Header
  *

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_InfoCircleIcon64Regular","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalHeader","exports","forwardRefAndName","_ref","ref","_cx","_ref$icon","icon","default","createElement","InfoCircleIcon64Regular","children","rest","_objectWithoutPropertiesLoose2","theme","useContext","ThemeContext","Modal","Header","MiniModalDataTids","className","styles","title","cx","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import 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":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,gBAAgD,IAAAQ,SAAA;;;;;;;;;;;AAWhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,wBAAA,CAAAgB,uBAAuB,MAAE,CAAC,GAAAJ,SAAA,CAAEK,QAAQ,GAAAR,IAAA,CAARQ,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAL,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IACtD,IAAMe,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACE3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAyB,KAAK,CAACC,MAAM,EAAKN,IAAI;MACpBvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAKL,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAK,YAAUU,6BAAiB,CAACZ,IAAK,EAACa,SAAS,EAAEC,iBAAM,CAACd,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAI,QAAQ;MACPtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;QACE,YAAUU,6BAAiB,CAACG,KAAM;QAClCF,SAAS,EAAE,IAAAG,WAAE,EAACF,iBAAM,CAACC,KAAK,CAAC,CAAC,GAAAjB,GAAA,OAAAA,GAAA;QACzBgB,iBAAM,CAACG,aAAa,CAACV,KAAK,CAAC,IAAG,CAAC,CAACP,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFM;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_InfoCircleIcon64Regular","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalHeader","exports","forwardRefAndName","_ref","ref","_cx","_ref$icon","icon","default","createElement","InfoCircleIcon64Regular","children","rest","_objectWithoutPropertiesLoose2","theme","useContext","ThemeContext","Modal","Header","MiniModalDataTids","className","styles","title","cx","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import 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":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,gBAAgD,IAAAQ,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,wBAAA,CAAAgB,uBAAuB,MAAE,CAAC,GAAAJ,SAAA,CAAEK,QAAQ,GAAAR,IAAA,CAARQ,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAL,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IACtD,IAAMe,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACE3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAyB,KAAK,CAACC,MAAM,EAAKN,IAAI;MACpBvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAKL,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAK,YAAUU,6BAAiB,CAACZ,IAAK,EAACa,SAAS,EAAEC,iBAAM,CAACd,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAI,QAAQ;MACPtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;QACE,YAAUU,6BAAiB,CAACG,KAAM;QAClCF,SAAS,EAAE,IAAAG,WAAE,EAACF,iBAAM,CAACC,KAAK,CAAC,CAAC,GAAAjB,GAAA,OAAAA,GAAA;QACzBgB,iBAAM,CAACG,aAAa,CAACV,KAAK,CAAC,IAAG,CAAC,CAACP,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFM;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalIndent.js

@@ -2,8 +2,6 @@
 
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
-var _client = require("../../lib/client");
 
 var _MiniModal = require("./MiniModal.styles");
 var _MiniModal2 = require("./MiniModal");var _excluded = ["children"];
@@ -18,13 +16,6 @@ var MiniModalIndent = exports.MiniModalIndent = (0, _forwardRefAndName.forwardRe
   function (_ref, ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
-    return /*#__PURE__*/(
-      _react.default.createElement("div", (0, _extends2.default)({
-        "data-tid": _MiniModal2.MiniModalDataTids.indent,
-        ref: ref,
-        className: (0, _Emotion.cx)(!_client.isIE11 ? _MiniModal.styles.actionsIndent(theme) : _MiniModal.styles.actionsIndentIE11Fallback(theme)) },
-      rest)
-      ));
-
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": _MiniModal2.MiniModalDataTids.indent, ref: ref, className: _MiniModal.styles.actionsIndent(theme) }, rest));
   }
 );

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_ThemeContext","_Emotion","_client","_MiniModal","_MiniModal2","_excluded","MiniModalIndent","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","createElement","_extends2","MiniModalDataTids","indent","className","cx","isIE11","styles","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":"kdAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,gBAAgD,IAAAO,SAAA;;AAEhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB,IAAMU,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACErB,MAAA,CAAAkB,OAAA,CAAAI,aAAA,YAAAC,SAAA,CAAAL,OAAA;QACE,YAAUM,6BAAiB,CAACC,MAAO;QACnCX,GAAG,EAAEA,GAAI;QACTY,SAAS,EAAE,IAAAC,WAAE,EAAC,CAACC,cAAM,GAAGC,iBAAM,CAACC,aAAa,CAACX,KAAK,CAAC,GAAGU,iBAAM,CAACE,yBAAyB,CAACZ,KAAK,CAAC,CAAE;MAC3FH,IAAI;MACT,CAAC;;EAEN;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalIndent","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","createElement","_extends2","MiniModalDataTids","indent","className","styles","actionsIndent"],"sources":["MiniModalIndent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\n/**\n * Отступ между кнопками\n *\n * @visibleName MiniModal.Indent\n */\nexport const MiniModalIndent = forwardRefAndName<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>>(\n  'MiniModalIndent',\n  ({ children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return <div data-tid={MiniModalDataTids.indent} ref={ref} className={styles.actionsIndent(theme)} {...rest} />;\n  },\n);\n"],"mappings":"kdAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA,gBAAgD,IAAAK,SAAA;;AAEhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB,IAAMU,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,oBAAOnB,MAAA,CAAAgB,OAAA,CAAAI,aAAA,YAAAC,SAAA,CAAAL,OAAA,IAAK,YAAUM,6BAAiB,CAACC,MAAO,EAACX,GAAG,EAAEA,GAAI,EAACY,SAAS,EAAEC,iBAAM,CAACC,aAAa,CAACT,KAAK,CAAE,IAAKH,IAAI,CAAG,CAAC;EAChH;AACF,CAAC","ignoreList":[]}

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

package/cjs/components/MiniModal/__docs__/MiniModalHeader.mdx

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

package/cjs/components/MiniModal/__docs__/MiniModalIndent.mdx

@@ -0,0 +1,11 @@
+import { Description } from '@storybook/blocks';
+
+import * as MiniModalIndentStories from '../__docs__/MiniModalIndent.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalIndentStories} />
+
+# MiniModalIndent
+
+<Description />